- 博客(75)
- 收藏
- 关注
RSS订阅
原创 vue2.0中this.$parent和this.$refs的使用
Hello，大家周末早上好最近有段时间没有及时更新博客抱歉了各位，今天给大家分享的这个是在我个人最近的项目中所学到的东西今天拿出来给大家分享一下。大家先回顾一下vue2.0中子父之间互相传值的方式是什么样子的子向父传值：this.$emit(“name”,“值”); 父接收：@name:name （自定义方法接收）；父向子传值：:name=‘222’ 子接收：props:[‘name’...
2019-03-09 13:24:26
22015
6
原创 git pull提示You can replace “git config“ with “git config --global“ to set a default
解决办法：git config pull.后续进行pull或者push操作。
2024-04-09 16:53:19
232
原创 在canvas中判断一个点是否在多边形内
canvas中画了多个多边形当用户点击对应多边形获取对应详情数据，这里咱们就需要先判断出用户当前点击的点在哪个多边形内。循环多个多边形坐标集合，循环调用rayCasting方法。返回结果为true时候的下标就是当前点击的哪一个多边形。
2023-06-19 10:49:59
283
原创 xcrun: error: invalid active developer path
Mac系统升级以后git不能正常使用。xcrun: error: invalid active developer path
2023-02-13 10:18:27
1358
原创 [email protected] postinstall: `node scripts/build.js`
[email protected] postinstall: `node scripts/build.js`
2022-12-22 12:54:25
2102
原创 node升级版本后，vue项目报错问题解决方法
因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。故此以前的项目在升级 nodejs 版本后会报错。2.2、依赖更新完成以后删掉node_modules。2.1、npm update //更新项目依赖。2.3、重新安装依赖 npm i。node.js的版本问题。
2022-11-07 16:52:34
1489
2
原创 国密sm4 CBC加密模式的使用方法（兼容IE11）
使用架构：vue，jquery前端和后台加解密交互流程前端随机生成16位随机数来用去前端的加解密 前端生成的16位随机数通过base16，utf-8转换生成32位的key，iv传递给后台来进行对称加密（后台加解密用的是32位的key，iv）注意事项：因为sm4是对称加密所以前后端加解密需要用同一个key，iv来进行操作。SM4文件function setTextEncoder(){ //解决IE不兼容TextEncoder,TextDecoder if (typeof Te.
2022-05-11 16:49:20
9168
1
原创 element upload限制图片宽高
beforeUpload(file) { // 上传图片前 const isJPG = this.fileType(file); if (!isJPG) { this.$message({ message: "请上传jpg,png,jpeg格式的图片", type: "er..
2022-03-30 16:47:09
747
原创 IE11兼容问题汇总
1.find方法兼容 if (!Array.prototype.find) { //解决IE11不兼容find的问题 Array.prototype.find = function (callback) { return callback && (this.filter(callback) || [])[0]; }; }2.every方法兼容 if (!Array.prototype.every)
2022-03-18 11:02:51
940
原创 vue单页面引入第三方sdk
概述：个别skd只提供的script标签引入的方式，在vue项目只有入口文件是.html后缀文件，在入口文件引入的话就代表全局引入了。比如xxxx.sdk文件只在某一个页面里使用不需要全局引入。全局引入的话会造成资源浪费，页面加载慢......1.自定义全局组件Vue.component('remote-script', { render: function (createElement) { var self = this; return createElement('s.
2022-03-18 10:30:29
3956
原创 element ui中Select 下拉框最后一行显示不完整
解决办法.el-select-dropdown .el-scrollbar .el-scrollbar__wrap{overflow: scroll!important;}
2021-11-17 16:41:11
370
原创 el-tree选中回显问题
1.常用回显this.$refs.tree.setCheckedKeys(this.defalutArr);常用回显会遇到的问题：场景：类似于配置菜单权限，不管当前有没有选中父级菜单只要当前父级中有一个子级选中就需要给后台传递过去父级id。问题：子菜单未全部选中，但是父级id在后台返回的数据中，那么子级会默认全部选中问题，这样明显是不对的2.解决办法 const role = []; res.da
2021-09-23 17:07:57
2450
原创 vue编写接口管理工具
背景：项目需求编写一个类似Yapi代码管理工具功能，实现了一个简单版本的。(只列举一下params参数在线录入部分)开发环境：vue [email protected]主要开发思路：层次关系 ---- 采用element-ui的tree组件 object，Array类型的特殊处理 输入框禁用，必选按钮禁用Yapi效果图：自己实现简单版本 ：代码实现：<template> <div> <el-t...
2021-08-10 18:01:25
476
原创 vue-pdf在线预览PDF文件（包含文件本身水印）
情景：在H5页面内写一个在线预览PDF的功能，但是需要支持预览文件本身的水印。之前写过类似的功能使用插件“pdfjs-dist”但是改来改去水印就是显示不出来，最后采用"vue-pdf"插件，虽然也支持但是我们可以改。安装cnpm install --save [email protected] //这里使用的版本是4.2.0 使用<template> <div> <pdf ref="pdf" :src="src"> &l
2021-05-24 15:56:08
1450
7
原创 Mac系统使用git出现xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools)
更新了一下Mac系统（版本11.2.2）然而发现Git不能用了…报错信息xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools)解决办法xcode-select --install 在终端输入该命令按照提示安装软件注意：软件安装完成后需要重新启动下终端或者编辑器即可...
2021-03-01 11:21:16
181
1
原创 vue3.x-beta版本reactive,toRefs
vue3.x取消了data(){return {} }编写模式，改成了setup(){}<template> <div> <button v-for="(item,index) in list" :key="index" @click="listHandle(index)"> {{item}} </button> <p> 当前选中的凸凸是：{{list[active]}} </.
2020-12-20 16:50:47
136
原创 vue3.x-beta项目创建
vue3.x-beta官方地址创建vue3.x项目准备工作1.更新vue-cli版本npm install @vue/cli -g2.查看版本vue --version //我的版本是4.5.93.创建vue3.x项目3.x创建方法：vue create xxxxx2.x创建方法：vue init webpack xxxxx创建步骤1.选择第三个选项自定义添加2.选择项目用到的插件和语法（空格选中）3.选择vue的版本(选择3.x)4.是否记录以上选择的东西，选项一不.
2020-12-10 17:12:46
181
原创 11月搬砖日常
动态改变Object的key值let execParams = JSON.parse(item.execParam);let key = execParams[0]["name"];let value = execParams[0]["value"];let assign = { [`${key}`]: value }; //拿大括号包裹起来this.$set(item, "execParams", assign);同一file控件多次上传同一张图失败1：$("#id").find('in
2020-11-30 17:39:19
104
原创 git分支基本管理规范
1、master 分支master 为主分支，也是用于部署生产环境的分支，确保master分支稳定性， master 分支一般由develop以及hotfix分支合并，任何时间都不能直接修改代码2、develop 分支develop 为开发分支，始终保持最新完成以及bug修复后的代码，一般开发的新功能时，feature分支都是基于develop分支下创建的。feature 分支开发新功能时，以develop为基础创建feature分支。分支命名: feature/ 开头的为特性分支， 命名规则:
2020-10-27 16:16:38
516
原创 element table控件报错_self.$scopeSlots.default is not a function
问题描述使用Element UI中使用多个el-table表格时做了v-if判断；首次渲染没有问题；反复操作便会报错: _self.$scopedSlots.default is not a function官方的解决办法给每个<el-table>加个key属性(页面中有多个table时，加key做区分) <el-table :data="tableDataInstall" key="tableDataInstall">。。。</el-table>.
2020-10-09 18:59:15
212
原创 Vue使用jsBridge与APP交互
jsBridge 介绍JSBridge是一座用JavaScript搭建起来的桥，一端是web，一端是native。我们搭建这座桥的目的也很简单，让native可以调用web的js代码，让web可以 “调用” 原生的代码。编写jsBridge文件/* eslint-disable */function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return c
2020-09-16 11:25:15
7339
10
原创 v-html防止XSS注入
vue-dompurify-html插件安装cnpm install vue-dompurify-html引入import VueDOMPurifyHTML from 'vue-dompurify-html'Vue.use(VueDOMPurifyHTML)使用<div v-dompurify-html="rawHtml"></div>为什么使用vue-dompurify-html，不用XSS插件呢？因为使用XSS插件他会把除了标签和内容之外的所有东西都给过
2020-08-19 16:52:07
3897
原创 VUE解决在ie中数组的find方法不可用问题
if (!Array.prototype.find) { Array.prototype.find = function (predicate) { 'use strict'; if (this == null) { throw new TypeError('Array.prototype.find called on null or undefined'); } if (typeof predicate !==
2020-08-06 16:33:23
807
原创 vue禁止在控制台编写输出语句（console，alert）
在main.js中添加下面代码 console.log = function(){} alert = function(){}
2020-07-22 15:07:25
1444
原创 vue图片异常处理
加载失败时默认效果处理后<img :src="item.imgUrl" v-on:error.once="moveErrorImgSmall($event)" alt=""> moveErrorImgSmall: function (event) { event.currentTarget.src = require('./image/default_small.png'); },
2020-07-09 10:39:33
581
原创 前端安全渗透
之前写过的项目都没有安全检测，但是最近写的项目性质不一样需要把源码给到第三方来做安全检测，检查结果可想而知，所以今天抽时间总结一下我们是怎么处理的。不要使用password关键字，另外跟用户相关的信息都是要做加密处理的。最好所有的入参都来加密。js注释不要使用多行注释/* */，要使用单行注释 //，最好把注释全部删掉 不管是HTML还是js。不能使用Math.randominput输入框做特殊字符转义 特殊字符转义不能出现一切输入语句，比如console.log ,alert,debug 等
2020-06-19 17:31:31
421
原创 安全问题之特殊字符转义
为什么要特殊字符转义？？？因为：为了安全性，如果用户在输入框中输入一个脚本例如<script src=‘xxx’/ > 直接回车就会在当前程序下执行这个脚本，造成的后果可想而知。定义方法在app.js下创建全局自定义指令’filterSpecialChar‘Vue.directive('filterSpecialChar', { bind: function (v_el, { arg }) { let el = v_el.children[0]; el
2020-06-19 16:51:18
631
原创 vue使用国密（sm2）
介绍国密即国家密码局认定的国产密码算法。主要有SM1，SM2，SM3，SM4。密钥长度和分组长度均为128位。1：SM1 为对称加密。其加密强度与AES相当。该算法不公开，调用该算法时，需要通过加密芯片的接口进行调用。2：SM2为非对称加密，基于ECC。该算法已公开。由于该算法基于ECC，故其签名速度与秘钥生成速度都快于RSA。ECC 256位（SM2采用的就是ECC 256位的一种）安全强度比RSA 2048位高，但运算速度快于RSA。3：SM3 消息摘要。可以用MD5作为对比理解。该算法已公开
2020-06-12 10:45:08
4506
2
原创 AES加密（CBC模式）
介绍安全问题问题是一套程序中不可缺少的一部分，今天给大家分享个人最近使用的2款加密算法安装依赖cnpm install crypto-js --save-dev使用(1)：创建文件来封装一下加解密函数方便后期全局使用import CryptoJS from "crypto-js"; //引入依赖const key = CryptoJS.enc.Utf8.parse("xxxx"); //十六位十六进制数作为密钥const iv = CryptoJS.enc.Utf8.parse('x
2020-06-10 10:16:44
3994
原创 你不知道的React-Hook（useEffect）
hello，大家好。今天我们来学习useEffect，没有学习useState的同学可以看上篇文章你不知道的React-Hook（useState）如果大家了解React生命周期的话React生命周期，可以把componentDidMount（挂载后），componentDidUpdate（更新后），componentWillUnmount（组件销毁前）的结合体。为什么要使用useEffect？在组件内使用 useEffect 是的可以直接从副作用中访问计数器的 count 或者任何的 prop
2020-05-21 14:18:53
331
原创 你不知道的React-Hook（useState）
什么是Hooks?不通过编写类组件的情况下，可以在组件内部使用状态(state) 和其他 React 特性(生命周期，context)的技术，也可以理解为函数式编程。Hooks给开发者带来哪些好处？(自我感觉)不需要考虑过多的考虑哪些场景使用什么生命周期告别this，也就是基本上不需要考虑this指向的问题告别class类的写法，让代码更简洁化注：是不是已经迫不及待了的想学习了，接下来咱们写几个小例子分别写一个class版本的和一个hooks版本的来做一下对比class版本(代码)i
2020-05-13 21:27:05
316
原创 Lodop，前端自定义打印
Hello,大家周末好今天给大家分享一个前端套打的实践方案。1：引用第三方Lodop2：Lodop生成的代码来进行操作安装Lodophttp://www.lodop.net/download.html官网地址http://www.lodop.net/index.html在此操作框中操作输入框,位置，高度，等一些操作。等调整配置完成以后会有一键生成代码。拿到这些lodop生成的代...
2020-04-04 12:06:57
966
原创 自检vue清单(题目)
答案在文章末尾!!!vue的模板语言用的是哪个web模板引擎在使用computed时，函数名和data数据源中的数据可以同名吗？vue中data的属性可以和methods中的方法同名吗？为什么？怎么给vue定义全局的方法？怎么解决vue打包后静态资源图片失效的问题？怎么解决vue动态设置img的src不生效的问题？跟keep-alive有关的生命周期是哪些？描述下这些生命周期ac...
2020-03-12 17:58:58
268
原创 自检vue清单(答案)
1:vue的模板语言用的是哪个web模板引擎2:在使用computed时，函数名和data数据源中的数据可以同名吗？不能同名，因为不管计算属性还是data还是props都会挂在vm实例上，所有不能同名3:vue中data的属性可以和methods中的方法同名吗？为什么？不可以，vue会把methods和data的东西，全部代理到vue生成对象中。会产生覆盖所以最好不要同名4:怎么给v...
2020-03-12 17:57:21
298
原创 v-model常用修饰符
v-model常用修饰符 lazy number trimlazy在默认情况下，v-model 在input事件中同步输入框的值与数据。在添加了lazy之后，会把 oninput 事件改成 onchange 事件。<template> <div> <input type="text" v-model.lazy="lazy" @chan...
2020-03-01 11:31:12
920
原创 vue知识点总结
Hello，大家周末好。新年将至公司最近比较忙今天抽空一起复习一下vue的常用知识点吧！学习一个新框架都应该先知道框架的生命周期在哪一个阶段干什么事情。1：生命周期 beforeCreate(创建前) created(创建后) beforeMounte(挂载前) mounted(挂载后) beforeUpdate(更新前) updat...
2019-12-22 11:30:53
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人