vue项目中遇到的部分问题解决方案汇总（长期更新） webpack打包后js文件名为1.js, 2.js, 3.js而非不规律hash值得问题vue打包 在环境变量NODE_ENV === 'production’时会自动给打包后得js文件加入hashi值 配置打包项文件 让环境变量 NODE_ENV = ‘production’ 即可webpack打包环境变量配置文件1.修改package.json中srcipts的对应命令如:"serve": "vue-cli-service serve --mode dev","build": ..
vue 日历组件的开发 因项目需要的日历 常规组件无法满足 笔者决定自己开发一个日历组件以供使用，同时分享自己的轮子，其他开发如看到 也可复用，避免重复造轮子的过程单组件样式源码如下<template> <div> <div class="calendar"> <div class="calendarHeader"> <div style="float: left;" class="cursor" @click="goPreviousYear()"&
ES6新增字符串 数组 对象， 函数方法汇总 字符串String.fromCodePoint() 从 Unicode 码点返回对应字符String.fromCodePoint(0x20BB7)// "????"2.String.raw() 转译模板字符串String.raw`Hi${2+3}!`// "Hi5!"
ES6结构赋值使用小技巧记录 结构赋值使用小技巧1.拆分数组let [head, ...tail] = [1, 2, 3, 4];head // 1tail // [2, 3, 4]2.便捷使用js内置对象的方法// 例一let { log, sin, cos } = Math;// 例二const { log } = console;log('hello') // hello字符串结构赋值const [a, b, c, d, e] = 'hello';a // "h"b // "e"c // "
vue使用 async/await解决异步问题方案汇总 最近在vue中遇到了异步请求的问题，之前的解决方法都是在.then中进行调用，忽然向尝试用async和await方案来解决异步，进行第一次尝试<template> <div class="about"> <h1>This is an about page</h1> </div></template><script> export default { data() { return {
element Select组件非循环匹配方式实现同时拿到value和label的值 后台希望我能同时传输value和label的值 可以帮助后台少一层检索 百度后大多数方案都是循环匹配，个人感觉并不是最佳方案，思考后进行优化 代码如下<template> <div id="app"> <div id="nav"> <!-- <HelloWorld></HelloWorld> --> <el-select v-model="value" placehol.
前端字符动态匹配思想 因为在代码中常见命名方式为英文，可很多时候显示在页面上的是中文，便于别人阅读的东西，在最近的项目中进行了思考（可能前人已经想出来，但我自己没查出来），自己思考了一种动态匹配字符算法，把英文转换成中文这个思维利用了JS中的对象的特点var object = { one: 1}console.log(Object[one]) // 1其实思维很简单，因为js中对象的【】属性可以传入变量来动态返回数据，利用传入的参数动态的匹配就可以转换成想要的数据名称，比如上面代码中就把one转换成了数字类型1来进
echarts动态渲染数据及数据重复渲染问题解决 echarts动态渲染数据最近在用echarts时发现了问题，从后台获取的数据不能渲染到页面上，研究后发现渲染到页面的数据和自己从后端获取到后赋给的数据不同，分析得出其实echarts在页面创造阶段就进行了渲染，并且后期echart内部数据发生改变时不再进行二次渲染，思考过后我们采用深度监听数据的方式，当数据发生改变时再次调用echarts渲染页面的函数重新渲染来实现动态的渲染数据代码如下// option为echarts渲染的数据watch:{ option: { handler (
算法 前端table单元格首列相同则进行单元格合并 最近遇到一个需求，需要把这种单元格的首列相同内容进行自动合并，合并成以下样子个人是觉得假设以后表格增加个编号什么的，合并成这个样子不是丑的一匹，当然了，本来实现需求的原则，参考了一下页面排版，整合了以下算法算法如下 // 页面中table中的第一列td标签(我给首行的首个td增加了一个类名叫a) var a = document.querySelectorAll('.a') // 页面中所有的行（我给table中每个td都增加了类型叫aoe） var
vue富文本编译器tinymce 最近在研究若依框架的时候发现若依框架的富文本编辑器复制word内容，不支持表格内容，研究了市场上的其他富文本编辑器，发现inymce较为不错，页面美观且支持对表格内容的操作，记录自己配置的过程以后可以尽快找到文章参考：https://liubing.me/vue-tinymce-5.html插件安装npm install @tinymce/tinymce-vue -Snpm install tinymce -S语言包下载因为插件默认英文 改成中文语言包方便使用inymce提供了很多的语言包
前后端分离框架 “若依” 前端Vue文件夹分析整合 前后端分离框架 “若依” 前端Vue文件夹分析整合 最近在学习若依框架，自己对文件夹的内容做了一个大概整理和分析， 方便在未来的开发中能够快速有效的进行处理，前端萌新，有的地方没看懂，欢迎各位大佬指正错误bin不知道build打包配置项publicfavicon.ico title栏图标index.html 总页码（第一次加载页）scrapi（请求接口）monitor...
关注
