陨石猎人-优快云博客

javascript是单线程语言,就是因为单线程的特性;就不得不提js中的同步和异步。同步和异步：所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中，比如ajax、promise、事件、计时器等等。先执行同步，主线程结束后再按照异步的顺序再次执行。事件循环：同步任务进入主线程，立即执行，执行之后异步任务进入主线程，这样循环。宏观任务和微观任务（先执行微观任务，再执行宏观任务

2021-07-08 14:22:14 951

原创 vue中事件绑定加括号和不加括号的区别

vue中事件绑定加括号和不加括号的区别@click=“fun”不带括号、不写实参的fun默认传event (事件对象)@click=“fun(value)”只要加括号，无论是否传值，都属于传实参给函数，event (事件对象)就接收不到。如果需要实参、又需要event (事件对象)，就需要手动传入 event (事件对象)，如下：@click=“fun($event, value)”注：Vue中的@click和React中的onClick实现原理是不一样的，React onClick必须接收

2021-07-02 11:06:38 5882

原创 vuex中mutation和action的详解

官方文档解释：Mutation：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Action：类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。单纯从使用的角度去看：代码更高效易维护, 逻辑清晰；只是规范，而不是逻辑的不允许，只是为了让这个工具能够追踪数据变化；为何mutation不能包含异步操作？每个mutation执行完成后都会对应到一个新的状态变更，这样devtools就

2021-06-17 15:21:15 4606

原创 iOS App 转让问题汇总

转载至：https://www.jianshu.com/p/574abe30726c

2021-02-03 09:12:26 1654

原创 Vuex持久化插件，同时配置sessionStorage，localStorage两种方式

本文主要讲解使用vuex-persistedstate持久化插件过程中，如果想同时配置sessionStorage，localStorage两种方式该如何处理；插件详细使用教程，请浏览另一篇文章：https://blog.youkuaiyun.com/qq_42205731/article/details/99979034先贴代码plugins: [createPersistedState({ // localStorage持久化处理 reducer(cache) { return .

2020-08-08 22:42:39 2411

转载理解和使用ES6中的Symbol

ES6中引入了一种新的基础数据类型：Symbol，不过很多开发者可能都不怎么了解它，或者觉得在实际的开发工作中并没有什么场景应用到它，那么今天我们来讲讲这个数据类型，并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型（primitive type）Symbol是由ES6规范引入的一项新特性，它的功能类似于一种标识唯一性的ID。通常情况下，我们可以通过调用Symbol()函数来创建一个Symbol实例：let s1 = Symbol()或者，你也可以在调用Symbol()

2020-07-28 11:00:57 210 1

原创 vue-cli 3 VUE脚手架项目搭建（详解）

vue-cli 3 VUE脚手架注： vue cli3 需要node8.9或者以上版本vue-cli版本检查// 命令行vue -V // 查看当前版本npm uninstall -g vue-cli //卸载之前的npm install -g @vue/cli //安装最新的开始构建项目vue create ‘项目名’ 回车创建配置default 是默认配置Manually select features 是自己手动选择（上下箭头切换，回车确定）手动配置：需

2020-06-11 23:28:16 8210 2

原创 vue+vant项目中 rem适配配置

vant rem适配，需要安装两个插件postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem lib-flexible用于设置 rem 基准值postcss-pxtorem：npm install postcss-pxtorem --save-devlib-flexible：npm i -S amfe-flexiblemain.js...

2020-02-10 11:30:22 4049

原创 Vue slot 用法详解

一个组件的展示层你需要做到大体结构固定，但其内的部分结构可变，样式表现不固定。例如 Button 中是否显示 icon，或者 Modal 框的中间内容展示区域的变化等，要通过子组件自己实现是不可能的。组件并不直接支持 HTML DOM 结构的传递，此时就可以通过使用slot作为 HTML 结构的传递入口来解决问题。v-slot 用法在 2.6.0 版本中，Vue 为具名插槽和作用域插槽...

2020-01-01 22:26:17 2573 2

原创 vue代码规范文档

本文参照 vue.js风格指南 https://cn.vuejs.org/v2/style-guide/我自己整理的word文档（不是特别详细-----温故） GitHub地址：https://github.com/dressLz/vue-rule 我们需要逐步，严格的规范自己的代码，才能有更好的成长空间，这些东西说小是小，但是会阻碍成长。要想成为一个牛逼的架...

2019-11-02 10:51:57 538

原创 vue 错误building 2/2 modules 0 activeevents.js: 187 throw er; // unhandled 'error' event..... 解决

