<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[listStyleScript的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/listStyleScript</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; listStyleScript]]></copyright><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/128370147</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/128370147</guid><author>listStyleScript</author><pubDate>Mon, 19 Dec 2022 11:01:13 +0800</pubDate><description><![CDATA[日记]]></description><category></category></item><item><title><![CDATA[mac安装gcc]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/110425001</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/110425001</guid><author>listStyleScript</author><pubDate>Tue, 01 Dec 2020 11:13:06 +0800</pubDate><description><![CDATA[尝试了网上各种方式,感觉都很难搞,下面写一种本人亲测有效,也无需翻墙的方式.
安装brew

运行安装以下命令(改命令自带换源)

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"


会出现一个选项让你选择一个下载的镜像, 选择1就好.
下载完成后安装gcc

安装gcc

运行下列命令 (我安装的8.x的版本,你们可以看你们的需要)

brew install gcc@8


验证]]></description><category></category></item><item><title><![CDATA[让你搞懂十六进制的透明度]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/110186518</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/110186518</guid><author>listStyleScript</author><pubDate>Thu, 26 Nov 2020 14:57:51 +0800</pubDate><description><![CDATA[1. 十六进制的透明度怎么计算.
首先00表示完全透明，FF就则是全不透明，化成十进制的范围就是0~255，举个例子:如何把10%的不透明度转换成十六制呢？很简单，255x10%≈26—&gt;1A,   转换为16进制数为1A
懒得算,不碍事往下看↓
2. 常用的透明度大全
	100% FF
	95% F2
	90% E6
	85% D9
	80% CC
	75% BF
	70% B3
	65% A6
	60% 99
	55% 8C
	50% 80
	45% 73
	40% 66
	35% 59
	30%]]></description><category></category></item><item><title><![CDATA[js 大数的减法运算]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/108826277</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/108826277</guid><author>listStyleScript</author><pubDate>Sun, 27 Sep 2020 13:40:20 +0800</pubDate><description><![CDATA[js 数值太大运算出错?
解决方案:
        function sub(num1, num2) {
            if(num1 === num2) return '0'
            function lt(num1, num2) {
                if (num1.length &lt; num2.length) {
                    return true
                } else if (num1.length ]]></description><category></category></item><item><title><![CDATA[@media判断横竖屏]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/108574666</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/108574666</guid><author>listStyleScript</author><pubDate>Mon, 14 Sep 2020 10:51:19 +0800</pubDate><description><![CDATA[css @media 如何判断横竖屏
代码:
@media screen and (orientation: portrait) {
  /*竖屏 css*/
} 
@media screen and (orientation: landscape) {
  /*横屏 css*/
}


例如:   不同状态展示不同颜色

div{
    width: 100px;
    height: 100px;
}
@media screen and (orientation: portrait) {
    /]]></description><category></category></item><item><title><![CDATA[mac 以管理员运行命令]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/108321632</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/108321632</guid><author>listStyleScript</author><pubDate>Mon, 31 Aug 2020 15:07:25 +0800</pubDate><description><![CDATA[管理员身份运行Mac命令行
在命令前面加上 sudo
例如:
sudo npm install -g @vue/cli


]]></description><category></category></item><item><title><![CDATA[css 单行文本超出展示省略号]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/108321397</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/108321397</guid><author>listStyleScript</author><pubDate>Mon, 31 Aug 2020 15:04:47 +0800</pubDate><description><![CDATA[解决方案:
以管理员的身份运行你的命令:
在需要运行的命令前加上:  sudo
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

报错内容大概如下:
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated h]]></description><category></category></item><item><title><![CDATA[npm 换源 cnpm yarn 下载]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/107694452</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/107694452</guid><author>listStyleScript</author><pubDate>Thu, 30 Jul 2020 17:15:12 +0800</pubDate><description><![CDATA[npm 换为淘宝镜像

下列命令可以将npm的拉取地址从npm官网切换成淘宝镜像


npm config set registry https://registry.npm.taobao.org


检查是否安装成功


npm config list


达到上面的效果就成功了,以后就可以直接用npm下载东西了
cnpm下载

cnpm下载命令


npm install -g cnpm --registry=https://registrt.npm.taobao.org


检测


cnpm -v
]]></description><category></category></item><item><title><![CDATA[MVC，MVP 和 MVVM]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/107191059</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/107191059</guid><author>listStyleScript</author><pubDate>Tue, 07 Jul 2020 21:46:40 +0800</pubDate><description><![CDATA[MVC和MVVM的区别
MVC（Model-View-Controller）是最常见的软件架构之一，它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。
什么是MVC
MVC模式的意思是，软件可以分成三个部分。

视图（View）：用户界面。
控制器（Controller）：业务逻辑
模型（Model）：数据保存

视图(View)发送一个修改命令,控制器(Controller)接收到进行业务处理,模型(Model)修改数据,修改后在通知到视图上

什么是MVP


各部]]></description><category></category></item><item><title><![CDATA[微信小程序支付]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/107171515</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/107171515</guid><author>listStyleScript</author><pubDate>Tue, 07 Jul 2020 00:19:57 +0800</pubDate><description><![CDATA[微信小程序支付前端的逻辑

首先我们前端需要通过wx.login() 获取当前用户的一个code值,在通过wx.request()调用接口将code值传给后台

后台会返回给我们一个openId

这个时候我们可以将openId存储到globalData全局中, 需要在调用一个后台接口,接收一下我们wx.requestPayment所需要的参数(timeStamp,nonceStr,package,paySign)等等
这个时候在success成功的回调里面调用wx.requestPayment()传入我们]]></description><category></category></item><item><title><![CDATA[小程序自定义组件]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106917316</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106917316</guid><author>listStyleScript</author><pubDate>Tue, 23 Jun 2020 10:20:51 +0800</pubDate><description><![CDATA[自定义组件的优势：复用，好维护
小程序复用代码方式：
1.自定义模板复用
第一步：定义模板

 格式：
&lt;template name="模板名称"&gt;
    ....  //定义模板结构
&lt;/template&gt;

例如：

&lt;template name="list_tpl"&gt;
  &lt;view&gt;
    &lt;text&gt;list模板页11111&lt;/text&gt;
  &lt;/view&gt;
&lt;/template&gt;


第二步：使用]]></description><category></category></item><item><title><![CDATA[css默认样式清除的库]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106626405</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106626405</guid><author>listStyleScript</author><pubDate>Mon, 08 Jun 2020 18:50:24 +0800</pubDate><description><![CDATA[css默认样式清除的库
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, df]]></description><category></category></item><item><title><![CDATA[DOM常用操作方法]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106556217</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106556217</guid><author>listStyleScript</author><pubDate>Thu, 04 Jun 2020 19:27:56 +0800</pubDate><description><![CDATA[DOM的增删改查
DOM的节点类型


element元素节点


attribute:属性节点


text文本节点


comment:注释节点


document:文档节点 代表整体页面
…


节点类型官方文档：
https://developer.mozilla.org/zh-CN/docs/Web/API/Node/nodeType
1. 创建（增）
     1.createElement() 创建标签
     2.createTextNode() 创建文本
     3.createDo]]></description><category></category></item><item><title><![CDATA[js的事件绑定]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106556003</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106556003</guid><author>listStyleScript</author><pubDate>Thu, 04 Jun 2020 19:01:59 +0800</pubDate><description><![CDATA[js如何绑定事件?
1. html绑定事件
     &lt;button class="btn" onclick="alert(1111)"&gt;事件绑定&lt;/button&gt;

直接写到标签内部,但是不利于后期的维护,现在几乎不用

2. dom0级绑定事件
 2.dom0级绑定事件
   //先获取dom
   var btn=document.querySelector('.btn');
    //再给dom绑定事件
    btn.onclick=function(e) {
     ]]></description><category></category></item><item><title><![CDATA[axios拦截器]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106253527</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106253527</guid><author>listStyleScript</author><pubDate>Thu, 21 May 2020 11:56:51 +0800</pubDate><description><![CDATA[在vue封装axios拦截器

首先下载axios


npm i axios --save


创建request.js(自己命名)文件

 // 导入axios
import axios from 'axios'  
// 创建axios实例
const service = axios.create({
  baseURL: '默认接口域名url',
  timeout:2500 //给实例添加默认超时时间
});

// 添加请求拦截
service.interceptors.request.use(]]></description><category></category></item><item><title><![CDATA[px布局如何自动转换为vw或rem]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106245586</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106245586</guid><author>listStyleScript</author><pubDate>Wed, 20 May 2020 22:14:16 +0800</pubDate><description><![CDATA[vue中px布局如何自动转换为vw或rem
官方网址

https://www.npmjs.com/package/@moohng/postcss-px2vw

使用说明

首先安装一个npm包


npm install @moohng/postcss-px2vw --save-dev


在项目根目录下创建postcss.config.js文件，并添加：

module.exports = {
  plugins: {
    '@moohng/postcss-px2vw': {
        roo]]></description><category></category></item><item><title><![CDATA[如何使用vue中的代码校验(ESlint)]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106244416</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106244416</guid><author>listStyleScript</author><pubDate>Wed, 20 May 2020 21:23:25 +0800</pubDate><description><![CDATA[如何使用vue-cli3+中的ESlint
在创建项目的时候把Linter / Formatter给勾选上
eslint的开启与关闭(默认为开启)
在项目的根目录下可以手动创建 vue.config.js 文件(默认没有此文件)也如以下代码:
module.exports = {
  lintOnSave: false  // false为关闭反正true开启
} 


ESlint官方网址:

Eslint官网：https://eslint.org/


Eslint中文文档：https://cn.esl]]></description><category></category></item><item><title><![CDATA[如何关闭vue中的严格模式 Failed to compile.]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106244277</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106244277</guid><author>listStyleScript</author><pubDate>Wed, 20 May 2020 21:01:30 +0800</pubDate><description><![CDATA[如何关闭vue-cli3+中的代码校验
在vue项目的根目录下创建 vue.config.js目录
module.exports = {
  lintOnSave: false   //false为关闭true为开启
}


]]></description><category></category></item><item><title><![CDATA[安装 node-sass 出错]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106238497</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106238497</guid><author>listStyleScript</author><pubDate>Wed, 20 May 2020 16:35:43 +0800</pubDate><description><![CDATA[vue-cli3+ 安装node-sass出错
方法一
npm换源
第一的话有可能是网速的原因:可以将npm换一下源,换成淘宝镜像

可以通过下面命令:
npm config set registry https://registry.npm.taobao.org
检查是否安装成功:
npm config list

方法二
报错windows平台缺少编译环境 python 2.7
解决办法:
1.在管理员模式运行
     npm install -g node-gyp
2. 也是在管理员模式运行 
  ]]></description><category></category></item><item><title><![CDATA[微信小程序如何使用富文本]]></title><link>https://blog.youkuaiyun.com/listStyleScript/article/details/106109235</link><guid>https://blog.youkuaiyun.com/listStyleScript/article/details/106109235</guid><author>listStyleScript</author><pubDate>Wed, 13 May 2020 23:18:40 +0800</pubDate><description><![CDATA[wxParse怎么使用

github官方: https://github.com/icindy/wxParse

步骤简介
1.在GitHub上吧文件夹wxParse下载下来
- wxParse/
-wxParse.js(必须存在)
-html2json.js(必须存在)
-htmlparser.js(必须存在)
-showdown.js(必须存在)
-wxDiscode.js(必须存在)
-wxParse.wxml(必须存在)
-wxParse.wxss(必须存在)
2.在要使用的页面js中引入wxPa]]></description><category></category></item></channel></rss>