Wish 发布的文章

监听DOM节点变化

VueVue组件加载时会解析template模板中的代码生成一个虚拟DOM对象，保存到内存中。每当函数发送改变时，就会重新解析template中的模板生成新的虚拟DOM对象，然后使用dff算法来对比新的DOM树和原DOM树的区别，找出不同点。然后通过DOM操作来只更新不同的DOM元素。原生JS function changDiv(){ console.log('修改了！~~~'); } let app = document.querySelector('#app') ...

2020-04-22 09:32:58 未分类 ·

Nodejs托管vue打包文件模版

const express = require('express') const app = express(); var history = require('connect-history-api-fallback'); app.use(history()); app.use(express.static('./dist')) app.listen(9091,()=>{ console.log('http://127.0.0.1:9091'); })

2020-04-22 09:32:38 未分类 ·

JS二分法寻找数组元素

var arr = [3, 5, 9, 12, 18, 35, 45, 50, 62, 68, 79, 93]; function searching(target) { // start 开始位置 // end 结束位置 // middle 中间位置 // ele 中间的元素 var start = 0, end = arr.length - 1, middle, ele; while (start <= target) { middle = Math.f...

2020-04-22 09:32:06 未分类 ·

移动端切换背景图片闪烁

var onImg = new Image(); var upImg = new Image(); // 缓存图片防止卡顿 onImg.src = './images/btnup.png'; upImg.src = './images/btnon.png';

2020-04-22 09:31:11 未分类 ·

Nginx配置SSL

server { listen 443 ssl; ssl_certificate cert/3652690.pem; # 当前配置文件所在的路径。相对路劲 ssl_certificate_key cert/3652690.key; ssl_session_timeout 5m; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; ssl_protocols TLSv1 TLSv1.1 TL...

2020-04-22 09:30:53 未分类 ·

JS同异步

js在执行代码的过程中，会由上至下。同步在主线程中运行。异步在另外的任务队列中执行。当主线程空闲后，会去看任务队列的内的任务是否完成，完成的推入主线程。在JS中不纯在异步，只能自上而下执行,万一上一行解析时间很长,那么下面的代码就会被阻塞，这就意味着卡死。

2020-04-22 09:30:30 未分类 ·

Vue双向绑定原理

利用Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现在Vue3.0中使用Proxy替换Object.definePropertyObject.defineProperty 无法监控到数组下标的变化，导致直接通过数组的下标给数组设置值，不能实时响应Object.defineProperty只能劫持对象的属性，需要每个属性每个对象进行遍历。在2.x中，是通过递归和遍历data对象来实现数据监控。如果能直接劫持一个完整的对象更好Proxy可以劫持整个对象，但是Proxy是ES6的...

2020-04-22 09:30:06 未分类 ·

Vue监听器

watch：{ // 参数一：修改后的值； // 参数二：修改之前的值参数名字：function(newValue，oldValue){ // 操作 } }比如监听每次跳转的路由watch:{ $route(to,from){ console.log(to.path); } }, OR watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 ...

2020-04-22 09:29:48 Vue ·

测试服务器端口是否开放

telnet ip 端口 //telnet 127.0.0.1 3306

2020-04-22 09:29:20 未分类 ·

npm制作属于自己的组件库

1.组件位置( /packages )遵守一个组件一个文件夹规则目录结构如下组件内的index是按需引入。packages内的index是全部引入。各个文件代码如下：/packages/cad/src/main.vue <template> <div> 这里是一个组件 </div> </template> <script> export default { name:"Cad" } </script> ==================================== /p...

2020-04-22 09:28:59 未分类 ·

Mac代码

密码限制 pwpolicy -clearaccountpolicies查看容量大小 du -sh *

2020-04-22 09:28:38 未分类 ·

iptables

iptables -I INPUT -p tcp --dport 3306 -m state --state NEW -j ACCEPT

2020-04-22 09:28:14 未分类 ·

nuxt笔记

1.Axios设置基地址 // nuxt.config.js axios: { baseURL: 'xxxx' } 拦截器 ~/plugins/axios.js export default function({$axios}){ $axios.onRequest(config => { //请求前 }) $axios.onResponse(response => { // 请求后 }) $axios.onError(erro...

2020-04-22 09:27:50 未分类 ·

easy-mock

安装Redis$ wget http://download.redis.io/releases/redis-4.0.14.tar.gz$ tar xvzf redis-stable.tar.gz$ yum -y install gcc$ cd redis-4.0.14/$ make // error make MALLOC=libc$ cp src/redis-server /usr/local/bin/$ cp src/redis-cli /usr/local/bin/$ vi redis.conf 修改daemonize=no为yes$ r...

2020-04-22 09:27:22 未分类 ·

Nginx根据二级域名匹配对应的文件夹

server { listen 80; server_name ~^(?<erji>[a-z0-9]+).itsse.cn$; charset utf-8; location / { root /app/$erji; } }

2020-04-22 09:26:48 未分类 ·

一门APP --打包手机软件神器

Hbuilder打包web端出现了较多的问题。路由问题，以及其他跳转问题。还有使用Fusion APP打包web端网站也有着较多的问题。然后发现了一个打包HTML或者封装url网址的工具。一门APP一般VUE开发移动端，直接在网站上线。然后使用一门打包这个http网址。简单设置名称和网站地址设计软件图标，切图还有其他的API可以配置，有免费也有收费的。

2020-04-22 09:26:13 未分类 ·

Hbuilder

1.打包web页面创建5+app项目，将打包的静态项目拷贝进项目。云打包。2.打包ULRL创建WAP2APP项目

2020-04-22 09:25:07 未分类 ·

Nginx反向代理

server { listen 80; server_name xxx.com; location / { proxy_pass http://xxx.cn/; proxy_redirect default; } }根据端口和 server_name 反向代理。如果都不匹配默认第一个server使用以上配置之后，虽然能够访问到转发后的地址，但是所有静态资源文件的请求都报404错误，导致反向代理并没有完全成功。出于nginx的路由路径【/yan...

2020-04-22 09:25:00 未分类 Nginx ·

Nginx 负载均衡

轮询： upstream dalaoyang-server { server localhost:11000; server localhost:11001; server localhost:11002; }权重： upstream dalaoyang-server { server localhost:10001 weight=1; server localhost:10002 weight=2; }worker_process...

2020-04-22 09:24:43 未分类 ·

压力测试

1.Webbench wget http://home.tiscali.cz/cz210552/distfiles/webbench-1.5.tar.gz 或者：http://itsse.oss-cn-shanghai.aliyuncs.com/files/1591677875011.gz tar xvzf webbench-1.5.tar.gz make 如果error： mkdir -p /usr/local/man 　　chmod 644 /usr/local/man make install webbench // we...

2020-04-22 09:24:19 未分类 ·

WishMeLz

Wish 发布的文章