<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[欢迎来到我的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/clear_code</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; clear_code]]></copyright><item><title><![CDATA[将博客搬至开源中国]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106728714</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106728714</guid><author>clear_code</author><pubDate>Sat, 13 Jun 2020 10:23:13 +0800</pubDate><description><![CDATA[https://my.oschina.net/clearcode

]]></description><category></category></item><item><title><![CDATA[小程序分页加载]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106686622</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106686622</guid><author>clear_code</author><pubDate>Thu, 11 Jun 2020 13:40:07 +0800</pubDate><description><![CDATA[长长的列表，需要进行分页加载，在小程序中分页特别简单，只需要调用onPullDownRefresh（监听用户下拉动作）和onReachBottom（页面上拉）两个方法就可以了；
当然还需要在获取列表的时候进行一些操作，代码如下：

data
	page: 0,
    pageSize: 4,
    list:[]

js

这是获取列表页和分页的流程；判断他每次请求时候还有没有值，如果没有值了就赋值原数组，有值的话就继续拼接显示；

 getList(){
    // this指向
    cons.]]></description><category></category></item><item><title><![CDATA[微信小程序购物车]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106668845</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106668845</guid><author>clear_code</author><pubDate>Thu, 11 Jun 2020 10:03:37 +0800</pubDate><description><![CDATA[列表
详情
购物车

分为6个小模块：增加、减少、选择、全选、总价、删除；

data
  // 购物车
  priceNum:0,        		   // 总价，初始为0
  selectAll:true,    		// 全选状态，默认全选
  // 购物车列表  id:商品id、img:商品图片、num:商品数量、price:商品价格、checked：是否选中商品、guige:商品规格
  goods:[
    {id:1,name:'多乐士[森呼吸]18L',img:'https://img]]></description><category></category></item><item><title><![CDATA[自己对开关门的理解]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106670611</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106670611</guid><author>clear_code</author><pubDate>Wed, 10 Jun 2020 17:03:48 +0800</pubDate><description><![CDATA[例如你和一群人去郊游,你离出发地比较远,那一群人离出发地比较近,
当他们到地方之后,对司机说开车,这时车门关上了,把你自己落下了,
所以应该是当你来了之后再关门,最后判断都来了之后再开车;

实例：
    var bstop = true;   //首先让门开开;
    for (var a = 1; a &lt; 20; a++) {   //设置进来的条件;
        if (a &gt;=10) {         //限制进来的条件
            bstop = false; .]]></description><category></category></item><item><title><![CDATA[jq添加dom节点，值与值互不影响]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106669137</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106669137</guid><author>clear_code</author><pubDate>Wed, 10 Jun 2020 16:42:22 +0800</pubDate><description><![CDATA[用户点击按钮，可以添加多选框与input，新增的值与其他的值互不影响；

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8"&gt;
	&lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;div id="demo"&gt;
		&lt;div id="wrap"&gt;
			&lt;!-- &lt;inpu.]]></description><category></category></item><item><title><![CDATA[a标签下载]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106628510</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106628510</guid><author>clear_code</author><pubDate>Mon, 08 Jun 2020 20:56:21 +0800</pubDate><description><![CDATA[&lt;a href="D:\Documents\WeChat Files\FileStorage\File\2020-04\job\pic\凑单.jpg" 
download="测试.png"&gt;&lt;span id="down"&gt;下载&lt;/span&gt;&lt;/a&gt;

href是下载地址，download是下载文件名字；


]]></description><category></category></item><item><title><![CDATA[微信小程序下载图片到本地相册]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106628170</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106628170</guid><author>clear_code</author><pubDate>Mon, 08 Jun 2020 20:40:49 +0800</pubDate><description><![CDATA[下载图片到本地downloadFile
downImg是绑定的一个点击事件；
  downImg(e) {
    var img_url = e.currentTarget.dataset.url;    //  这个url是我点击的那个图片的链接；
   
    wx.showLoading({
      title: '保存中,请稍等',
    })
    //  一个loading显示
    wx.downloadFile({    //  下载图片到本地
      url: img_u]]></description><category></category></item><item><title><![CDATA[微信小程序复制文本到剪切板]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106628119</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106628119</guid><author>clear_code</author><pubDate>Mon, 08 Jun 2020 20:35:13 +0800</pubDate><description><![CDATA[把内容复制到剪切板
copyText是绑定的一个事件名称；
使用setClipboardData就可以做到这个功能
 copyText(e) {
    console.log(e);
    var text = e.currentTarget.dataset.text;
    // text是点击的这一项的内容
    wx.setClipboardData({
      data: text,
      success (res) {
        wx.getClipboardData({
]]></description><category></category></item><item><title><![CDATA[navigateTo拼在地址栏传值，如果需要传的值也有问号（？）的处理方法]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106628014</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106628014</guid><author>clear_code</author><pubDate>Mon, 08 Jun 2020 20:33:07 +0800</pubDate><description><![CDATA[传值
需要跳转到下一个页面，在传值的时候，打算传递过去的值也有问号，如果不进行处理，在下一个页面只会取到问好前面的内容；
var href="https://www.baidu.com?test=1"   //测试名字
href =encodeURIComponent(newAction.val);
 wx.navigateTo({
    url: '../advertising/advertising?href='+href,
  })
  
  需要使用encodeURIComponent进行编码

]]></description><category></category></item><item><title><![CDATA[小程序多张图片上传、删除、预览]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106627693</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106627693</guid><author>clear_code</author><pubDate>Mon, 08 Jun 2020 20:26:47 +0800</pubDate><description><![CDATA[小程序多张图片上传；主要运用promise的all，代码如下:
本文中的basicURL 是我在app.js中配置的全局变量，即请求接口的域名地址；

data中的数据：
imageList:[],


1、选择图片
微信小程序自带chooseImage方法。选择图片，把图片路径保存到imageList数组中；
chooseImage: function () {
    var _this = this;
    wx.chooseImage({
      sizeType: ['original',.]]></description><category></category></item><item><title><![CDATA[禁止浏览器返回上一页]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106139903</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106139903</guid><author>clear_code</author><pubDate>Fri, 15 May 2020 13:14:17 +0800</pubDate><description><![CDATA[webapp禁止浏览器返回上一页；这个功能可以用在，当一段程序走到末尾的时候，之前的操作不允许被修改，所以不能返回上一页，只能选择关闭这个程序，代码如下

&lt;script language="javascript"&gt;
  //防止页面后退
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', function () {
    history.pushState(null, nu.]]></description><category></category></item><item><title><![CDATA[navigateTo拼在地址栏传值，如果需要传的值也有问号（？）的处理方法]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106139853</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106139853</guid><author>clear_code</author><pubDate>Fri, 15 May 2020 13:11:59 +0800</pubDate><description><![CDATA[微信跳转页面的时候，需要用？利用地址栏进行传值，但是如果需要传的值也有问号的话（比如跳转到外部详情链接）。这样是传不过去的，所以我们一个解决办法；


我们需要使用encodeURIComponent进行编码；
 var href =encodeURIComponent(newAction.val);
 wx.navigateTo({
    url: '../advertising/advertising?href='+href,
  })
  

然后在下一个页面需要进行解析，来获取到这个参数
 o..]]></description><category></category></item><item><title><![CDATA[JSON.parse解析双引号嵌套单引号格式的数据]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/106139091</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/106139091</guid><author>clear_code</author><pubDate>Fri, 15 May 2020 13:06:23 +0800</pubDate><description><![CDATA[前端开发有时会遇到后端返回一个json字符串，但是他的json的内容是用单引号的，在使用JSON.parse进行转义的时候会报错，原因就是不能解析单引号的json格式，所以我们需要进行替换；


var action = 
{'act':'href','val':'http://xxx'};
// 后台传过来的json字符串；


var newAction = action.replace(/'/g, '"');
//把单引号替换成双引号


//newAction:
{act: "href", va..]]></description><category></category></item><item><title><![CDATA[webstorm常用快捷键]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/105219376</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/105219376</guid><author>clear_code</author><pubDate>Tue, 31 Mar 2020 12:54:47 +0800</pubDate><description><![CDATA[1、注释

Ctrl+/    单行注释；
Ctrl+Shift+/	注释（// 或者/…/ ） 多行注释；

2、重构-重命名

Shift+F6  重命名

3、删除行

Ctrl+X

4、复制行

Ctrl+D

5、查找行

Ctrl+G

6、代码移动（向上、下）

Ctrl+Shift+上/下

7、高亮错误或警告快速定位

F2

8、打开光标处的类或方法

Ctrl + 鼠标左键...]]></description><category></category></item><item><title><![CDATA[uni-app配置微信小程序]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/103662513</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/103662513</guid><author>clear_code</author><pubDate>Mon, 23 Dec 2019 11:45:13 +0800</pubDate><description><![CDATA[1、首先需要下载HBuilderX软件（app开发版）;
2、下载成功之后就可以开始创建项目；选择文件–&gt;新建–&gt;项目，选择uni-app选项；点击创建；


3、然后选择运行–&gt;运行到浏览器–&gt;Chrome，查看项目是否可以正常运行；

4、然后发现有两个运行地址，本地和网络地址，两个都可以运行就表示成功了；

5、然后点击工具–&gt;设置–&gt;运行配置；

6、然...]]></description><category></category></item><item><title><![CDATA[after的使用]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/103601325</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/103601325</guid><author>clear_code</author><pubDate>Wed, 18 Dec 2019 17:23:57 +0800</pubDate><description><![CDATA[有时我们需要在tab切换的文字下方设置一个小边框，让人看着更清晰的知道跳转的是哪个tab页，也变的美观了一些；那这样的样式是怎么实现的呢？
此时我们就需要用到after；
首先需要给推荐资讯的dom元素加上position: relative;属性，然后就可以写你想要的样式，要有absolute定位；
边框样式如下（根据个人需要）

最后结果如下


...]]></description><category></category></item><item><title><![CDATA[webstorm配置小程序]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/103117306</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/103117306</guid><author>clear_code</author><pubDate>Mon, 18 Nov 2019 09:43:48 +0800</pubDate><description><![CDATA[打开webstorm编辑器，然后打开设置
File–&gt;setting–&gt;Editor–&gt;File Types,选择html和css；
1、配置html文件扩展名
2、配置css文件扩展名

微信代码网盘地址；
3、然后选择File–&gt;Import Settings,然后选择相应文件路径；

最后点击确定即可


...]]></description><category></category></item><item><title><![CDATA[让程序员崩溃的瞬间（非程序员勿入）]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/102971977</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/102971977</guid><author>clear_code</author><pubDate>Fri, 08 Nov 2019 14:01:54 +0800</pubDate><description><![CDATA[今天给大家带来点快乐，程序员才能看懂。
&nbsp;
来源：https://zhuanlan.zhihu.com/p/47066521

&nbsp;
1. 公司实习生找 Bug
&nbsp;

&nbsp;
2.&nbsp;在调试时，将断点设置在错误的位置
&nbsp;

&nbsp;
3.&nbsp;当...]]></description><category></category></item><item><title><![CDATA[vscode基本使用]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/102717450</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/102717450</guid><author>clear_code</author><pubDate>Thu, 24 Oct 2019 13:36:08 +0800</pubDate><description><![CDATA[前言： 现在使用Vscode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝；
下载：https://code.visualstudio.com/
本人常用快捷键：
F1    ----- 打开可以输入命令
F2    -----重命名变量
F5    -----运行和调试代码
ctrl+g    -----会让你输入数字，快速定位到指定行
crtl+f    -----...]]></description><category></category></item><item><title><![CDATA[jq回到顶部加完动画之后滚动条失效？]]></title><link>https://blog.youkuaiyun.com/clear_code/article/details/102701737</link><guid>https://blog.youkuaiyun.com/clear_code/article/details/102701737</guid><author>clear_code</author><pubDate>Wed, 23 Oct 2019 15:20:48 +0800</pubDate><description><![CDATA[回到顶部这个功能完成的时候，回到顶部的动画效果好用了，但是在往下滑动滚动条的时候，发现滚动条不好用了，
	只需要把点击事件写在外面就可以解决这个问题；
		下面代码复制就可以查看效果；

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta...]]></description><category></category></item></channel></rss>