自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Lee的博客

90后码农一枚。互粉呀!

原创 react+nginx开启代码压缩gzip

首先项目安装compression-webpack-plugin模块 cnpm install compression-webpack-plugin --save-dev 在webpack.config.js 中 找到plugins对象添加一下模块 new CompressionPlu...

2020-11-09 16:24:06 104 0

原创 记录一个React路由嵌套问题---引以为戒

1.React嵌套路由的父级不能添加exact属性,否则二级路由不显示。 2.第一条带来的后遗症,如果不添加exact就会出现一级路由同时显示的问题,所以一级路由要用Switch包裹。 一级路由 <Router basename={'/basic'}> ...

2020-11-06 10:37:02 31 0

原创 记录一次React安装less的血泪---引以为戒

npm安装less npm install less@5.0.0 less-loader --save //less必须是@5版本 首先声明两个变量 const lessRegex = /\.less$/; const lessModuleRegex = /\.module\.le...

2020-11-05 16:08:41 80 0

转载 Antd 4 获取Form字段值

类组件获取表单字段值 由于Antd 4中去除了Form.create方法创建Form实例得到getFieldDecorator、validateFields等方法,我们使用类组件想要Form上的方法就需要用到Ref来获得实例。 import React, { Component } from...

2020-10-20 11:55:37 384 0

原创 Vue源码分析——第三章

Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number&...

2020-09-10 16:28:10 218 0

原创 Vue源码分析——第二章

