- 博客(40)
- 收藏
- 关注
RSS订阅原创 2022虎年大吉
1.局部滚动开启弹性滚动body{overflow:scroll;-webkit-overflow-scrolling:touch}2.flex布局 2.1新版flex布局 display:-webkit-flex; align-items:center; justify-content:center; 子元素 -webkit-flex:1...
2023-03-31 16:15:45
251
原创 Vue3.0、TypeScript学习日常笔记（附demo）
Devtools检查不可用，因为它处于生产模式或显式禁用手动添加后会抛错如标题，需要main.js中添加Vue.config.devtools = true
2022-03-22 13:30:06
1084
原创 新搭建vue项目过程中，遇到的问题
1、this.getOptions is not a functionsass-loader 版本太高，安装低版本npm uninstall sass-loader -D // 卸载高版本npm install sass-loader@8.x -D //保存到开发依赖 2、sassError : expected newlinesass改写成 scss3、Cannot read property 'forEach' ...
2021-08-05 15:37:14
216
原创 vue-cli新老版本区别及vue3项目环境搭建
脚手架版本和vue版本两者没有必然联系，比如：vue-cli3版本脚手架搭建的环境做vue2.0项目，vue-element-admin查看脚手架版本：vue -V (vue --version 的缩写)；查看vue版本：npm list vue；新版本脚手架vue-cli3+，创建项目命令：官网介绍vue create hello-world老版本脚手架vue-cli，创建项目命令：官网介绍vue init webpack <project-name>两个版本.
2021-07-20 17:34:35
583
原创 vue过滤器filters
<template> <div> <span>{{ "1597384683" | timeAgo(message,this) }}</span> </div></template>export default { data(){ return { message: 'this is a test', } }, filters: { .
2021-07-14 16:49:06
90
转载 eslintrc.js文件配置
module.exports = { root: true, parser: 'babel-eslint', parserOptions: { //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。 sourceType: 'module' }, env: { browser: true, }, // https://github.com/feross/standard/blob/master/RULES.md#...
2021-07-14 14:24:55
591
原创 css背景图透明化，文字需要正常显示
1.伪类添加2.cross-fade属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg.
2020-09-02 15:37:30
863
原创 Vue.use() 和 Vue.component()
1.Vue.use() 传入的是对象，内部执行时 依旧是 Vue.component()2.Vue.component() 只能同时注册一个组件，而Vue.use() 的install里可以写多个Vue.component()所以基于项目 ，对于我们二次封装的组件 在main.js里，可以用Vue.use()处理（基于代码量简结）比如应用Vue.component(),main.j...
2020-03-13 17:33:30
1461
转载 [转载]vue 动态渲染style（动态渲染样式）
转载于https://juejin.im/post/5d5dfbde6fb9a06b122f4226，原文未标注是否允许转载，如禁止，请@我凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize 除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff' ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓测试...
2020-01-17 10:13:49
2176
原创 vue项目install，Error: Cannot find module 'core-js/modules/es6.regexp.constructor'
vue项目复制后重新install，再run dev报错如下：执行命令：cnpm install core-js@2或npm install core-js@2即可
2020-01-05 11:00:02
3140
原创 vue 前端post文件下载，可blob链接格式下载，可base64格式下载
blob链接与base64链接如下项目中三万条数据下载显示失败，所以选了第一种----代码中的 res 是后台返回的流文件。res.data是blob对象，包括size、type2字段与export function loadFile(res) { //后台返回的数据是--文件流的形式---- //通过请求头声明---responseType: 'blob'---获...
2020-01-02 16:12:03
1469
原创 Promise.all 实践案例
应用场景：A接口依赖B,C,D....多接口返回的数据----，以下是用Promise.all处理，当然也可以用async/await处理，如用async/await处理，请狠--戳我mounted(){ this.getNumberAll()},methods:{ getNumber1() { return new Promise((resolve, rejec...
2019-12-31 17:53:19
599
原创 handsontable自定义编辑器支持下拉框多选
网上看了一份基于jquery的handsontable下拉多选，费劲千辛万苦----哎-----。项目应用的VUE+elementUI+表格控件handsontable参考jquery自定义编辑器，与现有项目完美切合...步骤一：<link rel="stylesheet prefetch" href="https://cdnjs.cloudflare.com/ajax/l...
2019-12-28 16:46:42
3986
3
原创 handsontable afterChange方法多种调用方式
貌似我这是最全的，：这种属性写法其他博客没看到，哈哈哈哈哈哈哈哈。第一种：用hotSettings里的配置触发此方法（缺点，拿不到vue this 实例）<HotTable ref="testHot" :data="colData" :settings="hotSettings" /> hotSettings: { //各种其他配置 af...
2019-12-11 16:05:18
2947
2
原创 异步解决方案
理解不深，直接上实例吧,理论的可参考其他文章；项目中应用两种方案，以Vue为例，应用场景：下一个接口依赖上一个接口返回的数据1.promise的then链式回调2.async、await的同步方式import { templateList } from '@/api/templateList' mounted() { this.getGridConfig() }...
2019-12-05 10:42:41
231
原创 element-ui upLoad组件使用遇到的问题
upload上传文件，每个文件的上传都会发送一个请求，如果你要多文件上传且只发送一个请求。需要使用JS自己构造formData数据，当然具体上传时的样式效果依旧是组件的upload的，如下:<!-- action随便写，反正点击提交不走upload自带的上传逻辑 --> <div v-loading="fileLoading"> <e...
2019-11-29 11:35:10
1752
原创 vue 、前端rsa加密遇到的问题，message too long for RSA
需求：对登录密码，修改密码过程进行加密，如RSA，3DES等，后台要求，最终选择了RSA加密RSA加密：公钥和私钥（非对称性加密）3DES加密：密钥加密 （对成型加密）第一步：安装jsencryptnpm i jsencrypt第二部：组件里引入vue组件里：import { JSEncrypt } from 'jsencrypt'import { getKey...
2019-11-20 09:39:54
6774
原创 vue,cnpm install报错...无法加载文件...ps1，因为在此系统中禁止执行脚本
新公司入职第一天，把上家公司项目拷过来cnpm install 报错如上，解决方法：任务栏搜索--Windows PowerShell 以管理员身份运行并更改执行策略，键入 set -executionpolicy remotesigned...
2019-11-12 10:09:55
899
原创 vue 路由异步加载引起的----获取路由参数问题
业务场景：授权的url都带着appId，检测到没有openId时候携带着appId去授权，所以页面上来就去url获取openId和appId问题：拿不到url上的参数？路由 let openId = this.$route.query.openid let appId = this.$route.query.appId上述获取路由...
2019-11-08 10:32:31
830
原创 vue 展开、收起
<div style="width:700px;height:500px;border:1px solid #000"> <div v-for="(item,index1) in textArr" ref="bussinessTypeRef" :key="index1" :class="[item....
2019-10-24 09:25:19
298
原创 vue添加同class及不同class方式结合实例
上效果图：实例1为添加同一类名，实例二为添加不同类名代码片段： <div style="font-size: 15px;">实例1：</div> <ul> <li v-for="(item,idx) in all" :key="idx" :class="{fontColor:cuIndex===idx}" @...
2019-10-20 10:19:05
612
原创 盒子水平垂直居中问题
.parent{ width:200px; height:200px; border: 1px solid #000; display: flex;/*flex布局*/ align-items: center; justify-content:...
2019-10-10 13:05:19
108
原创 eslint 规则配置
首选项->配置-搜索eslint配置规则：{ "editor.tabSize": 4, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": true, // 添加 vue 支持 ...
2019-09-23 13:35:26
381
转载 jquery ajax简单封装
公共common.js里（ps：当初写的时候参考了一篇文章，现在找不到原网址了）function common() { this.url = '';}common.prototype.AJAX = function (config) { var defData={ tenantId: return_sns.tenantId, sjUid: ...
2019-07-25 11:02:59
130
原创 小笔记
CSS篇：1.页面设置overflow:scroll后滑动卡顿问题body{-webkit-overflow-scrolling:touch;}2.去除苹果机灰色遮罩-webkit-tap-highlight-color:rgba(0,0,0,0);3.iphone 输入框默认内阴影 .shadow{ -webkit-appearance:none;...
2019-04-19 16:29:48
185
原创 vue文件引入路径 ./ ../ @/ @xxx
1../当前文件同级目录，./css/等同于css/2.../当前文件上一级目录3.@及@xxx (xxx为任意数)，可在 webpack.base.conf.js 配置文件中配置
2019-04-03 11:26:02
7632
原创 h5移动端生成海报，图文结合
小程序 canvas生成海报效果图：大背景和红圈圈为canvas生成；1.css部分 <style> body, html, div, img, p { margin: 0; padding: 0; } .poster { width: 15rem...
2018-12-03 15:34:45
11418
3
原创 mint-ui 之 Infinite scroll 无限滚动加载
代码简单改下就能用<template> <div> <div class="sort" ref="element"> <div>排序</div> <div class="go_filter">筛选</div>
2018-11-19 17:08:15
824
原创 ps不更改原图比例，调整图片至任意尺寸
1.文件 》新建 》输入理想的宽高；2.文件 》打开，选取任意一张图；3.鼠标点击；4.拖动打开的图片至步骤1新建的图层中放开；5.正常情况下显示不完整（或者太小），CTRL+T选中图片，选中效果如6.按住 shift 键 调整图像大小至充满或缩小至你设定好的尺寸。...
2018-11-13 15:41:27
21042
1
原创 禁止input框频繁触发某一事件
应用场景：频繁触发某一事件，频繁执行DOM操作、资源加载等重行为；function debounce(fun, delay) { return function () { var that = this; clearTimeout(fun.mark); fun.mark= setTimeout(function () { ...
2018-11-01 13:34:46
251
原创 自适应与响应式
自适应：需要开发多套界面，通过检测视口分辨率，请求服务器，返回不同的页面 1. 可表现为： 非同一终端，通过服务器端处理，当你PC端访问移动端网站（在移动端网站做navigator浏览器对象处理）时，会返回PC端相应页面； 移动端访问PC端页面（在PC端网站做navigator浏览器对象处理）时，会自动返回移动端相应页面 ...
2018-10-31 17:08:24
214
原创 vue路由传递参数
1.通过path来确定匹配的路由，通过query来传递参数传参：goList(title, id) {this.$router.push({path: '/list', query: {title: title, id: id}}); //注意这里是 $router}接参：this.params.brandId = this.$route.query.id;//这里是...
2018-10-31 16:42:35
299
原创 小程序公共方法fetch封装
应用场景：通俗点说，第二接口的发送数据需要需要第一个接口的返回数据，第三个接口的发送数据需要第二个接口的返回数据；如果你说可以不用Promise，我们可以每个接口的回调里再去请求下一个接口，也没问题。缺点：就是看着很不舒服，代码复用率低。小程序Promise项目实战应用：（适合入门前端）1.单个接口，无依赖关系。举例，公共方法抽离：如util.js中封的ajaxclass Co...
2018-08-10 11:14:13
581
原创 H5页面,移动端单位适配
js中script标签中直接写入：（网易写法）document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px'即可；这里的6.4写7.5也可，依据是设计图的尺寸是640的还是750的；页面的meta标签不需做任何处理即<meta name="viewport" c...
2018-08-04 16:07:32
2249
原创 小程序canvan画布，图片和文字结合，并保存到本地
业务场景：商品的分享，需要logo，商品图，价格，小程序二维码整合到一张图上分享到朋友圈。应用canvas把他们绘制到一张图上保存到本地相册然后分享wxml部分：<canvas canvas-id="myCanvas" style="width:300px;height:400px;border: 1px solid;margin:30rpx auto"/><view...
2018-08-03 15:49:18
6258
5
原创 小程序swiper垂向全屏滚动，slide之间循环跳动及滑动卡死问题
1.slide之间循环跳动问题因为返回的文章id我绑定到了 item-id 属性上，反映到标签上即 current-item-id，这个属性值得重复即导致current重复，也就会出现swiper在某一个区间段内重复循环。（我的业务场景，假如用户看完了所有文章，后台会继续随机返回文章）所以我的文章id会出现重复情况也就出现了我的循环跳动问题；2.滑动卡死问题滑动过快，或者...
2018-08-01 13:19:35
7221
原创 微信小程序转发分享
page中定义onShareAppMessage函数设置该页面的转发信息，可分两种情况：1，不需要回调，只是单纯分享出去。这里的path是app.json中配置的路径，分享图imgUrl可自定义，不配置会默认截取当前页的一部分onShareAppMessage: function () { onShareAppMessage: function () { return...
2018-07-12 10:40:39
2186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人