- 博客(21)
- 收藏
- 关注
RSS订阅原创 npm发布第三方插件
1、vue init webpack-simple cjname2、删除src文件下无用文件app.vue main.js留下3、写一个组件4、新建一个index.js文件 引入组件import Componento from './componento.vue'const Componentos = { install(Vue, options) { Vue.component(Componento.name, Componento) }}if (typeof window
2022-01-19 18:10:27
367
原创 vue 绑定动态class变量
第一种方式 <div :class="{'baseButton': true, [`${theme}`]: true}">111</div>*第二种方式<div :class="['baseButton', `${theme}`]">111</div>
2021-12-07 17:49:06
1360
原创 ios软键盘顶起
/* 使文本框出现在视图区域 */Vue.prototype.$gotoView = (event, position = ‘end’) => {let This = event.currentTarget;setTimeout(() => {if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {This.scrollIntoViewIfNeeded(true);} else {This.scrollIntoView({b
2021-06-02 13:52:05
153
原创 el-table闪烁及左固定列在滚动轮缩放出现错位问题
1、el-table一直闪烁，具体方法和百度上一样 .el-table { width: 99.9% !important; } .el-table__body { width: 100% !important; }2、左固定列在滚动轮缩放的时候出现的错位在网上找了几种方案 发现都没用像这种 重绘也没用this.$refs.multipleTable.doLayout()后面我发现 当有x滚动条时不会出现错位，于是通
2021-05-26 11:42:58
934
原创 前端加密
1、md5加密：前端可以加密，不可以解密2、crypto加密： 前端可加密、解密常用于“记住密码”， 存cookieimport CryptoJS from "crypto-js";//设置cookie setCookie(portId, psw, exdays) { // Encrypt，加密账号密码 const userName = CryptoJS.AES.encrypt( portId+'', "secretkey123"
2021-05-21 15:19:05
95
原创 数字字母验证码
数字字母验证码 随意组合 随机颜色<template> <div class="ValidCode disabled-select" :style="`width:${width}; height:${height}`" @click="refreshCode"> <span v-for="(item, index) in codeList" :key="index" :style="getS
2021-05-19 14:44:46
144
原创 数字处理
数字千分位隔开handerData (num) { let newNum = num + '' if (newNum.length <= 3) { newNum = newNum.slice(0, 3) // this.toOrderNum(num) // 递归添加"0"补位 } else if ( 3 < newNum.length && newNum.length <= 6) { // w
2021-04-27 15:33:51
46
原创 使用echarts的小技巧
问题描述：注意：最好用官方最新版本，不然有些配置不好找。1、如果需要自定义legend文本, 可以这么做let data = [ '货币', '股票', '债券', '货币', '股票', '债券' ]; let num = 0; legend: { orient: "vertical", right: 40,
2021-04-27 15:33:23
1504
原创 axios配置遇到的问题
1、一个vue项目中需要同时配置一个php环境axios请求、一个java环境axios请求。第一个axios默认baseUrl第二个java axios直接域名+接口拼接 去覆盖baseurl其它默认配置 按需处理axios.get(`${url.javaApiUrl}${api}`, { params: { ...data, }, });2、配置axios content-type常规格式如下switch (method) { ca
2021-04-27 15:32:49
394
原创 css小技巧
1、css绘制条纹背景图<template> <div class="test"> <div class="one"></div> </div></template><script>export default { name: 'test'}</script><style lang="less" scoped>.test { width: 250px; he
2021-04-27 15:32:15
53
原创 常用组件 包括（第三方及个人封装）
常用组件：数字滚动千分位逗号隔开<template> <div class="vertical-num-scroll"> <div v-for="(item, index) in numData" :key="index" class="real-time-num"> <div v-if="!isNaN(item)" class="real-time-num-item" :style="{transform: `translateY
2021-04-27 15:31:36
141
原创 请求相关问题
1、Axios在手机网页上进行跨域请求失败，HTTP状态码返回0，解决这个问题就让后端改了一行代码access-control-allow-headers: *上面这个headers不能设置为 *，要设置具体字段，如下access-control-allow-headers: Content-Type2、请求图片返回403http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个
2021-04-09 18:02:20
339
1
原创 常见的ios小兼容问题
/************************** IOS ***************************/// 苹果机底部横条 padding-bottom:constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);// 苹果浏览器中H5页面跳到外部链接 物理键回退 页面周期不刷新 vue created() { let u = navigator.userAgent
2021-04-09 17:50:42
75
原创 关于多页面
建议不要用vue做多页面 因为一个页面就加载一个vue实例 速度太慢 影响性能、用户体验。建议服务端渲染 前后端不分离 用传统html+jquery就ok，也可用一些Ajax sea.js require.js template.js等第三方js插件来处理html刷新和加载页面时出现闪烁可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码
2021-04-09 17:42:24
70
原创 vue-cli webpack打包第三方依赖es6转es5
项目场景：vue打正式包的时候 chunk文件混入es6代码 导致ie不兼容 报错问题描述：vue项目打包后，在谷歌浏览器、360浏览器极速模式都能正常运行，在ie以及360兼容模式下就报错原因分析： 检查到只有报错的那个chunk文件才出现这个错误，于是对错误进行定位，查看报错文件代码发现，报错行以上的代码是es5，下面的代码是es6。那么问题就很明显了，ie是不兼容es6的。所以我们得找出为什么这个chunk文件包含es6代码，这个代码又来自哪里，经过重重排查，发现我的未编译成es5的代
2021-04-09 14:59:17
3127
转载 L2Dwidget.js L2D网页动画人物添加
作者文献:https://blog.csdn.net/qq_44970883/article/details/110948651?utm_medium=distribute.pc_category.none-task-blog-hot-4.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-4.nonecase
2020-12-11 11:48:12
408
转载 10个Vue开发技巧助力成为更好的工程师
本文作者为我们简要的分析了10个Vue的开发技巧，包括路由参数解耦、函数式组件、样式穿透、组件相关等知识，希望对你有所帮助。装载自作者: WahFung https://juejin.im/post/5e8a9b1ae51d45470720bdfa路由参数解耦一般在组件内使用路由参数，大多数人会这样做：export default {methods: {getParamsId() {return this.$route.params.id}}}在组件中使用 $route 会使之与其对应
2020-12-10 14:44:05
72
原创 高德地图编辑多边形区域以及大地距离算法
上代码 自配送 参考门店周围 mounted () {this.map = new AMap.Map(‘container’, {center: this.center,zoom: 14});this.adminStoreloadShippingSet()this
2020-12-10 14:39:59
542
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人