11 2018 档案
摘要：1.下载ruby 下载地址：https://rubyinstaller.org/downloads/ 如果觉得下载速度过慢，可以在我的百度去下载： 链接：https://pan.baidu.com/s/1i6NjnfAM3pHB-bbbBjp9Fw 提取码：to70 2.就直接按它的默认配置，安装即
阅读全文
摘要：1.文件 > 首选项 > 设置 英文版对应：File > Preferences-> User Settings 2.打开 setting.json 3.将以下代码添加到 setting.json 中
阅读全文
摘要：项目中需要做一个小弹层，如下图： 我需要知道点击元素距离顶部的值，再计算弹层的top值，如下图： 在vue中如何获取到DOM元素距离窗口顶部的值呢？ 1.通过$event获取 html： methods： 如下图： 2.通过this.$refs.***获取 1.目标DOM定义ref值： 2.通过 【
阅读全文
摘要：我们以往实现平滑滚动往往用的是jQuery, 如实现平滑回到顶部，就写如下代码： 我们现在可能通过css实现这一功能了，只需要添加一句样式即可： 兼容情况可以点击这里查看。 scroll-behavior的使用你就记住这么一句话—— 凡是需要滚动的地方都加一句scroll-behavior:smoo
阅读全文
摘要：Git官网地址：https://git-scm.com/ 以下所有的命令都是在Git Bash面板里面执行的。你安装好Git之后，打开你需要操作的文件夹，鼠标右击可以看到【Git Bash Here】的选项，点击即可打开Git Bash面板。 面板如下图所示： 下面总结一下我常用到的命令： 1.配置
阅读全文
摘要：安装方法 打开vs code 的 扩展 > 搜索 Autoprefixer，并安装。 使用方法 打开css文件，按F1，选择 Autoprefix CSS 这条命令 没执行命令之前： 执行完命令之后： 修改它的browsers参数 文件 >首选项 >设置 可能不能版本的visual界面会不一样，但是
阅读全文
摘要：我们在写代码的时候可能有些CSS并没有用到，我们如何利用webpack将冗余的CSS清除掉呢？ 可以使用 purifycss-webpack 达到该目的。 1.安装 purifycss-webpack,glob 和 purify-css 2.在配置文件中引入 purifycss-webpack 3.
阅读全文
摘要：在jquery中，如果要获取 data-*** 的值可以通过 $('目标元素').data('属性名') 来获取。 在Vue中如何获取该值呢？ 1.换个思路，作为参数传递。 如下代码： 2.通过e.target.dataset.*** 或者 e.target.getAttribute('data-*
阅读全文
摘要：一、删除dist目录 有时候我们需要在打包文件之前删除之前打包的dist目录，如何做？ 1.安装new cleanWebpackPlugin(['dist']) 2.在webpack.config.js中引入该模块 3.在webpack.config.js中的plugins进行配置 4.执行 npm
阅读全文
摘要：先看下下面的图片： 我们可以看到，通过Webpack打包后，默认CSS是通过 内部样式表 写入的。我们如何把压缩后的CSS单独导出为CSS 呢？ 1.安装 extract-text-webpack-plugin@next 2.在webpack.config.js中引入该模块 3.在webpack.c
阅读全文
摘要：今天在公司将APICloud 的项目进行趁机测试的时候，发现连接失败，报如下错： 排查步骤： 1.看手机wifi与电脑是否在同一网段； 就是看ip前面的三段是不是一样。比如ip地址是 192.168.1.8 ，就比较 192.168.1 这三段是不是一样的。 2.关闭类似于什么QQ管家啊这些防火墙；
阅读全文
摘要：借用一下喜马拉雅的效果图，比较一下下面的遮罩层的高度： 我们可以看到它的遮罩层一直都是只遮住的下面。开始想着怎么用CSS实现，几经测试也没弄出来，如果正在看这篇文章的你，知道如何用CSS达到这种效果，欢迎留言。 我来说一下我用js的解决方法。 原理很简单，遮罩层高度 = 选集弹层的下边距离 到 窗口
阅读全文
摘要：项目中有个播放列表选集的需求，如下图： 现在展示的1-42集全部，我们如何实现这个选集的功能呢？ 我的思路如下： 1.将这42集按每10集划分，并存入数组； 2.保存开始和结束位置，比如说1~10，开始就是1，结束就是10。 下面是我的实现方法： 返回数据如下图： 如您有更好的解决方案，望不吝赐教~
阅读全文
摘要：wxParse是一个微信小程序富文本解析组件。现在小程序里面自带了一个<rich-text>组件也能解析富文本，但是表现不尽人意。所以我还是采用的wxParse来解析富文本的。 wxParse git地址：https://github.com/icindy/wxParse。可以先稍作了解。下面具体讲
阅读全文
摘要：上一次讲到如何创建一个应用，今天讲下如何在手机端预览项目。 1.下载 AppLoader 下载地址：https://docs.apicloud.com/Download/download#apploader 2.打开编辑器，点击 帮助 》WIFI真机同步 IP 和 端口 3.打开第1步下载的AppL
阅读全文
摘要：1.安装APICloud Studio 下载地址：https://www.apicloud.com/devtools 2.打开 APICloud Studio，登录 3.登录成功，在 代码编辑器 创建应用 或者 云端创建应用。 编辑器创建应用如下图： 如果没有出现上面的欢迎页，就通过 文件 --》
阅读全文
