摘要：
webpack.dev.js const merge = require('webpack-merge'); const webpack = require("webpack"); const path = require('path'); const common = require('./web 阅读全文
posted @ 2021-12-15 15:54
蓓蕾心晴
阅读(88)
评论(0)
推荐(0)
摘要：
前言 最近vscode编辑器在前端程序员中使用越来越频繁了，既然大家都在用，说明它一定是香的，身为webstorm党，也得赶紧跟进潮流，这是我这几天学习vscode看过的文章和视频，大家把这些文章和视频看完，基本就都差不多了。下面同时总结了适用于我自己的插件和快捷键，供大家参考学习。 学习网站 [插 阅读全文
posted @ 2021-08-04 22:50
蓓蕾心晴
阅读(378)
评论(0)
推荐(0)
摘要：
我们查看官方文档，只有通过<script>标签引入swiper轮播库的方法，如果我们想要在js中通过npm包的方式安装和导入，参考以下方法： 官方文档：https://www.swiper.com.cn/ npm文档：https://www.npmjs.com/package/swiper npm包 阅读全文
posted @ 2021-05-18 16:00
蓓蕾心晴
阅读(1490)
评论(0)
推荐(0)
摘要：
背景： webpack使用image-webpack-loader 打包报错 Error: Cannot find module 'gifsicle'，问题原因为image-webpack-loader loader版本过低。 解决办法： 删除nodu_modules下的image-webpack- 阅读全文
posted @ 2021-03-02 14:32
蓓蕾心晴
阅读(18601)
评论(1)
推荐(0)
摘要：
如果commit注释写错了，只是想改一下注释 git commit --amend 参考链接：https://blog.csdn.net/w958796636/article/details/53611133 阅读全文
posted @ 2020-12-10 17:13
蓓蕾心晴
阅读(778)
评论(0)
推荐(0)
摘要：
查看远程分支 git branch -r 查看本地和远程所有分支 git branch -a 假如别人删除了一些远程分支，我本地git branch -r/a 的时候，会看到删除之前的所有分支，如何更新远程分支列表？ git remote update origin --prune 参考链接：htt 阅读全文
posted @ 2020-12-03 19:44
蓓蕾心晴
阅读(3341)
评论(0)
推荐(2)
摘要：
背景 在开发过程中，明明调试好的阻止冒泡没有问题，但是真正使用 时候发现阻止冒泡失效了，原来原因是点击事件里依赖了异步返回结果。 正常阻止冒泡写法 <div class="aa notice"> <div class="bb notice"></div> </div> <script> var ar 阅读全文
posted @ 2020-12-03 15:54
蓓蕾心晴
阅读(493)
评论(0)
推荐(0)
摘要：
经常看到别人的博客或者readme里有着非常整齐的目录树结构，原来这个不是手动写入的，找到了非常好用的一个node包 treer $ npm install -g treer $ treer --help -V, --version output the version number // 版本号 阅读全文
posted @ 2020-11-03 15:57
蓓蕾心晴
阅读(2035)
评论(0)
推荐(0)
摘要：
优化以前写过的一篇文章：https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常见移动端适配方案 1、媒体查询 通过写媒体查询，在不同的分辨率下写对应不同的样式，这样带来以下几点缺点： 开发上的繁琐，需要针对不同设备下写对应适配的样式； 在不 阅读全文
posted @ 2020-09-25 15:42
蓓蕾心晴
阅读(1311)
评论(0)
推荐(0)
摘要：
问题 项目为多页面应用，每个页面中都引入同一份公共样式less文件导致编译打包后有多份样式，我使用的是less预编译器。 解决 网上找到即为大佬的解决方案，真的非常好用，这里备忘一下。 主要解决方案为，使用less本身支持的 import的时候前面加（reference），只在入口js文件中引入一份 阅读全文
posted @ 2020-09-24 18:19
蓓蕾心晴
阅读(2003)
评论(0)
推荐(0)
摘要：
webstorm 编辑器自动格式化配置： plugin webstorm设置搜eslintr、eslint、stylelint，如果没有，搜plugin，安装prettier、eslint、stylelint File watchs 设置里搜File watchs，增加prettier,打钩开启自动 阅读全文
posted @ 2020-09-22 13:54
蓓蕾心晴
阅读(1197)
评论(0)
推荐(0)
摘要：
eslint学习 配置文件：.eslintrc.js 常见配置字段 module.exports = { 'parser':'esprima', 'env': { 'browser': true, 'es6': true, }, 'extends': [ 'airbnb', ], 'globals' 阅读全文
posted @ 2020-09-22 13:40
蓓蕾心晴
阅读(3363)
评论(0)
推荐(0)
摘要：
背景 artTemplate模版是腾讯开源的一个模版引擎，具体文档参考：https://aui.github.io/art-template/docs/syntax.html#Template-inheritance 根据文档，artTempate模版继承父模版之后再引入子模版，发现不生效？ 解决 阅读全文
posted @ 2020-08-28 17:03
蓓蕾心晴
阅读(486)
评论(0)
推荐(0)
摘要：
一、背景 弹性布局使用了很久了，一直停留在基本的用法，比如横向布局，竖向布局，垂直居中，水平居中，着实非常好用，当然，超低版本安卓有一些兼容性问题，但是总会出现一些奇奇怪怪的问题，比如横向排列的时候，其中的一个icon 元素会被截断，因为没有设固定宽度，之前是通过设定min-width，max-wi 阅读全文
posted @ 2020-07-28 17:44
蓓蕾心晴
阅读(1213)
评论(0)
推荐(0)
摘要：
// 闭包的使用场景：一个方法要被多次调用，并且共享一个数据 // 防抖和节流 // 自执行函数省去单独调用一次 let addEvent = (function() { let obj = {}; return function(eventName,fns){ if(obj[eventName] 阅读全文
posted @ 2020-05-22 17:31
蓓蕾心晴
阅读(592)
评论(0)
推荐(0)
摘要：
概念理解 防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 节流：规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。 js函数防抖与节流的区别： 函数防抖是某一段时间内只执行一次，而函数节流是间隔时间执行。 个人踩坑 1、通过理解函数防抖与 阅读全文
posted @ 2020-05-22 17:28
蓓蕾心晴
阅读(1106)
评论(0)
推荐(0)
摘要：
背景： 想要实现图片持续滚动，既然使用js,就千万不要加css动画、过渡等相关样式，如果想要滚动的平滑一下，可以一像素一像素的感动，则很平滑，如果加了过渡动画，当图片重置为0时，会有往回倒的动画效果，跟预期不符。 原理： 图片滚动原理同图片轮播原理，同样也适用于文字滚动等一系列滚动，通过复制最后一张 阅读全文
posted @ 2020-05-08 20:46
蓓蕾心晴
阅读(2430)
评论(0)
推荐(0)
摘要：
video设置静音，在ios8,io9发现都无法静音，得出结论如下： 1、如果默认给video标签加muted属性，调试获取到的为true，但是依然有声音，即：即使设置为true，也是有声音；2、通过js改变muted是无法改变ios8下的值的，改变了之后打印依然为改变之前的；3、网上看到其他的一个 阅读全文
posted @ 2020-04-13 20:44
蓓蕾心晴
阅读(1044)
评论(0)
推荐(0)
摘要：
需求：有一个图片列表，我想要在图片onload成功之后获取加载成功的图片列表，图片资源加载为异步，我们使用ES7的async await方式实现，多张图片，是用for循环。 注意：图片加载失败一定要加监听，await只有在有返回之后才会继续向下执行，无论成功与失败，否则第一张图加载失败，下面的awa 阅读全文
posted @ 2020-04-09 14:48
蓓蕾心晴
阅读(2750)
评论(1)
推荐(1)
摘要：
正常我们写一个左右两列，左侧一列放置图片的html，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ background-col 阅读全文
posted @ 2020-03-26 16:41
蓓蕾心晴
阅读(1357)
评论(0)
推荐(0)
浙公网安备 33010602011771号