js
文章平均质量分 96
导演字母
这个作者很懒,什么都没留下…
展开
-
Vue项目中出现Loading chunk {n} failed问题的解决方法
这个在网上有很多解决方法大部分这样的,我发现当router为hash模式router.history.pending.fullPath获取不到值测试得知改成这样router.history.current.fullPath/** * 解决偶尔出现Loading chunk {n} failed的报错 */router.onError((error) => { console.error('路由异常', error) const pattern = /Loa原创 2020-10-22 10:31:07 · 838 阅读 · 0 评论 -
基于环信SDK的IM即时通讯填坑之路(vue)
公司最近使用第三方环信SDK的进行通信聊天,基本已完成。记录下填坑之路1、可以通过以下方式引用 WebSDK1.安装npm install easemob-websdk --save2. 先 require ,再访问 Web IM 。require('easemob-websdk'); 注:该方式只引用了 Web SDK ,仍需在项目里配置 WebIMConfig 文件内的参数,用于实例化 websdk。配置在 webim.config.js 文件内进行以下配置:.原创 2020-05-12 17:14:54 · 1358 阅读 · 0 评论 -
uni-app拖拽悬浮球优化
使用uni-app拖拽悬浮球,插件不错 ,插件地址https://ext.dcloud.net.cn/plugin?id=514插件挺不错的,有几点需求我改了下1、背景图片保持纵横比缩放图片,使用aspectFit好点2、初始化球位置时使用%比较符合实际,如果放到右底部使用px还要适配3、拖拽超出边框没有做限制。<template> <view class="...原创 2020-01-04 10:43:24 · 5951 阅读 · 6 评论 -
仿钉钉后台流程设计图
由于公司OA系统需要模仿钉钉后台流程设计制作,搜索网上没有符合类似的这种(可能我没找到),然后自己基于AntV.G6文档瞎捯饬一下。只需要安装AntV,不需要安装多余插件。效果如图:鉴于代码太长,放到github去了,大家需要借鉴的可以下载看看代码地址:https://github.com/lpz1096/some_code/tree/master/approval-se...原创 2019-12-16 11:49:38 · 6949 阅读 · 2 评论 -
前端小笔记
1、vue改变组件样式使用>>>.box-out >>> .xxxxx组件样式类{color:red;}2、chrome浏览器最小字体大小限制3、vue 键盘回车事件<el-inputv-model="form.name"placeholder="昵称"@keyup.enter.native="submit">&...原创 2019-07-08 10:03:28 · 154 阅读 · 0 评论 -
用js 进行crypto.js的加密和解密
用js 进行crypto.js的加密和解密crypto.js前端开发比较火的可逆加密解密框架github: https://github.com/brix/crypto-js#usage-without-requirejs 安装:npm install crypto-js 使用 var CryptoJS = require("crypto-js");// Encryp...原创 2019-01-31 00:14:32 · 768 阅读 · 0 评论 -
H5项目移动端调试器
开发的移动端H5项目在手机浏览器调试工具https://github.com/liriliri/eruda/blob/master/doc/README_CN.mdEruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等。cdn使用<...转载 2019-01-27 14:49:57 · 357 阅读 · 0 评论 -
Vue移动端项目模板h5
一个集成移动端开发插件的Vue移动端模板包含1、css: 使用stylus开发css 集成reset样式文件 修改UI组件文件 统一样式处理(如主题色等)2、UI组件 使用热门的vant与mint-ui插件3、移动端适配 集成rem插件 移动端适配META标签4、组件 集成标题栏组件、无数据组件5、请求 集成axios封装请求接口6、babel...原创 2019-01-27 14:35:58 · 4934 阅读 · 4 评论 -
ES6对象重新赋值assign
对象重新赋值赋值并新增属性let dataCon = []dataArr.map(data => { let obj = data obj['playName'] = '玩游戏' dataCon.push(obj)}) 这样会影响源数据。用assign将源对象的属性复制到目标对象上let dataCon = []dataArr.map...原创 2019-01-07 15:50:24 · 4623 阅读 · 0 评论 -
vue Keep-Alive缓存组件使用
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。在App.vue使用,但是有些组件需要实时刷新。此时就需要用到excludeprop:include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。新建keepAliveConf.js/**...原创 2019-01-11 16:45:46 · 343 阅读 · 0 评论 -
H5页面倒计时代码(解决safari不兼容date的问题)
H5页面倒计时代码(解决safari不兼容date的问题) <div class="aTime"> <em id="t_d"></em> <em id="t_h"></em> <em id="t_m">&l转载 2018-11-13 14:21:16 · 1426 阅读 · 0 评论