- 博客(18)
- 收藏
- 关注
原创 Vue 中使用 echarts 热力图
安装npm install echarts --save开发组件(热力图)<template> <div id="myCalendar" :style="{width: '100%', height: '250px'}"> </div></template><script> import echarts from...
2020-03-16 11:00:00
1689
原创 前端适配问题
1. 弹性布局flex2. rem(移动端)"font size of the root element" 以根元素字体大小为基准ToDo:https://www.jianshu.com/p/5b54be9dc063https://www.cnblogs.com/annie211/p/8118857.html3. 媒体查询 (@media 查询)文档使用 @media 查询,你可...
2020-03-13 21:31:41
566
原创 webpack 学习笔记
webpack 是一个模块打包工具安装首先安装node其次,npm init然后,安装webpack :全局安装命令:npm install webpack webpack-cli -g查看版本:webpack -v不推荐使用,不同的项目使用不同版本的webpack所在项目中安装命令:npm install webpack webpack-cli -D (npm instal...
2020-03-11 18:25:17
169
原创 Vuex热更替功能
修改state, mutations, getters 等配置时,不触发页面刷新store.jsimport Vuex from 'vuex'import defaultState from './state/state'import mutations from './mutations/mutations'import getters from './getters/getters...
2020-03-09 16:49:59
278
原创 Vue
computed VS watchcomputed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理;watch主要用于监控vue实例的变化,它监控的变量当然必须在data里面声明才可以,它可以监控一个变量,也可以是一个对象。watch一般用于监控路由、input输入框的值特殊处理等等,它比较适合的...
2019-12-17 16:19:43
178
原创 ES6总结
PromisePromise 是异步编程的一种解决方案,其实是一个构造函数,可以new出一个Promise实例。自己身上有all、reject(失败后的回调函数)、resolve(成功之后的回调函数)这几个方法,原型上有then、catch等方法。all...
2019-12-17 16:06:56
256
原创 Sass基础用法
变量使用$highlight-color: #F90;.selected { border: 1px solid $highlight-color;}//编译后.selected { border: 1px solid #F90;}嵌套#content { article { h1 { color: #333 } p { margin-botto...
2019-12-16 19:58:56
180
原创 css 知识整理
box-sizingcontent-box 基础盒模型,宽 = 元素宽border-box IE6盒模型,宽 = 元素宽+padding+border
2019-12-16 18:10:34
258
1
原创 js 基础知识
replace()replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,该方法不改变字符串本身var str = 'bob'var rep = str.replace('b','a')console.log(str) //bobconsole.log(rep) //aob正则表达式对象或字面量(支持gi模式) g全局匹配 i忽略大小va...
2019-12-10 10:44:48
239
原创 2020年前端面试
年末,怀揣着一颗奔向技术的心,加入了离职找工作的大军。然而节节败退,作为一名基础薄弱,一心乱学新东西的前端搬砖人,当意识到需要积累时,真的是很难找到想要的环境。我希望我保持一颗不放弃,不乱入的心,牢记初心。希望能加入一个技术团队,提升自己前端知识,扎实基础,让以后的前端之路走的更远,更广。对于面试做以下记录。VUE部分谈一谈双向数据绑定的原理VUEX工作流程VUE两种路由的实现如...
2019-12-05 11:11:38
736
2
原创 Vue 之样式scoped(个人记录)
Vue 之样式scoped作用:在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染原理:Vue中的scoped属性的效果主要是通过PostCss实现的给HTML的dom节点添加一个不重复的data属性(例如: data-v-5558831a)来唯一标识这个dom 元...
2019-10-24 14:28:02
238
原创 小程序笔记
入了小程序的坑,发现小程序的功能好少噢,不过大多都有办法解决多页面跳转A页面navigateTo跳转到 B页面,B页面navigateTo跳转到B1页面,此时为了回到B页面,B页面能顺利返回A页面,因此在B1页面跳转时进行以下跳转 var pages = getCurrentPages(); // 获取页面栈 var currPage =...
2018-08-15 20:23:58
193
原创 小程序自定义filter调用报错underfined
在wxs中自定义了filter功能的截取卡号后四位var cardNumFr = { getCardNum: function (x) { var s = x.substring(x.length - 4); return s; }}module.exports = { getCardNum: cardNumFr.getCardNum}在存在wx:f...
2018-08-15 19:56:17
935
原创 小程序中过滤器功能,保留两位小数
1. 首先建立filter 文件夹2. wxs 代码var numFr = { getNum: function (x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x * 100) / 100; var s = f.t...
2018-08-02 09:35:18
2968
1
原创 小程序之坑
1.如果页面要跳转到tabbar绑定的其中一页,可以用wx.switchTab并且只能跳转带有tabbar的页面 而redirectTo或者navigateTo则不能跳转tabbar绑定过的页面wx.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。wx.redirectTo(OBJECT)关闭当前页面,跳...
2018-07-27 09:39:14
280
原创 小程序tabBar的list第一个必须是pages第一个是非必要
小程序的tabBar不显示,搜索出好多讲list第一个必须是pages第一个,可是和需求不匹配,研究发现,tabBar不显示并非因为此,而是因为带有tarBar的页面跳转必须用wx.switchTab,而redirectTo或者navigateTo则不能跳转tabbar绑定过的页面。{"pages": ["pages/index/index","pages/login/login"...
2018-07-25 18:04:29
5809
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人