TTLLZZHH-CSDN博客

混入（mixin）提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项（如data、methods、mounted等等）。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。mixin分为全局混入和局部混入局部混入使用方法先定义一个基本的mixin.js，位置可以随便放mixin也包括vue的基本生命周期在需要混入的组件中引入，这也叫做局部混入运行结果可以看出：mixin和组件的加载顺序是：先mixin后组件。

2022-08-25 15:17:17 1020

原创 VS Code\unins000.exe创建报错解决方法

原因是缺少权限1、可以使用管理员权限运行vscode右键或者配置都可2、配置权限给用户配置全部权限并确认应用

2022-05-16 22:47:44 1493

原创 node多版本控制及node版本降级

node版本可以直接升级到更高的版本，但是不能降级为低版本有的项目需要高版本有的需要低版本，所以可以使用版本控制器nvm（windows系统）1、先清空卸载本地nodecmd输入where node查看node存储位置，清空此文件夹下所有的文件控制面板中->卸载程序->node卸载2、下载nvm:Releases · coreybutler/nvm-windows · GitHub下载nvm-setup.zip双击安装，选择存放nvm和node下载的位置。第一

2022-05-06 19:34:37 11434 2

原创 js判断是否是昨天、今天、今年、去年

isYesterday(time) { //昨天 const date = new Date(); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const today = `${year}/${month}/${day}`; const todayTime = new Date(tod..

2022-04-01 16:32:49 2593

原创 H5端input标签通过手机软键盘进行搜索，并关闭软键盘

H5的input标签，通过手机上的软键盘搜索按钮或者pc端的enter按钮进行回车搜索不加@keyup.enter="searchEvent"点手机端搜索不能调用接口进行搜索 <input type="text" @keyup.enter="searchEvent">点击搜索之后想要把软键盘关闭加document.activeElement.blur();即可 searchEvent(){ //执行搜索操作 document.act...

2022-04-01 16:08:34 4958 1

原创 base64编码的使用与解析

base64将图片信息编码成一串编码字符串，用字符串代替图片地址使用base64的好处：1、图片使用地址会增加http请求、base64则省去了http的请求，会随着html下载到本地2、无跨域问题缓存问题、但是也一般适合用于小图图片转化为base64base42坏处长时间白屏使用 Base64 的好处是能够减少一个图片的 HTTP 请求，然而，与之同时付出的代价则是 CSS 文件体积的增大。而 CSS 文件体积的增大意味着什么呢？意味着 CRP 的阻塞。当浏览器从服务器接收到一

2022-04-01 14:13:27 2976

原创前端input标签在ios中出现横线的解决处理

input标签在安卓手机上显示正常ios手机上会显示一条很粗的横线，原因是ios会给链接默认加横线解决方法就是设置外边框为none.input_ios{border: none;outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}...

2021-11-04 09:27:43 621

原创移动端手机调试、抓包神器

安卓：小黄鸟，也称为HttpCanaryios：stream抓包

2021-11-04 09:21:48 275

原创前端分享到微信及微信朋友圈之后链接变化

微信会根据分享的不同，为原始链接拼接参数分享到朋友圈原始链接&from=timeline&isappinstalled=0分享到好友原始链接&from=singlemessage&isappinstalled=012345分享到微信群原始链接&from=groupmessage&isappinstalled=0通过window.location.href获取当前路径，并解析from可以分辨来源此外，分享到微信之后的链接还会为原始链接添加

2021-10-26 09:22:41 318

原创前端-判断是否是微信环境、企业微信环境

var ua = navigator.userAgent.toLowerCase() if(ua.match(/MicroMessenger/i)=="micromessenger") { //微信环境 } else if（ua.match(/wxwork/i) == "wxwork"） { //企业微信环境 } else{ //其他环境 }

2021-10-25 18:53:04 1318

原创前端图片下载保存

通过canvas下载，测试电脑端浏览器可以，但是手机不行 let file_url =“******” let image = new Image(); image.src = file_url + '?random='+Math.random(); // 加个随机数清空缓存 image.crossOrigin = "anonymous"; image.onload = function() { let canvas = document

2021-10-25 18:50:00 300

原创 vue中数据变化，页面不更新解决方法

数据变化之后可以使用 this.$forceUpdate();进行强制页面更新

2021-10-25 17:02:46 456

原创 Refused to display ‘***‘ in a frame because it set ‘X-Frame-Options‘ to ‘sam

DENY表示该页面不允许在 frame 中展示，即便是在相同域名的页面中嵌套也不允许。SAMEORIGIN表示该页面可以在相同域名页面的 frame 中展示。ALLOW-FROM uri表示该页面可以在指定来源的 frame 中展示。可以修改Nginx配置进行解决...

2021-10-25 16:58:36 315

原创移动端调试控制台vconsole

vconsole针对移动端查看控制台及network的输出<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script><script> // init vConsole var vConsole = new VConsole(); </script>

2021-10-08 13:10:50 305

原创 eCharts和antv F2画图优化、问题集合

折线图1 、折线图平滑、去除折线图的圆点⚪ series: [ { name: '邮件营销', type: 'line', stack: '总量', smooth: true,//折线平滑 symbol: "none",//去折线圆点 data: [-10,3.9, 5.9, 11.1, 18.7, 48.3, 69.2] }, {

2021-09-02 16:32:48 810

原创前端隐藏手机号码或者数字中间几位

前端实现账号或者手机号中间几位隐藏，可以通过过滤器实现，如下<div> {{123456|hideNumber}}//1****6</div><script> filters: { hideNumber(value){ //1. 通过正则表达式隐藏 return value.replace(/(\d{1})\d{4}(\d{1})/, '$1****$2'); //2. 通过函数截取

2021-08-26 14:13:51 1658

原创前端-微信、企业微信JS-SDK实时调试方法

对于微信，企业微信分享等功能，无法在谷歌浏览器进行实时模拟调试，前端需要将代码打包部署后才能看到关于微信api的分享效果，非常影响开发效率对此，微信提供了调试工具可以使用，也就是微信开发者工具下载链接企业微信及微信开发平台企业微信API微信网页开发 /JS-SDK说明文档下载后，企业微信及微信选择公众号网页开发即可将本地运行代码的本地地址粘贴进框中，回车会出现效果通过consol控制台可查看打印信息...

2021-08-23 17:26:58 688

原创 Vue中keep-alive中的缓存和去缓存方法，keep-alive页面数据不刷新问题、以及生命周期

通过添加keep-alive标签的包裹可以实现去缓存和缓存1.include可以设置缓存，keep-alive默认就是缓存的，所以需要缓存无需额外设置<keep-alive> <router-view></router-view></keep-alive>2.去掉缓存，每次进入都重新创建并发起请求等操作<keep-alive exclude="NotFound"> <router-view></router-vi

2021-07-15 15:15:42 1812

原创前端精灵图切图，及切图后显示存在边框

精灵图切图：<div style="background:url('image的路径') no-repeat -10px 0px"></div>比较好用的精灵图切图网站：http://www.spritecow.com/可以直接复制代码使用切图后存在边框原因及解决方法：如果直接使用<img style="bagckground:url('image的路径') no-repeat -10px 0px" />由于img标签的原因会导致切图后出现黑色边框，bo

2021-07-15 14:49:41 259

原创 forEach循环中return 跳出失败及解决方法

var temp=['1','2']temp.forEach(e=>{ if(e=='2'){ return }})这样的forEach中使用return会跳出失败，因为forEach()无法在所有元素都传递给调用的函数之前终止遍历最好的解决方法是换成for循环var temp=['1','2']for(let i=0;i<this.temp.length;i++){ if(this.temp[i]=='2'){ return }}同样，break在forEa

2021-07-12 13:32:48 670

原创 npm ERROR,npm运行报错问题解决

运行npm install的时候如果出现npm ERROR可能是因为npm安装的缓存问题引起的执行：npm cache clean --force强制清除缓存在执行npm install

2021-07-06 15:35:48 1795

原创 AntV中折线图的显示和纵坐标排序错乱，折线图更改字体大小，横坐标斜体显示多条数据

import F2 from '@antv/f2';const data = [{ time: '2016-08-08 00:00:00', tem: 10}, { time: '2016-08-08 00:10:00', tem: 22}, { time: '2016-08-08 00:30:00', tem: 16}, { time: '2016-08-09 00:35:00', tem: 26}, { time: '2016-08-09 01:00:00

2021-06-29 15:20:33 2728 2

原创三元运算符、四元运算符

三元运算符和四元运算符一般用在赋值操作或者标签内动态绑定class的操作三元运算符：<div :class=“this.index==0?'css1':'css2'”></div>四元运算符：<div :class="this.index==0?'css3':(this.index>0?'css4':'css5')"></div>在Vue的开发中，this也可省略，直接使用index==0...

2021-06-29 09:53:06 1912

原创 Vscode运行显示vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

Vscode运行显示vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。解决方法：1.以管理员身份运行Vscode2.输入get-ExecutionPolicy，查看当前策略，若当前策略为Restricted，那么需要修改策略，在终端输入Set-ExecutionPolicy RemoteSigned，在执行一次get-ExecutionPolicy，显示RemoteSigned。此时可以正常使用vue命令

2021-06-25 13:07:04 3860 3

预应力的comsol 模拟

空空如也