- 博客(11)
- 收藏
- 关注
RSS订阅原创 javascript中for of和for in的区别？
先说结论：1. 推荐在循环对象属性的时候，使用for…in,在遍历数组的时候的时候使用for…of。2. for…in循环出的是key，for…of循环出的是value3. 注意，for…of是ES6新引入的特性。修复了ES5引入的for…in的不足4. for…of不能循环普通的对象，需要通过和Object.keys()搭配使用假设我们要遍历一个数组的valuelet aArray = ['a',123,{a:'1',b:'2'}]使用for…in循环：for(let index in
2020-05-18 22:56:15
208
原创 项目(小程序)中数组方法的使用
日复一日,反反复复,终于完成了小程序的项目.。这篇文章我就对自己的项目中用到的array方法结合具体的功能进行综合的分析搜索区高亮的显示使用方法Str.replace()+正则+Array.map()正当项目即将完成之际,恰逢项目经路来了一句,搜索框我觉得高亮显示会更好一些,把这个需求弄一下.恰同学少面年,跟项目经理争执了半天也没有个结果.最后我不要你觉得,我要我觉得,惨败收场.此时心里面不知道多少个???what?.没办法,硬着头皮也得来呀.简单分析后,其实原理并不难原理：字符串替换基本想法就是
2020-05-13 23:50:01
1253
原创 在uniapp封装搜索组件
项目中很多时候都会用到共同的组件部分,当遇到这些公共的部分的时候,首先想到的就是封装.接下来,就聊一聊组件的封装,在这里以**搜索框**为例.基本上每个项目都会用到这个部分实现效果如下:搭建结构从实现的效果来看,并没有那么多新知识,更多的话可能就是一些样式的实现:话不多说开始敲代码.首先我们在项目中先搭建好结构搜索框的简单搭建代码如下:<template lang="wxml"> <view class="history"> <view class="
2020-05-08 22:34:17
2046
原创 vue,小程序,uniapp生命周期
Vue/小程序/uniapp生命周期vue的生命周期vue的生命周期初始阶段beforeCreate() 组件创建之前 作用是为实例事件的初始化和生命周期做准备数据和真实DOM都拿不到created（） 组件创建结束 数据的初始化 可以进行数据的操作数据拿得到，但真实DOM拿不到beforeMount（） 即将挂载 生产vDOM 可以进行数据的操作数据拿得到，但真实DOM拿不到...
2020-05-07 20:53:29
1914
原创 小程序的渲染过程
小程序的双线程模型小程序是双线程执行的,wxml模块个wxss样式再渲染层进行运行。渲染层使用webView线程进行渲染.一个程序有多个页面,会使用多个webView的线程js脚本运行与=于逻辑层,逻辑层使用jscore进行js脚本渲染过程WXML可以先转成JS对象，再渲染出真正的DOM树数据的变化通过setData把msg数据从“Hello World”变成“Goodbye”...
2020-05-04 22:14:51
1254
原创 Proxy
Proxyvue3.x用Proxy来代替Object.defineProperty。它能做什么Proxy是ES6中提出的一个构造器。通过new Proxy(原对象,{代理列表})的方式去创建对象,创建的这个对象我们称之为代理对象。即：代理对象 = new Proxy(原对象,{代理列表})之所以要额外产生这么一个代理对象，好处在于可以保持原对象不变，在代理对象中添加新的功能，或...
2020-04-27 21:05:03
193
原创 使用vue.use创建公共组件
使用vue-cli创建公共组件在前端奋战了这么长时间,用惯了vant,elementUI等第三方的插件。今日突然心血来潮,就手动教大家封装一个公共组的组件，使你们也能够成为在npm上有库的人。本次组件以button按钮为例1.初入山门在开始前前，需要对Vue的全局组件和局部组件进行一些了解全局组件和局部组件局部组件绝大多数vue项目就只有一个实例(new Vue()只运行一次)，即...
2020-04-22 20:27:26
1854
原创 Vue电商项目
vue电商项目的总结1、项目描述1、此项目为一个前后端分离的 电商实战项目2、采用了Vue全家桶+ES6+Webpack 等前端最新技术3、项目包括商家、商品、用户、等多个功能子模块4、采用模块化、组件化、工程化的模式开发项目文件2 项目的构建2.1 项目开发流程及开发方法和思想1、熟悉一个项目开发的流程2、学会组件化、模块化、工程化的开发模式3、掌握使用vue-cli脚手...
2020-04-19 20:45:07
1109
原创 防抖和节流
防抖和节流在实际的开发中进行会遇到这样情况,当我们在输入框中输入内容的时候,此时后台的请求是这样的.代码如下: async getSearch () { if (this.keyword.trim() === '') { this.show = false return } this.show = true co...
2020-04-17 23:42:00
124
原创 封装一个day.js设置相对时间
在组件的utils的文件夹中创建一个dateFilter.js文件在这里插入代码片npm i dayjs --saveimport dayjs from 'dayjs'// 或者 CommonJS// var dayjs = require('dayjs');// 引入中文语言包import 'dayjs/locale/zh-cn'// 引入插件 dayjs/plugin/rel...
2020-04-14 21:20:16
1111
原创 如何在vscode中开发vue项目时使用eslint
如何在vscode中开发vue项目时使用eslint关键字:vscode , eslint, vue-cli在创建vue项目时选择eslint在使用vue create projectName命令创建项目时，可以启用eslint建议使用 ESLint + standard（它的官网地址是https://github.com/standard/standard）此时，你得到的pac...
2020-04-08 20:20:37
965
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人