/* * Object.defineProperty(person,'name',{ configurable:false,//能否使用delete、能否需改属性特性、或能否修改访问器属性、,false为不可重新定义,默认值为true 是否可以编辑 enumer...

2020-09-10 15:05:35 233 0

原创 Vue源码分析——第一章

Vue最新版本源码分析,每个函数功能注释的很清楚,重点模块逐行注释! /*! * Vue.js v2.6.9 * (c) 2014-2019 Evan You * Released under the MIT License. */ (function (global, factory...

2020-09-09 14:26:07 1641 0

原创 记录我开发的第三个小程序的心路历程

本帖记录小程序从思路到开发结束的全过程。 一个微信小程序的的诞生 记得七月底回家时候,我老姐说:“哎呀现在这个记忆力越来越差了,连你的生日都记不住了”,咱也不知道是真的记忆力退化还是选择性的记忆退化,咱也不敢问啊,所以就有了一个微信小程序的诞生。反正我不管你是不是真记不住(哼 我估计就是没...

2020-08-22 16:32:07 10516 0

转载 CSS常用特效

本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。 1、交错动画 有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动...

2020-07-17 16:37:54 1903 0

原创 uni-app 获取地址位置

uni.getLocation(OBJECT) 获取当前的地理位置、速度。 在微信小程序中,当用户离开应用后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。 OBJECT 参数说明 参数名 类型 必填 说明 type String 否 ...

2020-06-30 11:34:17 40815 4

原创 uni-app 提示框

uni.showToast(OBJECT) 显示消息提示框。 OBJECT参数说明 参数 类型 必填 说明 title String 是 提示的内容,长度与 icon 取值有关。 icon String 否 图标,有效值 &quo...

2020-06-16 09:55:37 76032 7

原创 uni-app 页面跳转

今天看Dcloud官网更新了个uni-app,据说一套代码三端发布(Android,iOS,微信小程序),果断一试。 uni.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。 OBJECT参数说明 参数 ...

2020-06-15 09:02:29 114674 21

原创 CSS常用选择器

div > p { color: red; } //表示父元素为div的所有p元素 div + p //表示紧接在 <div> 元素之后的所有 <p> 元素 p:first-letter //表示每个p元素的首个字符 p:first-l...

2020-06-01 14:56:48 8279 0

翻译 【译】尤大:Vue3的设计过程

在过去的一年中,Vue团队一直在研究Vue.js的下一个主要版本,我们希望在2020年上半年发布该版本。(在撰写本文时,这项工作仍在进行中)。 Vue的主要版本于2018年底形成,当时Vue 2的代码库已有两年半的历史了。在通用软件的生命周期中听起来可能并不长,但在此期间,前端环境发生了巨大变化。...

2020-05-29 09:13:56 557 0

原创 vue\cli3.0 配置静态资源问题

重要事情说三遍vue\cli3.0的静态资源要(放在public目录下!放在public目录下!放在public目录下!)这样在打包时不会被解析,而直接引用他。 图片资源引入 data () { return { imgUrl: require('1.jpg...

2020-05-26 09:42:58 9439 0

转载 7个关于 CSS backgroundImage 好用的技巧

1.背景图如何才能完美适配视口 让背景图适配视口很容易,需要使用下面 CSS 即可: body { background-image: url('https://images.unsplash.com/photo-1573480813647-552e9b7b5394?ixlib...

2020-05-19 15:58:34 1772 0

转载 JavaScript事件循环机制(event loop)

首先我们要知道两点: JavaScript是单线程的语言 Event Loop是javascript的执行机制 javascript事件循环 js是单线程,就像学生排队上厕所,学生需要排队一个一个上厕所,同理js任务也要一个一个顺序执行。如果一个任务耗时过长,那么后一个任务也必须等着。那么问...

2020-05-09 16:23:12 1686 0

转载 HTML和CSS代码规范

HTML 语法 HTML5 doctype 语言属性 IE 兼容模式 字符编码 引入 CSS 和 JavaScript 文件 实用为王 属性顺序 布尔型属性 减少标签的数量 JavaScript 生成的标签 CSS 语法 声明顺序 不要使用 @import 媒体查询(...

2020-05-07 14:27:33 1552 0

转载 JavaScript代码规范(一)

简介 将源自 Robert C. Martin 的Clean Code的软件工程原则适配到 JavaScript 。 这不是一个代码风格指南, 它是一个使用 JavaScript 来生产 可读的, 可重用的, 以及可重构的软件的指南。 这里的每一项原则都不是必须遵守的, 甚至只有更少的能够...

2020-05-07 11:48:04 1620 0

原创 TypeScript报错信息表(备注)

code 类型 英文描述 中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本。 1003 错误 Identifier expected. 应为标识符。 1005 错误 '{0}' expected. 应为“{0}”。 1006...

2020-05-01 18:34:09 10827 2

原创 记录vue+ts项目引入echarts方法

第一种 indext.html中用script引入 <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.common.min.js"></script> 组件中调用方...

2020-04-27 15:03:06 10398 1

原创 vue+TypeScript构建第一个项目

安装项目 因为本机vue脚手架是2.0,webpack3.0版本所以本文只适用vue/cli2.0版本。 //新建项目 vue init webpack vue-ts 后面一系列路由,测试单元配置忽略。 //新建项目后我们安装ts npm install typescript t...

2020-04-27 10:42:01 9636 0

原创 ES6 (二) 解构赋值

概述 解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。 在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。 解构模型 在解构中,有下面两部分参与: 解构的源,解构赋值表达式的右边部分。 解构的目标,解构赋值表达式...

2020-04-24 15:54:08 1533 0

原创 ES6 (一) let 与 const

let 声明的变量只在 let 命令所在的代码块内有效,切不能重复声明。 const 声明一个只读的常量,一旦声明,常量的值就不能改变。 对比三中声明变量的方式,我们举一个通俗点的例子 var 像是一个渣男,可以随意劈腿和找小三。 let 像是一个暖男,只有分手以后才会另寻新欢,绝对不会劈...

2020-04-24 15:47:41 1169 0

原创 前端在线预览excel、word、pdf、ppt

这里主要推荐两种官方提供的API. 第一是微软提供API,调用方法如下,支持('.ppt''.pptx''.doc','.docx','.xls','.xlsx')格式。 ...

2020-04-22 10:59:17 2060 0

原创 echart坐标轴添加下划线问题

echart坐标轴是不支持HTML标签渲染的,但是项目要求给可点击的坐标轴文字添加标签。下面提供一种曲线求国的方式来实现坐标轴添加下划线需求。 axisLabel:{ color:'#fff', fontSize:16, backgroundColor: { ...

2020-04-15 14:28:33 1945 0

原创 vue/cli 3.0
原力计划

一、安装 @vue/cli 更新到 3.x 之后,vue-cli 的包名从vue-cli改成了@vue/cli 如果之前全局安装了旧版本的vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉 // 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装 npm unin...

2020-03-09 11:23:19 9482 0

原创 前端密码加密有没有用?

很多人都认为https是安全的,他加密了http所有的字段,那他就一定是安全的吗,现在的HTTPS通信不实端到端的,是夹着一层层的代理,有客户端的代理,还有服务端的代理。本来比较安全的HTTPS,因为代理所以存在安全隐患。 客户端代理 通常用户是不知道代理的存在,比如企业为了监控员工htt...

2020-03-09 11:07:03 1801 0

原创 js 判断数据类型

一、JS中数据类型 基本数据类型(Undefined、Null、Boolean、Number、String) 复杂数据类型 (Object) 二、判断数据类型 下面将对如下数据进行判断它们的类型 var bool = true var num = 1 var str = 'ab...

2019-12-12 11:30:44 9459 0

转载 Node.js+vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)

区别 ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。 ​CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度。(不容易主动攻击,安全性好于ECB,是SSL、IPSec的标准) 代...

2019-11-13 16:17:53 1819 0

原创 Vue中的render函数

render function 类型:(createElement: () => VNode) => VNode 详细: 字符串模板的代替方案,允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创...

2019-10-24 09:12:32 9496 0

原创 Vue开发小技巧

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 所以应该趁还没出来加紧打好 Vue2.x 的基础; Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 ...

2019-10-14 14:05:32 1824 0

原创 JavaScript 提升性能小技巧

1.惰性载入函数 function foo (){ if(a!==b){ console.log('aaa') }else{ console.log('bbb') } } //优化后 fun...

2019-10-14 10:16:57 9439 0

转载 常用JS方法

展开操作符 顾名思义,用于对象或数组之前的展开操作符(...),将一个结构展开为列表。 演示一下: let firstHalf = [ 'one', 'two']; let secondHalf = ['three', '...

2019-09-26 20:32:01 1474 0

原创 Vue中Less设置全局变量

安装依赖 npm install less --save-dev npm install sass-resources-loader --save-dev build文件夹下utils.js修改如下 'use strict' const path = require(...

2019-08-23 10:42:28 2255 0

原创 vh,vw单位

vh,vw单位你知道多少? 阅读 13581 收藏 106 2017-09-07 原文链接:hopkinson.github.io 在实时音视频中,基于 TensorFlow 实现图像识别(内附 demo)juejin.im 两个月都没有更新自己的博客了,可能自己一直在福州,网络差的原...

2019-08-18 11:22:33 673 0

原创 vue复用组件 不刷新的解决方案

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,...

2019-08-17 11:35:57 12710 0

原创 CSS3 matrix矩阵

参数 matrix()有六个参数:matrix(a,b,c,d,e,f); 这六个参数组成的矩阵与原坐标矩阵相乘计算坐标; 计算 获取当前元素的所有像素点坐标并计算 x' = ax+cy+e y' = bx+dy+f 简单例子  偏移   坐标公式应...

2019-08-15 15:23:29 1496 0

原创 npm包发布

首先新建vue项目 vue init webpack-simple ly-first-vue 在assets中新建ly-first-vue.vue文件和index.js文件 然后编写组件,简单的循环一个列表 ly-first-vue.vue <template> ...

2019-08-08 15:06:47 9476 2

原创 Nginx部署vue项目

nginx.conf配置文件 #单个vue项目配置 #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs...

2019-08-07 09:39:20 1690 0

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