angelnotears的博客

原创 9 个极其强大的 JavaScript 技巧

所谓 hacker 方法，就是一种不断改进和迭代的构建方法。有着 hacker精神的程序员相信事物总有改进的余地，没有什么是完美的存在。每一段代码都有进一步优化的空间，每一个操作都有更便捷的技巧。

原创 VS Code快捷键设置

1.打开vs-code2.选择首选项3.选择键盘快捷方式4.弹出的快捷键设置框，搜索要设置的快捷键，输入快捷键+然后回车键（enter）

原创 es6的框架图分享

原创 如何用css画出三角形

<style> .up { width: 0; height: 0; border-width: 0 28px 28px; border-style: solid; border-color: transparent transparent red; } .down { width: 0; height: 0; border-width: 28px 28px 0; border-style: solid;

原创 export，export default，module.exports，import，require之间的区别和关联

module.exportsNode应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在这些文件里面定义的变量、函数、类，都是私有的，对外不可见，因此规避掉了作用域污染。根据CommonJS规定，每个模块内部，module变量代表当前模块，这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实就是加载该模块的exports属性。举例：通过module.exports输出变量 age 和 sayHell

原创 小程序自定义组件

multipleSlots: true,//可以增加多个插槽addGlobalClass:true//可以使用全局样式externalClasses:[“class-name”] //可以使用额外的全局样式

原创 Vue之生命周期mounted、activated区别及实际运用例子解析

mounted：是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，再次回到主页时，此函数还会执行activated：是组件被激活后的钩子函数，每次回到页面都会执行实际运用：页面1、列表页面读取后台返回的列表数据，调用 mounted 页面第一次会加载读取回来的列表数据，再返回会继续读取缓存的数据2、如果列表页面增加了一个新增的调整页面，新增提交成功后，返回页面，则需要增加 activated 读取列表 mounted: function() { .

原创 小程序跳转到tab页面用navigateTo报错解决方法

小程序跳转到tab页面一般写调整如下，报错会出现下面的方式{“errMsg”:“navigateTo:fail can not navigateTo a tabbar page”}修改把跳转方式改完 wx.switchTab({ url: '' })跳转就会正常跳转

原创 es6箭头函数=＞的用法

ES6 允许使用“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。ar f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(n

原创 ES6的扩展运算符reset参数的用法

ES6中的扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5在函数体内，它可以通过一个对象来获取所有参数，这个对象是：arguments。比如：function sayHi(name,age) { if (arguments[0] == "shuij

原创 ES6模板字符串`的引用

传统的 JavaScript 语言，输出模板通常是这样写的（下面使用了 jQuery 的方法）。$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '</em> are on sale!');上面这种写法相当繁琐不方便，ES6 引入了模板字符串解决这个问题。

原创 npm 安装typeScript 报错解决

今天用npm 安装ts,npm install -g typescript出现Missing write access to /usr/local/lib/node_modules npm ERR! path /usr/local/lib/node_modules的问题。截图如下这是文件没有root权限的问题,在运行语句前面加上sudo就行了sudo npm install -g typescript然后再检测是否安装成功 tsc -v...

原创 微信小程序开发富文本插件wxParse的使用（富文本转化为view文本内容，多用于用户协议）

需求：申请成为分销商后，阅读同意 分销申请协议 后 需要跳转到 协议页面思路：从后台接口获取富文本协议内容，在申请分销商页面设置异步缓存，然后在协议页面读取缓存，引入富文本协议转化为html的插件，读取出来，关键是插件的引入这里我会在上次资源里面传入我引入的插件部分，页面编写很简单，上代码一、上面图片代码是申请分销商的页面，是图片1/**下面是申请分销商的html*/<checkbox-group class="agreement-check" bindchange="checkboxC

原创 wechat小程序如果编写提交表单

需求：申请成为一个分销员，字段：用户名 userName 手机号码 mobilePhone 是否阅读用户协议 isRead

原创 css3如何写渐变色

用css3实现图片中的背景色,主义背景色的渐变规定了角度渐变，所以会出现如图的效果，百分比则提现在渐变在整个图片的什么比例出现这种情况//css.leve-header{border-radius:10rpx;background:linear-gradient(120deg,#FFD489 0,#DEB36F 50%,#EBBC53 40%);width:calc(100% - 40rpx);height:280rpx; border-radius:20rpx 20rpx; } //html

原创 vue-cli4搭建脚手架步骤终端命令和可视化UI两种方式

随着vue越来越火爆，很多项目需要搭建vue脚手架，接下来我们就分享一下搭建脚手架的步骤搭建脚手架需要了解前端的相关知识 html css js Node.js 环境(npm 包管理工具) webpack 自动构建工具一、安装 node.js 进入官网 https://nodejs.org/zh-cn/二、安装 cnpm1、npm（node package manager）是nodejs 的包管理器，用于node 的插件管理(包括安装、卸载、管理依赖等)2、使用npm 安装插件