自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

鸡汤、好腻

情绪的奴隶...

  • 博客(40)
  • 收藏
  • 关注

原创 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

原创 watch 某个属性或者对象

watch监听属性的多种写法(禁止使用箭头函数)

2023-03-03 14:41:52 112

原创 Vue3.0、TypeScript学习日常笔记(附demo)

Devtools检查不可用,因为它处于生产模式或显式禁用手动添加后会抛错如标题,需要main.js中添加Vue.config.devtools = true

2022-03-22 13:30:06 1084

原创 sourceTree 使用记录-撤销当前提交的内容,想变的内容不想改了,恢复到上一个节点或之前的节点

日常笔记

2022-03-07 16:47:01 3092

原创 sourceTree-使用记录-本地项目与远程项目建立关联关系

日常笔记

2022-03-07 16:24:58 1246

原创 新搭建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 215

原创 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 582

原创 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 589

原创 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 862

原创 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 2175

原创 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 1466

原创 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 3973 3

原创 handsontable afterChange方法多种调用方式

貌似我这是最全的,:这种属性写法其他博客没看到,哈哈哈哈哈哈哈哈。第一种:用hotSettings里的配置触发此方法(缺点,拿不到vue this 实例)<HotTable ref="testHot" :data="colData" :settings="hotSettings" /> hotSettings: { //各种其他配置 af...

2019-12-11 16:05:18 2946 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 1748

原创 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 6762

原创 vue,cnpm install报错...无法加载文件...ps1,因为在此系统中禁止执行脚本

新公司入职第一天,把上家公司项目拷过来cnpm install 报错如上,解决方法:任务栏搜索--Windows PowerShell 以管理员身份运行并更改执行策略,键入 set -executionpolicy remotesigned...

2019-11-12 10:09:55 898

原创 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 828

原创 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 610

原创 盒子水平垂直居中问题

.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 7631

原创 h5移动端生成海报,图文结合

小程序 canvas生成海报效果图:大背景和红圈圈为canvas生成;1.css部分 &lt;style&gt; body, html, div, img, p { margin: 0; padding: 0; } .poster { width: 15rem...

2018-12-03 15:34:45 11416 3

原创 mint-ui 之 Infinite scroll 无限滚动加载

代码简单改下就能用&lt;template&gt; &lt;div&gt; &lt;div class="sort" ref="element"&gt; &lt;div&gt;排序&lt;/div&gt; &lt;div class="go_filter"&gt;筛选&lt;/div&gt;

2018-11-19 17:08:15 823

原创 ps不更改原图比例,调整图片至任意尺寸

1.文件 》新建 》输入理想的宽高;2.文件 》打开,选取任意一张图;3.鼠标点击;4.拖动打开的图片至步骤1新建的图层中放开;5.正常情况下显示不完整(或者太小),CTRL+T选中图片,选中效果如6.按住 shift 键 调整图像大小至充满或缩小至你设定好的尺寸。...

2018-11-13 15:41:27 21020 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 250

原创 自适应与响应式

自适应:需要开发多套界面,通过检测视口分辨率,请求服务器,返回不同的页面           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 580

原创 H5页面,移动端单位适配

js中script标签中直接写入:(网易写法)document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px'即可;这里的6.4写7.5也可,依据是设计图的尺寸是640的还是750的;页面的meta标签不需做任何处理即&lt;meta name="viewport" c...

2018-08-04 16:07:32 2249

原创 小程序canvan画布,图片和文字结合,并保存到本地

业务场景:商品的分享,需要logo,商品图,价格,小程序二维码整合到一张图上分享到朋友圈。应用canvas把他们绘制到一张图上保存到本地相册然后分享wxml部分:&lt;canvas canvas-id="myCanvas" style="width:300px;height:400px;border: 1px solid;margin:30rpx auto"/&gt;&lt;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 7219

原创 微信小程序转发分享

page中定义onShareAppMessage函数设置该页面的转发信息,可分两种情况:1,不需要回调,只是单纯分享出去。这里的path是app.json中配置的路径,分享图imgUrl可自定义,不配置会默认截取当前页的一部分onShareAppMessage: function () { onShareAppMessage: function () { return...

2018-07-12 10:40:39 2186

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除