自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zeroyulong的博客

纸上得来终觉浅,绝知此事要躬行

原创 uni-app引入小程序自定义组件

参见官方文档 https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e6%94%af%e6%8c%81 1.新建wxcomponents文件夹,存放组件 ┌─wxcompon...

2020-06-28 17:11:59 110 0

原创 项目目录生成器-tree工具

mac 通过brew安装tree工具 brew install tree 进入相应项目目录下执行tree 即可生成目录 tree 复制粘贴到readme.md即可编辑添加注释

2020-06-04 15:28:37 47 0

原创 js 模拟所有请求返回数据后执行操作

场景:请求两个没有请求依赖关系的数据源,当两个数据源都成功返回数据后,进行数据重组 方案:Promise.all() function mockTimer(type) { // 这里用定时器模拟,可以换为ajax请求 let result = [1, 2, 3]; ...

2020-05-25 19:58:26 158 0

原创 js判断数据类型

function getType(param){ return Object.prototype.toString.call(param); } console.log(getType(3)); //[object Number] js基础数据类型:number string null...

2020-03-31 17:03:38 42 0

原创 history.pushState

mounted(){ if (window.history && window.history.pushState) { // @ts-ignore history.pushState(null, null, document.URL);...

2019-12-18 19:55:39 79 0

原创 微信jssdk授权安卓bug

微信公众号网页授权时,回调两次? 只有安卓机出现,ios微信无此问题 微信开发者社区 https://developers.weixin.qq.com/community/develop/doc/b8f9f09573e92ffb0e23308d54bcdcf7?page=1#comment-...

2019-12-18 19:40:35 77 0

原创 Typescript错误忽略

忽略单行(在要忽略的上一行使用@ts-ignore来忽略错误) // @ts-ignore

2019-12-18 19:37:15 657 1

原创 new Date('2019-11-20 18:00:00').getTime() ios bug

new Date(date).getTime(),用该方法来获取时间戳,在ios中返回NaN。 解决方法: let data = "2019-11-20 18:00:00"; new Date(data.replace(/-/g,'/')).getT...

2019-11-27 20:38:00 103 0

转载 移动端打开pdf查看

git地址:https://github.com/mozilla/pdf.js 收藏备用

2019-09-19 19:00:09 181 0

原创 js中 !! 的用法

一、!的用法,!将变量转换成布尔值,null、undefined和空字符串取反皆为true !null //true !undefined //true !'' //true !'2' //false !2 //false 二、!!,其实就是在非后再取...

2019-08-19 09:57:32 76 0

原创 vue-cli build时自动清除console

一、安装插件babel-plugin-transform-remove-console npm install babel-plugin-transform-remove-console --save-dev 二、配置babel.config.js module.exports = { ...

2019-07-29 10:44:42 524 0

原创 vue控制台报错 Uncaught (in promise)

请求接口的方法中没有catch,加上即可。 async getCode() { try { const res = await this.getCodeAsync() } catch (err) { console.log(err) } ...

2019-07-23 14:07:39 6388 0

原创 Object.keys(),Object.values()

Object.keys返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。 let obj = {a:'song',b:'yuan',c:'ming',d:...

2019-06-28 11:05:51 309 0

原创 js includes函数

includes()函数用来判断一个数组是否包含一个指定的值,包含则返回true,否则false let arr= ['1','2','3']; console.log(arr.includes('1'));

2019-06-28 09:59:24 594 0

原创 permission denied, access '/usr/local/lib/node_modules

安装react-devtools报错permission denied, access '/usr/local/lib/node_modules 经过一番折腾查询后,增加--unsafe-perm,即 sudo npm install --unsafe-perm -g react...

2019-06-26 09:19:12 522 0

原创 npm -S、 -D、--save、--save-dev

npm install <=> npm i --save <=> -S --save-dev <=> -D 在新建package.json文件时,使用npm init -y 快速创建(yes表示按照默认选项创建) ...

2019-06-21 14:43:57 77 0

原创 echarts 自定义图例的颜色

直接定义color数组即可 var option = { color:['#ff671b','#666666','#888888'], legend: { orient: 'vertical...

2019-04-25 17:20:36 547 0

原创 vue 的provide/inject

类型: provide:Object | () => Object inject:Array<string> | { [key: string]: string | Symbol | Object } 详细: provide和inject主要为高阶插件/组件...

2019-04-18 17:23:43 76 0

原创 Mac 命令行配置hosts文件

1.打开终端 输入如下指令 sudo vi /etc/hosts 2.提示输入密码,输入即可 3.按下字母键i,即可看到左下角出现一个-INSERT-提示,hosts文件置为可编辑状态,通过上下左右将光标移到编辑位置编辑即可。 4.按下esc键,-INSERT-提示消失,编辑置为结束 ...

2019-04-15 10:04:08 2642 0

原创 css溢出显示省略号

多行文本溢出显示省略号(...) overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 遇到的bug 编译...

2019-04-04 09:47:52 62 0

原创 vue cli3 多页应用

多页的实现方式其实就是复制N套index.html、 App.vue、 main.js、 router.js、如图index目录下的文件是vue cli3项目初始化后的基础文件,我们只是将其移动到了index文件夹下,subpageone 和subpagetwo的结构与index目录的结构一般无二...

2019-03-28 14:23:26 792 0

原创 nginx 服务器 启动,重启,关闭

进入nginx安装目录sbin下 nginx -c nginx配置文件地址: 启动 [root@dev-test sbin]# ./nginx -c /usr/local/nginx/conf/nginx.conf nginx -t : 验证nginx配置文件是否正确,看到nginx.c...

2019-03-27 16:35:00 1149 0

原创 js 类型转换

一、转换为string时,建议使用+"。 //推荐 num + "; //也可 new String(num); num.toString(); String(num); 二、转换成number时,建议使用+。 //推荐 +str; //也可 Number(str);...

2019-03-21 16:04:19 41 0

原创 js数字键盘乱序方法

var arr = ['1','2','3','4','5','6','7','8','9','0'...

2019-03-21 10:04:57 168 0

原创 input框自动获得焦点

autofocus 定义和用法 autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。 如果使用该属性,则 input 元素会获得焦点。 <input type="text" autofocus="autofocus" ...

2019-03-20 09:40:10 1442 0

转载 js 数组排序

转自:https://www.cnblogs.com/onepixel/articles/7674659.html 0、算法概述 0.1 算法分类 十种常见排序算法可以分为两大类: 比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此也称为非线性时间比...

2019-03-17 11:08:31 1016 0

原创 itemStyle的颜色变化(某宝的收益列表效果)

对标 实现后效果 代码实现(echarts 核心是itemStyle的设置) &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="...

2019-03-15 14:18:43 2189 0

原创 nginx 实现 404页面

一、 404 页面 首先需要一个 404 的页面, 把所有的 css 和 js 以及 html 放在一个页面中.存放位置 nginx 目录下 /nginx/error/404.html 二、nginx配置文件 http{ ... ... ... server{...

2019-03-12 15:17:52 62 0

转载 用 async/await 来处理异步

昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简洁,同时async/await 已经被标准化,是时候学习一下了。   先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就...

2019-03-09 17:08:32 65 0

原创 webpack 打包时,代码压缩,删除console与注释

new webpack.optimize.UglifyJsPlugin({ //删除注释 output:{ comments:false }, //删除console 和...

2019-03-07 16:11:29 8328 0

原创 shell 脚本用到指令

进入文件夹 cd 文件夹名 返回上一目录 cd .. 查看当前目录下文件 ls 产看某一文件内容 cat 文件名 新建文件 touch 文件名 更改文件名 mv filename newname 删除文件 rm -f 文件名 编辑文件 vi 文件名 i 开始编辑 ...

2019-03-07 10:53:32 77 0

转载 JavaScript数字精度丢失问题总结

本文分为三个部分 JS 数字精度丢失的一些典型问题 JS 数字精度丢失的原因 解决方案(一个对象+一个函数) 一、JS数字精度丢失的一些典型问题 1. 两个简单的浮点数相加 1 0.1 + 0.2 != 0.3// true Fire...

2019-03-05 20:57:55 195 0

转载 javascript中的异步 macrotask 和 microtask 简介

什么是macrotask?什么是microtask? 在理解什么是macrotask?什么是microtask之前,我们先来看看javascript中的事件循环机制,先看如下面一段代码: console.log(1); setTimeout(function(){ console.log(...

2019-03-05 14:29:43 37 0

原创 text-align:justify对齐的使用

需求:使‘姓名’‘曾用名’‘电子邮箱’对齐 方案: 一 、使用&amp;nbsp;加空格来使文案对齐。缺点:调试起来麻烦,而且最终结果不会太好,字间距不好分摊 二 、使用text-align:justify来调试代码如下 &lt;!DOCTYPE html&g...

2019-02-25 15:01:05 717 0

原创 PC微信端浏览器js点击失效

在开发微信公众号内嵌网页时,js在手机上生效,电脑端微信打开却没有响应,微信里也没法打开控制台调试,只有使用alert断点大法,查找问题,经过一系列alert之后发现click之后调用的一个函数处报错。 原因是 用ES6的语法给此函数的参数指定了默认值。切记要将ES6语法转换成ES5语法,以免因...

2019-01-26 14:23:01 1445 0

原创 vue数据更改视图不更新(响应式原理)

一、对象(用$set,直接赋值的方式视图无法更新) 对象更改检测注意事项 还是由于 JavaScript 的限制,Vue 不能检测对象属性的添加或删除: var vm = new Vue({ data: { a: 1 } }) // `vm.a` 现在是响应式的 ...

2019-01-24 11:09:52 268 0

原创 项目nginx部署到非根目录下react配置(基于create-react-app的打包文件路径问题)

  执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在服务器根目录访问 若需要访问在根目录下的子目录,只需修改package.json文件 添加 "homepage":".", 即可  ...

2019-01-17 14:52:56 2584 0

原创 移动端上拉加载更多demo

根据此demo可以自己封装vue,react,微信小程序组件 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&a...

2019-01-16 16:10:11 1159 0

转载 HTML5 pattern

最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用 type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案,最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。 type="tel...

2019-01-10 16:51:40 76 0

原创 SoruceTree 中移除和丢弃

丢弃:放弃未暂缓区的所有修改(工作区中的修改不会添加到版本控制,就是修改的东西不想提交,就直接丢弃)   移除:直接删除本地文件。(可以通过拉取获得git服务上的该文件) ...

2019-01-08 11:49:32 306 1

提示
确定要删除当前文章?
取消 删除