随笔分类 - Vue
摘要：VueCli2 配置Vant主题 官网 VueCli2不支持按需引入，只能全部引入 安装依赖 npm install -D less@3 less-loader@5 "vant": "^2.9.0", "less": "^3.0.4", "less-loader": "^5.0.0", 更改.bab
阅读全文
摘要：首先引入字体文件 引入字体到项目 @font-face { font-family: "UnidreamLED"; src: url('./1.ttf'); } 添加webpack解析 rules:[ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader:
阅读全文
摘要：Vue 前端项目配置代理解决跨域问题 更新VueCli4.5 下的配置 问题如下，经常在本地调试接口出现这种问题 解决方式1：Chrome 的扩展插件 以前使用Chrome 的扩展插件，但是有时候还是会出现莫名其妙的问题。 需要梯子才行 Allow CORS: Access-Control-Allo
阅读全文
摘要：Less 学习与实践 安装 Leaner Style Sheets 和CSS非常像，使用起来更加顺手 Node引入 浏览器引入 特性 变量 Viriables 可以直接定义成一个变量，多个样式可以直接使用， 混合 Mixins 将一组属性直接嵌入到另一个样式中,就像调用方法一样， 嵌套 Nestin
阅读全文
摘要：Vue textarea 高度自适应 主要用到两个属性offsetHeight，scrollHeight scrollHeight 是内容的滚动高度,包含没实现出来的 offsetHeight 当前控件显示的高度，如果文字增多了，不做自适应，这个高度不变，scrolHeight变大，所以可以比较这两
阅读全文
摘要：Vue项目中添加手势实现左滑右滑操作 左滑右滑等手势可通过监听 和`touchmove`事件实现 记录起始坐标 计算当前位置 加上绝对值判断更加精确。
阅读全文
摘要：Web界面简繁体转换 1、静态转换（逐字翻译） 2、界面翻译（逐字翻译） 3、国际化（语句替换） 1、静态转换 使用 Vue 插件 在打包时把本地的文字转换成繁体，动态加载的文字不会转换。也就是说接口返回的文字不会自动转换。 打包后无法再切换为简体。除非专门打一个简体的包。 使用方式 安装插件 np
阅读全文
摘要：H5骨架屏实战 骨架屏可提升用户体验，在网络情况比较差的时候有比较好的体验。看骨架屏总比白屏舒服。 骨架屏可以理解为是：当数据还未加载进来前，页面的一个空白版本 ，一个简单的关键渲染路径。 vue skeleton webpack plugin "基于 vue skeleton webpack pl
阅读全文
摘要：Vue bus插件封装 通知全部实例，可以在多处使用 插件使用
阅读全文
摘要：H5移动端横竖屏切换 监听设备信息进行切换 在需要转换的界面进行监听 收到通知进行处理。
阅读全文
