weixin_43797908的博客

Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

【代码】console.log()占位符用法-设置打印颜色。

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

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

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

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

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

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

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

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

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

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

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

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

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

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>

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

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

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

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

精灵图切图：<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

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

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

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

三元运算符和四元运算符一般用在赋值操作或者标签内动态绑定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...

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

ES6引入了一种新型的字符串字面量语法，我们称之为模板字符串通常可以用用反撇号字符 `` 引起来使用html:`<divstyle="height:2px;color:#999999;visibility:${arr.length-1==index?'hidden':'visible'}">${name}</div>`通过${}动态绑定数据，style也可以通过${}进行动态绑定...

1. weex安装：npm i -g weex-toolkit 但是有时候需要固定的版本可以使用，指定版本号npm i -g weex-toolkit@0.1.02.遇到的错误：npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! weex@0.1.0 build: `node通过安装正确版本可以解决这个问题3.项目如果不能正确运行，可能是因为依赖包缺失导致查看packjson里边的dev然后执行 npm i -dev可以解决.

下载链接：https://code.visualstudio.com/直接点击就可以下载，下载后按照默认直接进行安装即可安装完成之后是英文环境，但是可以进行配置vscode的强大之处就是有很多的插件可以使用ctrl+shift+p打开插件搜索或者直接点击这个图标也是一样的常用插件：1. 语言插件：输入language，点击config language，在弹出的左边侧边栏对话框选择简体中文install进行配置中文环境，或者直接输入chinese进行安装2.在vscode中打

这里关于异步操作的有一些歧义，一下的代码在QQ浏览器和谷歌浏览器中运行的顺序是不同的，但是只有异步微队列中的输出不同//请写出输出内容async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async2() { console.log('async2');}console.log('scr.

1.MVVM模式与MVC模式的区别Model View ModelView的缩写是一种设计思想，model代表数据层可以定义数据修改等，View是视图层或者UI组件，将数据转化成UI，MOdelView是同步View和Model的，MVVM下，model和View没有直接的接触，而是通过ModelView进行交互，MOdel变化会同步到ModelView中，并且是双向的，通过双向数据绑定进行连接，并且都是自动的MVC模式也是一种设计思想，只不过是将controller替换成了ModelViewM

css三列布局，中间自适应js实现拖拽效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #app{ width: 100px; height: 100px; background-color: red; position: absolute; }

Vue.js的核心思想就是数据驱动，就是数据驱动视图，对视图的修改不会改变DOM，而是通过修改数据，这样代码维护比较方便

display:flex;justify-content:space-between;flex-wrap: wrap;align-content: flex-start;/*子元素之间取消空白间隙，并把项目放在容器顶部。*/

swiper6.0以上版本有些问题，无法实现轮播图的自动轮播、动画切换、方块切换等解决方法：npm uninstall swiper npm install swiper@5.3.6 --save-dev6.0以前版本都是正常使用的，没发现有问题...

1.经常使用什么布局？position的relative和absolute区别布局会用float position 100% flex布局absolute：绝对定位，定位是相对于带有定位的离自己最近的父级元素进行定位，定位后不占有原来的位置relative:相对定位，定位是相对自己的原来位置进行定位，定位后还会占有原来的位置2.如果给relative设置top:100px怎么移动？3.flex知道吗4.跨域5.jsonp是怎么实现的？6.箭头函数与普通函数的区别（）箭头...

（1）箭头函数使用会更加简洁没有参数只有单条语句var fun=()=>consoloe.log("1");fun();一个参数单条语句，可以省略（）var fun=a=>console.log("1");//a就是传入的单个参数多个参数多条语句var fun=(a,b)=>{consoloe.log("1");return a+b;}返回的是对象要加{}var fun=()=>({foo:x})（2）箭头函数是匿名函数不能作为构造函数.

前端开发中，需要在各种不同屏幕尺寸大小的设备上运行页面，所以就需要进行移动端适配一般有一下几种方法：（）媒体查询media：代码冗余（）百分比布局：图片之类的会乱（）弹性布局flex:高度固定，宽度自适应，天猫用的这玩意（）rem+viewport：这个计算比较复杂，淘宝用的就是这玩意rem是什么？移动端布局用的最多的就是rem啦，rem就是相对元素根节点的字体大小的单位，其实就是一个相对单位，或者一个比例相对的就是这个font-size，也就是整个html设置的fon...

1.两列布局----左边固定，右边自适应1. 使用float浮动解决<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .left{ height: 600px; width: 200px;

首先讲一下碰到的一些错误因为远程repository和我本地的repository冲突导致的，而我在创建版本库后，在github的版本库页面点击了创建README.md文件的按钮创建了说明文档，但是却没有pull到本地。这样就产生了版本冲突的问题。1. 可以顺序执行我下面列出的13 14 步骤，将远程仓库文件拉下来合并解决这个问题，2. 也可以使用解决这个问题，但是这样会造成远程仓库数据的丢失，如果是多人协同开发不建议使用第二种方法git上传详细步骤1.建立仓库 new...