llp5210的博客

原创 vue复习-----nexttick

原创 vue复习----key的作用和原理

原创 vue复习------v-if和v-for哪个优先级高

原创 vue复习-----vuex

https://blog.csdn.net/young_sam/article/details/106206900

原创 vue复习---生命周期

什么是生命周期vue实例从创建到销毁的过程。即指从创建、初始化数据、编译模版、挂载dom到渲染、更新到渲染、销毁等一系列的过程。创建前后、载入前后、更新前后、销毁前后。

原创 js事件轮询机制复习

碰到宏任务就去排队，先执行微任务，微任务执行完后，再执行队列里的宏任务，以此类推。script代码先入栈先执行。setTimeout(()=>{ new Promise((resolve)=>{ console.log('1') resolve() }).then(()=>{ console.log('2') }).then(()=>{ console.log('3') })},0)console.log(.

原创 js模块化复习

基于立即执行函数（又叫IIFE或者匿名函数自调用）模块化规范commonJs专门用于客户端，模块的加载是同步执行依赖模块需要编译打包处理model.exports和exports的区别model.exports 只能暴露一次，后面继续写会覆盖上面的exports可以暴露多次AMD专门用于浏览器，模块的加载是异步执行CMD专门用于浏览器，模块的加载是异步执行模块使用时才会加载ES6依赖模块需要编译打包处理bable将ex6转成es5browserify.

原创 npm i不成功devDependencies解决方法

npm config ls -l 查看npm配置发现production为true，所以i不成功npm config set production false 将production设置为false，成功了

原创 yarn下载、切换vue版本命令

sudo -snpm install -g yarn react-native-cliyarn global add @vue/[email protected] -g

转载 h5新增特性

https://www.cnblogs.com/hz1124/p/6090835.html

原创 github sshkey 生成命令

ssh-keygen -t rsa -C “your [email protected]”

原创 js复习---原型与原型链相关

函数的prototype属性每个函数都有一个prototype属性，它默认指向一个object空对象（即称为：原型对象）原型对象有一个属性constructor,它指向函数对象给原型对象添加属性（一般都是方法）作用：函数的所有实例对象自动拥有原型中的属性（方法）显式原型与隐式原型每个函数的function都有一个prototype，即显式原型每个实例对象都有一个__proto__,即隐式原型对象的隐式原型的值为其对应的构造函数的显式原型的值总结函数的prototype属性：在

网页动态背景代码

<!--网页动态背景——随鼠标变换的动态线条--><script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script><script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget....

原创 js复习---this

this是什么？- 任何函数本质上都是通过某个对象调用的，如果没有直接指定就是window- 所有函数内部都有一个变量this- 它的值是调用函数的当前对象如何确定this的值- p（）： window- new p() ： 新创建的对象- pp.p() : pp- pp.call(obj) ： obj代码 function p(c){ console.log("111",this); this.color = c;

转载 vue组件传值方式总结

1. 父组件给子组件传值示例子组件// children<template> <section> 父组件传过来的消息是：{{myMsg}} </section></template><script>export default { name: "Children", components: {}, props:{ msg: { type: String,..

原创 vue key的作用

v-for中的key有什么用，不写会怎样参考官网文档：https://cn.vuejs.org/v2/api/#key、参考资料： https://www.zhihu.com/question/61064119如果不写key,出现如下问题写了key后，如下：-我们一计算机的角度思考一下：原数组是：[{id:1, value:1}, {id:2,value:2}, {id:3,value:3}]点击删除后数组是：[{id:1, value:1}, {id:3,value:3

转载 看完这篇终于搞明白了vue源码中的diff算法

updateChildren方法主要通过while循环去对比2棵树的子节点来更新dom,通过对比新的来改变旧的，以达到新旧统一的目的。通过一个例子来模拟一下：假设有新旧2棵树，树中的子节点分别为a,b,c,d等表示，不同的代号代表不同的vnode，如：在设置好状态后，我们开始第一遍比较，此时oldStartVnode=a,newStartVnode=a;命中了sameVnode(oldStartVnode,newStartVnode)逻辑，则直接调用patchVnode(oldStartVn

原创 总结，词法环境(一)---作用域

概念管理静态作用域的一种机制

转载 收藏

https://segmentfault.com/a/1190000022920863?utm_source=sf-related

转载 前端资料

https://blog.csdn.net/smxjant/article/details/78965612?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.add_para

原创 vue 自定义svg的使用

npm install svg-sprite-loader配置webpack.base.conf.js（build文件夹中）

原创 element-ui table 切换标签 某一列数据展示不出来

解决方案，给tamplate也加v-if

原创 vue 生成二维码并且批量打包下载代码

<template> <div> <div v-show="codeId" ref="QrcodePage" style="z-index:-1111;position:absolute;left:-99999;width: 450px;height: 475px;background-size: cover;"> <div id="qrCode" v-if="codeId"> <QrcodeVue :logoSrc="imageUr

转载 ES6中的Symbol使用

摘自https://www.jianshu.com/p/f40a77bbd74e待补充。。。

原创 vue 导出blob 代码

this.$axios.post(url, { "deviceLike": _this.select_word},{ responseType: 'arraybuffer' }).then(res => { if(res && res.data){ let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }); let objectUrl = URL.createObjectURL(blob);

原创 vue babel-loader 报错解决方案

解决方案去掉, resolve(‘test’)

原创 微信支付nuiapp

topay() {let _this = this;uni.request({url: _this .baseURL+‘insure/maOrder/orderPay’,method: ‘POST’,data: {orderId: _this.orderId,body: “1”},header: {‘content-type’: ‘application/x-www-form-urlencoded’},success: (res) => {console.log(res);

原创 vue项目中根据Node.js中环境变量process.env 设置不同接口

了解processhttp://nodejs.cn/api/process.html了解process_envhttp://nodejs.cn/api/process.html#process_process_envvue项目应用步骤在根目录下创建.env文件，内容如下。（production生产环境）NODE_ENV = 'production'VUE_APP_FLAG = 'pro'在根目录下创建.env.test文件,（测试环境）NODE_ENV = 'production'

原创 vue-cli建项目时的package.json

package.json文件{ "name": "vue_demo", "version": "1.0.0", "description": "A Vue.js project", "author": "liuliping185 <liuliping521>", "private": true, "scripts": { "dev": "webpack...

原创 计算属性和监听器

计算属性和监听器处理数据的场景不同，监听器适合一个数据影响多个数据，计算属性适合一个数据受多个数 据影响计算属性有缓存性，计算所得的值如果没有变化不会重复执行监听器选项提供了更通用的方法，适合执行异步操作或较大开销操作的情况...

原创 vue设计思想

数据驱动应用MVVM模式的践行者MVVM框架三要素：响应式、模版引擎、渲染响应式：vue如何监听数据变化模版：vue的模版如何编写和解析渲染：vue如何将模版转换为html...

原创 vue预习---开发环境准备

Visual Studio Code安装及使用下载地址官网： https://code.visualstudio.com/使用指南代码提示创建hello.js，体验vscode代码提示功能const hello = 'hello';console.log(hello);调试默认支持node调试，F5启动调试若要支持网页调试，需安装Debugger for Chrome，如下是...

原创 mac node版本升级

目前有n和nvm这两个工具可以对Node进行升级，以下简单介绍一下二者的使用。mac下，使用 n$ sudo npm install -g n$ sudo n v8如果你要安装node 9.x.x ，那就把v8 改成 v9常用命令nvm // 会提示nvw下的相关命令nvm ls // 查看已安装node版本nvm...

原创 webpack@4以上babel兼容es6语法编译

package.json文件中babel的版本“@babel/core”: “^7.4.5”,“@babel/plugin-proposal-class-properties”: “^7.4.4”,“@babel/plugin-transform-runtime”: “^7.4.4”,“@babel/preset-env”: “^7.4.5”,“@babel/runtime”: “...

原创 [email protected]的坑

首先将报错的依赖uninstall,然后下载最新版。然后会遇到上图的错误，原因是：[email protected]中Vue-loader必须是15以上的版本，而Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的,所以解决方案是在webpack.config.js中加入const VueLoaderPlugin = requ...

原创 win10环境下npm start 失败后的解决方案及总结

win10环境下npm start 失败后的解决方案及总结检查node位置及环境变量配置，方法如下where nodenpm install cluster在D盘nodejs目录下创建两个目录，分别是node_cache和node_global，这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后，执行下面这两个命令：npm config set prefix "D:\Pr...

原创 vue2.6.10框架主要流程分析以及数据响应式

vue框架主要流程分析目标调试环境搭建理顺vue源码学习整体流程数据响应式获取迁出项目: git clone https://github.com/vuejs/vue.git环境安装依赖安装rolluprollup是打包工具，用于打包纯代码项目npm i rollup -g修改dev脚本，添加surcemap,package.json文件"dev": "rol...

转载 chrome安装vue

谷歌浏览器chrome的vuejs devtools 插件的安装（推荐方法2）安装方法1: 需正常打开chrome商店，搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用；方法2： github下载插件，npm包安装依赖，拖入浏览器扩展程序具体操作：1 . 下载chrome扩展插件。在github上下载压缩包并解压到...

转载 java获取各路径的方法（摘自https://www.cnblogs.com/guoyuqiangf8/p/3506768.html）

(1)、request.getRealPath("/");//不推荐使用获取工程的根路径(2)、request.getRealPath(request.getRequestURI());//获取jsp的路径，这个方法比较好用，可以直接在servlet和jsp中使用(3)、request.getSession().getServletContext().getRealPath("/");//获取工程...

原创 实现内网穿透（ngrok服务器搭建）

参考https://blog.csdn.net/zhangguo5/article/details/77848658?utm_source=5ibc.net&amp;utm_medium=referral三、ngrokngrok是一个反向代理，通过在公共的端点和本地运行的Web服务器之间建立一个安全的通道。ngrok可捕获和分析所有通道上的流量，便于后期分析与响应。开源免费官网：https://n...