<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[angelnotears的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/angelnotears</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; angelnotears]]></copyright><item><title><![CDATA[9 个极其强大的 JavaScript 技巧]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/134011757</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/134011757</guid><author>angelnotears</author><pubDate>Tue, 24 Oct 2023 14:32:04 +0800</pubDate><description><![CDATA[所谓 hacker 方法，就是一种不断改进和迭代的构建方法。有着 hacker精神的程序员相信事物总有改进的余地，没有什么是完美的存在。每一段代码都有进一步优化的空间，每一个操作都有更便捷的技巧。]]></description><category></category></item><item><title><![CDATA[VS Code快捷键设置]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/117733114</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/117733114</guid><author>angelnotears</author><pubDate>Wed, 09 Jun 2021 10:25:18 +0800</pubDate><description><![CDATA[1.打开vs-code
2.选择首选项
3.选择键盘快捷方式
4.弹出的快捷键设置框，搜索要设置的快捷键，输入快捷键+然后回车键（enter）



]]></description><category></category></item><item><title><![CDATA[es6的框架图分享]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/111613192</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/111613192</guid><author>angelnotears</author><pubDate>Thu, 24 Dec 2020 10:57:28 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[如何用css画出三角形]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/111561306</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/111561306</guid><author>angelnotears</author><pubDate>Tue, 22 Dec 2020 16:42:16 +0800</pubDate><description><![CDATA[&lt;style&gt;
			.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;]]></description><category></category></item><item><title><![CDATA[export，export default，module.exports，import，require之间的区别和关联]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/111501584</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/111501584</guid><author>angelnotears</author><pubDate>Mon, 21 Dec 2020 22:33:11 +0800</pubDate><description><![CDATA[module.exports
Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在这些文件里面定义的变量、函数、类，都是私有的，对外不可见，因此规避掉了作用域污染。
根据CommonJS规定，每个模块内部，module变量代表当前模块，这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实就是加载该模块的exports属性。
举例：通过module.exports输出变量 age 和 sayHell]]></description><category></category></item><item><title><![CDATA[小程序自定义组件]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/108393450</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/108393450</guid><author>angelnotears</author><pubDate>Thu, 03 Sep 2020 21:20:28 +0800</pubDate><description><![CDATA[multipleSlots: true,//可以增加多个插槽
addGlobalClass:true//可以使用全局样式
externalClasses:[“class-name”] //可以使用额外的全局样式


]]></description><category></category></item><item><title><![CDATA[Vue之生命周期mounted、activated区别及实际运用例子解析]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107916367</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107916367</guid><author>angelnotears</author><pubDate>Mon, 10 Aug 2020 16:42:06 +0800</pubDate><description><![CDATA[mounted：是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，
再次回到主页时，此函数还会执行

activated：是组件被激活后的钩子函数，每次回到页面都会执行


实际运用：
页面


1、列表页面读取后台返回的列表数据，调用 mounted  页面第一次会加载读取回来的列表数据，再返回会继续读取缓存的数据
2、如果列表页面增加了一个新增的调整页面，新增提交成功后，返回页面，则需要增加 activated 读取列表
 mounted: function() {
     .]]></description><category></category></item><item><title><![CDATA[小程序跳转到tab页面用navigateTo报错解决方法]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107915598</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107915598</guid><author>angelnotears</author><pubDate>Mon, 10 Aug 2020 16:14:11 +0800</pubDate><description><![CDATA[小程序跳转到tab页面一般写调整如下，报错会出现下面的方式
{“errMsg”:“navigateTo:fail can not navigateTo a tabbar page”}
修改把跳转方式改完
 wx.switchTab({
      url: ''
    })

跳转就会正常跳转

]]></description><category></category></item><item><title><![CDATA[es6箭头函数=＞的用法]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107769352</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107769352</guid><author>angelnotears</author><pubDate>Mon, 03 Aug 2020 19:11:12 +0800</pubDate><description><![CDATA[ES6 允许使用“箭头”（=&gt;）定义函数。
var f = v =&gt; v;

// 等同于
var f = function (v) {
  return v;
};

如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。
ar f = () =&gt; 5;
// 等同于
var f = function () { return 5 };

var sum = (num1, num2) =&gt; num1 + num2;
// 等同于
var sum = function(n]]></description><category></category></item><item><title><![CDATA[ES6的扩展运算符reset参数的用法]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107668659</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107668659</guid><author>angelnotears</author><pubDate>Wed, 29 Jul 2020 17:15:09 +0800</pubDate><description><![CDATA[ES6中的扩展运算符（spread）是三个点（…）。
它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。
console.log(...[1, 2, 3])
// 1 2 3
console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

在函数体内，它可以通过一个对象来获取所有参数，这个对象是：arguments。
比如：
function sayHi(name,age) {
                if (arguments[0] == "shuij]]></description><category></category></item><item><title><![CDATA[ES6模板字符串`的引用]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107640606</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107640606</guid><author>angelnotears</author><pubDate>Tue, 28 Jul 2020 17:22:21 +0800</pubDate><description><![CDATA[传统的 JavaScript 语言，输出模板通常是这样写的（下面使用了 jQuery 的方法）。
$('#result').append(
  'There are &lt;b&gt;' + basket.count + '&lt;/b&gt; ' +
  'items in your basket, ' +
  '&lt;em&gt;' + basket.onSale +
  '&lt;/em&gt; are on sale!'
);

上面这种写法相当繁琐不方便，ES6 引入了模板字符串解决这个问题。
]]></description><category></category></item><item><title><![CDATA[npm 安装typeScript 报错解决]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107540848</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107540848</guid><author>angelnotears</author><pubDate>Thu, 23 Jul 2020 16:28:04 +0800</pubDate><description><![CDATA[今天用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


...]]></description><category></category></item><item><title><![CDATA[微信小程序开发富文本插件wxParse的使用（富文本转化为view文本内容，多用于用户协议）]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107365632</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107365632</guid><author>angelnotears</author><pubDate>Wed, 15 Jul 2020 17:22:31 +0800</pubDate><description><![CDATA[需求：申请成为分销商后，阅读同意 分销申请协议 后 需要跳转到 协议页面
思路：从后台接口获取富文本协议内容，在申请分销商页面设置异步缓存，然后在协议页面读取缓存，引入富文本协议转化为html的插件，读取出来，关键是插件的引入
这里我会在上次资源里面传入我引入的插件部分，页面编写很简单，上代码
一、

上面图片代码是申请分销商的页面，是图片1
/**下面是申请分销商的html*/
&lt;checkbox-group class="agreement-check" bindchange="checkboxC]]></description><category></category></item><item><title><![CDATA[wechat小程序如果编写提交表单]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107256174</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107256174</guid><author>angelnotears</author><pubDate>Fri, 10 Jul 2020 17:24:36 +0800</pubDate><description><![CDATA[需求：申请成为一个分销员，
字段：用户名 userName  手机号码 mobilePhone  是否阅读用户协议  isRead]]></description><category></category></item><item><title><![CDATA[css3如何写渐变色]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/107210762</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/107210762</guid><author>angelnotears</author><pubDate>Wed, 08 Jul 2020 17:30:59 +0800</pubDate><description><![CDATA[用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
 ]]></description><category></category></item><item><title><![CDATA[vue-cli4搭建脚手架步骤终端命令和可视化UI两种方式]]></title><link>https://blog.youkuaiyun.com/angelnotears/article/details/106650200</link><guid>https://blog.youkuaiyun.com/angelnotears/article/details/106650200</guid><author>angelnotears</author><pubDate>Wed, 10 Jun 2020 16:47:11 +0800</pubDate><description><![CDATA[随着vue越来越火爆，很多项目需要搭建vue脚手架，接下来我们就分享一下搭建脚手架的步骤

搭建脚手架需要了解前端的相关知识  html css js  Node.js 环境(npm 包管理工具) webpack 自动构建工具

一、安装 node.js     进入官网  https://nodejs.org/zh-cn/

二、安装 cnpm
1、npm（node package manager）是nodejs 的包管理器，用于node 的插件管理(包括安装、卸载、管理依赖等)
2、使用npm 安装插件]]></description><category></category></item></channel></rss>