前端[色色]

摘要： 安装方法 打开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 阅读全文