- 博客(16)
- 收藏
- 关注
RSS订阅原创 vuejs中的事件绑定以及修饰符
vuejs中的事件绑定，使用<v-on:事件名 = 函数名>来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法.事件绑定的方式（1） 内联直接把js写在标签上调用方法<button v-on:click="alert（'hi'）">执行方法的第一种写法</button>（2）调用metho...
2019-04-02 16:40:22
492
原创 vue学习(监听、$event、内联处理器中的方法)
文章目录监听事件事件处理方法内联处理器中的方法$event事件修饰符监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <...
2019-04-02 15:55:51
902
2
原创 浅谈forEach
js里面forEach()的用法：1、react里面的用法：var arr = [];this.props.aa.forEach(function (i,index) {arr.push(<p>{i}</p>)})2、首先定义一个数组var arr=['a','b...
2019-04-02 13:41:26
120
原创 ES6之let和const的区别
let：声明的是变量1、不存在变量提升// var 的情况console.log(foo); // 输出undefinedvar foo = 2;// let 的情况console.log(bar); // 报错ReferenceErrorlet bar = 2;上面代码中，变量foo用var声明，会发生变量提升，即脚本开始运行时，变量foo已经存在了，但是没有值，所以会输出...
2019-04-02 13:39:51
115
原创 浏览器缓存问题
安装：npm install sass-loader node-sass --save-dev由于vue-cli已经配置好了<style lang="scss">$highlight-color: #F90;$highlight-border: 1px solid $highlight-color;.selected {border: $highlight-...
2019-04-02 13:37:17
85
原创 vue配置scss预编译处理器
安装：npm install sass-loader node-sass --save-dev由于vue-cli已经配置好了<style lang="scss">$highlight-color: #F90;$highlight-border: 1px solid $highlight-color;.selected {border: $highlight-...
2019-04-02 13:35:49
306
原创 vue配置less预编译处理器
安装 less less-loader npm install less less-loader --save-dev>新建 文件 src 下面 /common/less/base.less>main.js里面引入import './common/less/base.less'>build/webpack.base.conf.js 修改：resolve: {e...
2019-04-02 13:34:15
171
原创 响应式布局和自适应布局详解
原文链接：http://caibaojian.com/356.html响应式布局等于流动网格布局，而自适应布局等于使用固定分割点来进行布局。自适应布局给了你更多设计的空间，因为你只用考虑几种不同的状态。而在响应式布局中你却得考虑上百种不同的状态。虽然绝大部分状态差异较小，但仍然也算做差异。它使得把握设计最终效果变得更难，同样让响应式布局更加的难以测试和预测。但同时说难，这也算是响应式布局美...
2019-04-02 09:43:30
212
原创 微信小程序填坑之路
1 为何设置tabBar以后。底部tabBar无法显示？？多半原因：在app.json配置文件中把index放在了最前面。page({"pages":["pages/logs/logs","pages/index/index", //调整位置"pages/test/test","pages/temps/temps"],})2 如何实现长按复制文本，在另一个页面粘贴文本？(a页...
2019-03-22 09:20:00
274
原创 微信小程序/下拉选择
jsPage({ data: { selectPerson: true, firstPerson: '个人', selectArea: false, }, //点击选择类型 clickPerson: function () { var selectPerson = this.data.selectPerson; if (selectPer...
2019-03-21 14:41:53
315
原创 小程序强制更新
注意，小程序的更新的api需要基础库在1.9.90以上，需要使用的童鞋记得做兼容1、在app.js的onLaunch方法中使用：const updateManager = wx.getUpdateManager()updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res...
2019-03-21 14:14:27
1030
原创 微信小程序template模板与component组件的区别和使用
前言：除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如果涉及到的业务逻辑交互比较多，那就最好使用component组件了。一. template模板...
2019-03-20 17:43:57
714
原创 微信小程序前端框架/UI组件
前言 刚开始写bolg，尝试记录一些日常。 无意找了个很好看的小程序UI组件库：ColorUIgithub。 之前做的小程序小工具都是使用原生的自己编码的，难免会有东拼西凑的地方，正好这段时间有空，准备花点时间找一个较好的小程序组件库或者框架，来提示开发效率，以及能提高逼格- -准备 百度了一堆，结果如下：组件库有赞UI组件库：vant webap...
2019-03-20 10:21:18
468
转载 路由跳转的滚动方法
假如我们在一个页面中设置了window.addEventListener(‘scroll’, this.handleScroll)，那么当我们使用路由跳转到其他页面的时候，可能就会仍停留在原来的位置，什么意思呢，就是我们在A页面中滑动到比如距离Top500px的距离，这个时候在A页面的500px地方有一个路由可以跳转到B页面，B页面设置了window.addEventListener(‘scro...
2019-03-19 14:48:06
381
转载 【微信小程序】e.target.id和e.currentTarget.dataset.id的区别
1.需求page1展示一个列表，选中列表中的一项，获取该项的一些属性值，set到缓存里。page2 onLoad时从缓存里读取这个缓存，进行使用。2.原始代码①page1的xml文件 列表 每一项 如下 {{item.courseName}} {{item.teacher}} ②在page1.js中，响应点击事件，用e.target.id读...
2019-03-19 14:47:23
4946
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人