zhzwei-CSDN博客

原创 vue.js 细节

ref预期：stringref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：<p ref="p">hello</p><!-- `vm.$refs.child` will be the child component instance

2020-12-09 10:35:42 305

原创 path.join()和path.resolve()的区别

path.join([...paths])...paths string 路径片段的序列返回：stringpath.join() 方法会将所有给定的 path 片段连接到一起（使用平台特定的分隔符作为定界符），然后规范化生成的路径。长度为零的 path 片段会被忽略。如果连接后的路径字符串为长度为零的字符串，则返回 '.'，表示当前工作目录。如果任何的路径片段不是字符串，则抛出 TypeError。const path = require('path')path.join('/foo',

2020-09-26 19:28:56 207

原创函数的方法：apply，call，bind

apply 和 callapply 和 call 可以重新定义函数的执行环境，也就是 this 的指向。区别是 apply 接受的是数组参数，call 接受的是连续参数。调用后后会立即执行函数。通过一个操作DOM的例子来理解。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

2020-06-25 21:06:01 180

原创函数的防抖和截流

防抖和节流都是为了解决短时间内大量触发某函数而导致的性能问题，比如触发频率过高导致的响应速度跟不上触发频率，出现延迟、假死或卡顿的现象。1. 防抖（debounce）1.1 什么是防抖在事件被触发n秒后再执行回调函数，如果在这n秒内又被触发，则重新计时。1.2 应用场景用户在输入框中连续输入一串字符后，只会在输入完后去执行最后一次的查询ajax请求，这样可以有效减少请求次数，节约请求资源；window的resize、scroll事件，不断地调整浏览器的窗口大小、或者滚动时会触发对应事件，防抖让

2020-06-25 21:05:26 448

原创正则表达式语法及常用表达式

中文姓名^[\u4E00-\u9FA5]{2,4}$手机号码^1\d{10}$语法符号意义a即下文中的特殊字符，( [ { \ ^ $ \| ) ? * + . ] }\匹配将依照下列规则：在非特殊字符之前的反斜杠表示下一个字符是特殊的，不能从字面上解释。例如，没有前面 \ 的 ‘b’ 通常匹配小写 ‘b’，无论它们出现在哪里。如果加了 \，这个字符变成了一个特殊意义的字符，意思是匹配一个字符边界。反斜杠也可以将其后的特殊字符，转义为字面量。例如，模式 /a*/

2020-06-25 20:58:18 184

原创 uni-app Tips

[@ 目录]父组件监听不到子组件的 tap 事件，使用 click 事件代替子组件的静态图片路径只能使用绝对路径，根目录是项目目录比如：<image src="/static/icos/left-gray-arrow.png" class="arrow"></image>...

2019-12-13 13:27:39 1347

原创小程序 storage 和浏览器 localStorage 的区别

1、小程序 storage 和浏览器 localStorage 的区别不存在的字段：小程序中 storage 中，使用 wx.getStoarege(key) 获取的是 ""浏览器中 localStorage 使用 window.localStorage.getItem(key) 获取的是 null...

2019-12-12 17:57:38 700

原创对象转查询字符串 objToQuery

export function objToQuery(obj) { let query = '?' if (typeof obj === 'object') { for(let key in obj) { query += key + '=' + obj[key] + '&' } } return query.slice(0, -1)}

2019-12-06 17:17:42 677

原创 css 单行文本截断和多行文本截断

单行文本截断.text-clip { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }多行文本截断

2019-12-02 21:44:03 601

原创微信小程序开发笔记：wx.request() 的封装

封装 wx.request// request.jsconst baseUrl = 'https://www.example.com'export default function request(options) { return new Promise((resolve, reject) => { wx.request({ url: baseUrl + o...

2019-12-02 21:31:57 212

原创微信小程序开发笔记：轮播图

轮播图需要设置的样式由于小程序中 swiper 和 image 组件的默认样式，轮播图需要进行自定义设置才能正常显示：设置 swiper 的高度设置 image 的宽度和高度<swiper :indicator-dots="true" :autoplay="true" class="carousel"> <swiper-item> <image...

2019-12-02 15:00:41 323

zhzwei的博客