lq099526的专栏

安装 Tailwind CSS步骤，失效，样式不加载

html2canvas 通过获取HTML的dom元素，然后生成Canvas，保存为图片。jsPDF 生成 PDF 文档。

开发了一个通知公告的功能，需要使用富文本编辑器，富文本编辑器上传图片时，src保存的时候base64格式，跟后端沟通了一下，先是把图片上传到服务器再把src绑定给图片。

【代码】Naive ui表单组件 n-form-item 自定义样式。

新项目开发使用了naive ui组件库，使用组件时涉及到css样式修改，可以直接在组件父容器上使用组件内自带的css变量，组件会自动继承父容器的css变量值，不会影响其他页面使用；

项目中使用的是自定义的图标，把需要使用的图标保存到本地，使用。2、新建一个js文件，把需要用到的图标引入到项目文件中。2、菜单组件中引入js文件，渲染图标。n-menu自带的图标使用。图标库，使用方法参考官网和。批量处理菜单图标渲染。1、新建一个菜单组件。

日期与时间戳的相互转换获取到的时间戳除以1000就可获得Unix时间戳。

还有因为也做了APP内的微信支付，一开始跟APP微信支付的后端接口返回参数搞错了，报错原因也查了很久，总之细心一点再细心一点，测试通过了还是很开心的，哈哈哈==；最近在做支付功能，微信支付准备工作之类的请参考官方说明，注意个人申请的测试号不支持，要申请企业号，还要商户号，开通支付权限，配置域名，JSSDK的权限问题，尽可能都开通吧！先是微信登录授权，获取code传给后台，拿到用户信息，之前有写过，这里不做说明了====这里大概说一下前端要做的，项目先引入微信jssdk，安装依赖，...

vue移动端项目打包apk，发现iconfont字体图标不显示，第一反应是引用的文件路径不对；在网上查找资料后，解决方法：找到build>utils.js文件，如图所示位置加上publicPath: '../../' 即可。 再次打包之后，字体图标就显示啦！...

1，ES6扩展运算符... 合并多个数组或者多个对象2，ES6数组实例方法 includes3，从后向前获取数组元素4，短路条件句5，空值合并运算符(??)6，可选链式操作符（?.）7，计算数组中的最大值/最小值8，检测Null、Undefined、空9，undefined与null的区别

基于Vue的简单无缝滚动组件 支持上下左右无缝滚动，单步滚动，以及水平方向的手动切换演示文档：https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default安装依赖：npm install vue-seamless-scroll --save全局注册：import Vue from 'vue'import scroll from 'vue-seamless-scrol

1、导航被触发2、在失活的组件里调用 beforeRouteLeave 守卫3、调用全局 beforeEach 前置守卫4、重用的组件调用 beforeRouteUpdate 守卫（2.2+）5、路由配置调用 beforeEnter6、解析异步路由组件7、在被激活的组件里调用 beforeRouteEnter 守卫8、调用全局的 beforeResolve 守卫（2.5+）9、导航被确认10、调用全局的 afterEach11、触发 DOM 更新12、调用 beforeRouteEn.

1）加载渲染过程父先创建，才能有子；子创建完成，父才完整。顺序：父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted2）子组件更新过程a)子组件更新 影响到 父组件的情况。顺序：父 beforeUpdate -> 子 beforeUpdate -> 子 upda

https://element.eleme.cn/#/zh-CN/component/table在Table Methods里面有个方法：// 反选reverseSelect() { this.subTableData.forEach(row => { this.$refs.multipleTable.toggleRowSelection(row); })}

两个同级组件之间传值：新增eventBus.js：import Vue from 'vue'let eventBus = new Vue({});export default eventBus;组件1，2 引入js：import EventBus from '../../../utils/eventBus.js';组件1传给组件2，组件1内代码：EventBus.$emit('getPath', this.path); // 传给组件2的数据组件2接收参数：E

1、页面 组件点击事件：跳转第三方页面 并传递当前路由// 借助第三方页面实现两次路由跳转 刷新页面病人信息this.$router.push({ path: '/empty', query: { url: this.$route.path }});2、在空白页面中 created 的生命周期中接受参数，并执行页面跳转，此时页面不会显示任何内容就开始进行跳转，所以速度的问题不用担心，视觉上的效果就是点击当前路由后，页面刷新请求数据。实际路由已经跳转了两次。<t

正常下载时：前端使用axios发送请求，后端返回二进制文件流；异常情况时：后端接口抛400异常，返回错误信息，前端显示；但是，由于请求的时候设置了responseType:'arraybuffer'，返回的是数据流，要取得json信息需要进行转换。async downloadExcel() { const loading = this.$loading({ lock: true, text: '正在下载中，请稍后...', spinner: 'el-icon-l.

<div>{{value}}</div>value: 0 // 滚动的数值默认0methods: { // 数字动画 numFun(startNum, maxNum) { let that = this; let numText = startNum; let golb; // 为了清除requestAnimationFrame function numSlideFun(){ // 数字动画 if(maxNum<.

<div class="tab_con"> <div v-for="(item,index) in data" :key="index" :style="{display:i===index ? 'block' : 'none'}" > {{item}} </div></div><div class="tab"> <div v-for="(item,index) in data".

最近遇到的问题，之前使用v-html解决的，部署之后还是有问题，网上查询了一下找到了解决办法：是一个在线聊天的功能，后端返回的数据：页面展示的时候也会把这些标签显示出来了，试了下v-html和filters，不是很理想。前端读取展现在页面的时候进行反转义：// item.message html标签反转义 HTMLEncode(text) { let temp = document.createElement("div"); temp.innerHTML

菜单组件：<el-menu class="el-menu-demo" :default-active="activeMenu" background-color="#324157" text-color="#bfcbd9" @select="handleSelect" > <menu-tree :menus="menus" /></el-menu>树组件 MenuTree ：&l

<el-cascader ref="myCascader" size="small" placeholder="药品类型" expand-trigger="click" :options="compostList" :props="selectProps" v-model="selectedTypes" @change="getTypeCondition"&...

vue 刷新组件方法

timer = null // 定时器created () { this.timer = setInterval(() => { this.initData() }, 5000) // 5s}async initData () { .....}destroyed () { clearInterval(this.timer)}...

systemTime = ''// 当前时间addDate () { let nowDate = new Date() let date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, date: nowDate.getDate() } this.systemTi...

axios.get('/userInfo') .catch(error => { if (error.response) { console.log(error.response.data); console.log(error.response.status); console.log(error.response.headers); ...

UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端...

<el-button type="primary" size="small" @click="exportExcel">导出Excel</el-button>第一种方式：使用前端插件导出安装 npm install xlsx --save注册 xlsx.js，代码贴上import XLSX from 'xlsx'/** * @param dataList 表格数据内容 array * @param fileName 文件标题。必须以 .xlsx结尾 */.

/** * 检验是否是移动设备 * @returns {boolean} */isMobile() { let system = { win: false, mac: false, xll: false, ipad: false }; let p = navigator.platform; system.win = p.indexOf('Win') === 0; system.mac = p.indexOf('Mac') === 0; sys.

随着项目的模块化，需要把websocket相关的功能独自创建一个模块进行引入使用