- 博客(12)
- 收藏
- 关注
原创 vue生命周期
beforeCreate:是new Vue()之后触发的第一个钩子, 在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问。created:在实例创建完成后发生,当前阶段已经完成了数据观测, 也就是可以使用数据,更改数据,在这里更改数据不会触发updated函数 可以通过vm.$nextTick来访问DombeforeMount:发生在挂载之前,在这之前template模板已导入渲染函数编译。而当前阶段虚拟Dom已经创建完成,即将开始渲染。在此时也可以对数据进
2021-12-02 14:32:28
188
原创 computed与watch的区别
计算属性computed和监听器watch都可以观察属性的变化从而做出响应computed计算属性computed更多是作为缓存功能的观察者,它可以将一个或者多个data的属性进行复杂的计算生成一个新的值,提供给渲染函数使用 ,当依赖的属性变化时,computed不会立即重新计算生成新的值, 而是先标记为脏数据,当下次computed被获取时候,才会进行重新计算并返回watch监听器watch并不具备缓存性,监听器watch提供一个监听函数, 当监听的属性发生变化时,会立即执行该函数。..
2021-12-01 17:47:20
666
原创 小程序image图片高度设置100%,不生效
需要给图片image标签加上属性 mode="widthFix"即可,设置图片宽度为100%<imagesrc="../../images/banner.png"mode="widthFix">
2020-08-24 09:26:16
1841
原创 taro的UI库taro ui
用了taro之后,发现taro有自己的一套UI库,就是taro UI可在用taro创建的项目下安装taro UInpm install taro-ui然后在app.js中全局引入import 'taro-ui/dist/style/index.scss'在我开发的时候,有这样的疑问,taro-ui是scss,自己的是less,可以吗?答案是可以的,直接引入就好...
2019-09-26 16:43:49
4100
原创 使用taro开发小程序
ps:taro项目基于node,请确保node环境为较新的(>=8.0.0)cli工具安装 1、npm安装——npm install -g @tarojs/cli 2、yarn安装——yarn global add @tarojs/cli 3、cnpm安装——cnpm install -g @tarojs/clips:安装过程如果出现sass相...
2019-09-24 16:54:05
320
原创 小程序为什么有的方法要写在methods,有的可直接写在page下
在HTML中调用到的一些方法要写到methods下面,其余的根据实际情况都可写到page下
2019-08-21 17:33:06
5605
原创 bindtap和catchtap的区别
今天在研究小程序,突然看到catchtap,立即决定明白是干嘛的bindtap和catchtap都是点击事件触发函数不同点,我写了两个例子来方便大家理解例一:<view id="outer" bindtap="outer"> outer view <view id="middle" bindtap="middle"> middle v...
2019-08-21 15:30:05
457
原创 访问对象属性的方法
今天突然发现了这样一段代码,蒙了半天没懂啥意思,一直在想b是一个对象,为什么可以用数组的方法写,后来才想起来,上面两种方法就是就是访问对象属性的方法一、对象名.属性名二、对象名[属性名](ps:这里的属性名是String类型哦)...
2019-06-18 16:29:16
639
原创 JS中Map和ForEach的区别
都知道map和foreach是用来遍历数组的,但用的时候都是随便用,从不考虑区别,为了让自己记住,也希望大家可以了解他们的区别,我来做一个记录,简单易懂一点forEach会改变原数组map会返回一个新数组...
2019-06-18 16:20:29
610
1
转载 2018最新Web前端经典面试试题及答案
javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去...
2018-08-15 14:50:00
488
原创 数组去重五种方法
方法一: var arr=[21,21,2,3,5,77,2]; var arr2=[]; for(var i=0;i&lt;arr.length;i++){ var flag=true; for(var j=0;j&lt;arr2.length;j++){ if (arr[i]==arr2[j]) { ...
2018-08-03 14:06:41
352
转载 Hammer.js 手势事件
欢迎加入qq群(IT-程序猿-技术交流群):757345416一、前言移动端框架当前还处在初级阶段,但相对于移动端的应用来说已经有很长时间了。虽然暂时还没有PC端开发的需求量大,但移动端的Web必然是一种趋势,在接触移动端脚本的过程中,最开始想到的是juqery...
2018-08-03 11:33:45
421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人