vue项目启动时出现building 2/2 modules 0 activeevents.js: 187throw er; // unhandled 'error' eventError: spawn cmd ENOENTEmitted 'error' event on ChildProcess instance at:一般是因为node版本太高的问题，我安装的node-v...

2019-10-08 16:06:22 2944

原创 js去除字符串空格

使用js去除字符串内所带有空格，有以下三种方法：replace正则匹配方法　　去除字符串内所有的空格：str = str.replace(/\s*/g,"");　　去除字符串内两头的空格：str = str.replace(/^\s*|\s*$/g,"");　　去除字符串内左侧的空格：str = str.replace(/^\s*/,"");　　去除字符串内右侧的空格：str...

2019-09-17 17:15:42 357

原创 Vuex持久化插件-解决vue项目，在刷新页面后vuex中数据丢失的问题

页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。为了克服这个问题，vuex...

2019-08-21 17:39:34 1153

原创 babel编译JS文件------------JS浏览器兼容问题处理(解决低版本浏览器对es语法的兼容)

Babel 是一个 JavaScript 编译器Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。1.安装node,初始化项目 npm init -y2.安装babel-cli npm i @babel/core @babel/cli @bab...

2019-07-05 17:28:10 4036

原创小程序实现无限级树形菜单

效果图：源码地址：https://github.com/dressLz/lz实现思路：组件的递归调用 mytree为组件，最主要的在组件的自调用。 mytree.json{ "component": true, "usingComponents": { "mytree": "../mytree/mytree" }}mytree....

2019-06-15 08:50:53 12230 17

原创理解js执行的过程：JS运行三部曲

1.语法分析先全部扫一遍看有没有语法错误.2.预编译(执行前一刻) 变量声明提升函数声明整体提升预编译的前奏 imply global 暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就为全局对象（window）所有。预编译的四部曲：1.创建GO/AO对象2.找形参和变量声明，将变量和...

2019-06-05 11:52:56 1327 1

原创使用 Promise 封装小程序网络请求

公共方法一般写在util.js里面。封装：function requestFun(type,url,data){ var data=new Promise(function(resolve,reject){ wx.request({ url: 'https://api.audiobook.dev.taozhi.cn' + url, method: ...

2019-04-29 10:41:16 890

原创 web前后端交互安全问题

如何保证API调用时数据的安全性？通信使用https 请求签名，防止参数被篡改身份确认机制，每次请求都要验证是否合法 APP中使用ssl pinning防止抓包操作对所有请求和响应都进行加解密操作前端常用的加密方法1.base64加密：2.md5加密：3.sha1加密：...

2019-04-10 01:01:56 890 1

原创 js-ES6学习笔记-Class

1. es6提供了更接近传统语言的写法, 引入了Class(类)这个概念,作为对象的模板,通过class关键字,可以定义类.2.定义类//定义类class Point{ constructor(x,y){ this.x=x; this.y=y; } toString(){ return '('+this.x+','+thi...

2019-03-26 17:53:45 296

原创 js 二分查找

二分法查找,必须要求数组为有序数组./** js二分法查找 **/ function binarySeach( arr,val,leftIndex,rightIndex ){ // arr ==>要检索的数组, // val ==&gt...

2019-03-13 18:42:49 271 1

原创 vue-cli 中组件的注册和使用，父子组件相互传参

什么是组件组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。模块化和组件化的区别模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用。一,组件注册和使用 ...

2019-03-11 23:28:52 2357

原创 js时间戳转 Y-M-D h:m:s

方法function formatDate(now) { var y,m,d; y = now.getFullYear(), m = now.getMonth() + 1, d = now.getDate(); return y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ...

2019-02-28 17:58:02 1605

原创微信小程序——带参返回上一页(最好的方法)

这里列举的是返回时直接调用上页面的方法更新数据1. 当前页获取页面栈, 获取到上页面的方法.var pages = getCurrentPages(); // 获取页面栈if (pages.length > 1) { //上一个页面实例对象 var prePage = pages[pages.length - 2]; //关键在这里 changeData...

2019-02-19 12:05:26 1082

原创微信小程序, 长按加号不断添加数量

如图, 需求,长按加号,数量不断增加, 反之减号不断减少需要使用小程序中的长按事件,.bindlongpress, 需要注意的是连续增加一定会用到定时器, 在bindtouchend鼠标一开始需要清理定时器.html <image class="reduce img" bindtap='reducesurplus' bindlongpress='reducelon...

2019-02-18 11:18:34 3922 1

原创微信h5自定义分享,加缩略图等

微信H5自定义分享必须有通过微信认证的公众号才可以自定义.代码如下:<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> var imgUrl = '***********************'; //缩略图 var link =...

2019-01-31 15:29:20 1939