WishMeLz

生活其实很有趣

分类 未分类 下的文章

Rect

输入框双向绑定onChange={(e)=>{ userInfo['phone'] = e.target.value; setUserInfo({...userInfo}) }}数据请求 fetch // POST let data = { userInfo:JSON.stringify(userInfo), goodList:JSON.stringify(goodList) } ...
2020-04-27 07:30:59 未分类 ·

MAC小工具

1.CopyLess:记录历史复制的内容2.超级右键:超级右键3.DropOver:跨页面选择内容,网页上直接保存文字或图片4Downie 3：下载器
2020-04-25 04:40:41 未分类 ·

JS罗马数字转整数

let obj = { "I": 1, "V": 5, "X": 10, "L": 50, "C": 100, "D": 500, "M": 1000 } function fn(v) { let res = 0; for (var i = 0; i < v.length; i++) { let front = v[i]; let back = v[i + 1]; if (obj[back] > o...
2020-04-23 09:06:33 未分类 ·

RN-useReducer-Context

app页面定义-->中间文件(LoginContext)-->使用的页面中间文件： import React from 'react'; export default React.createContext();app页面： 先定义： const initiaState = { logined: false, }; function reducer(prevState, action) { let clone = JSON.parse(JSON.stringify(prevState)); switch (action.type) { ...
2020-04-23 10:39:21 未分类 ·

RN

图标组件库下载：npm i react-native-vector-icons配置：修改文件：android/app/build.gradle添加：apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"引入：import Icon from 'react-native-vector-icons/[class]'; // class为分类目录使用：<Icon name="rocket" size={30}&...
2020-04-22 09:36:03 未分类 ·

原生AJAX

封装 function ajax() { var ajaxData = { type: arguments[0].type || "GET", url: arguments[0].url || "", async: arguments[0].async || "true", data: arguments[0].data || null, dataType: arguments[0].dataType || ...
2020-04-22 09:35:25 未分类 ·

随意修改页面内容

document.designMode = "on"; 可以随意编辑页面内容，任何元素支持contentEditable属性的袁术均可以编辑。
2020-04-22 09:34:52 未分类 ·

NodeJs定时任务

const schedule = require("node-schedule"); let j = schedule.scheduleJob('50 * * * * *', function(){ console.log('1'); }); //取消 // j.cancel()比如实现监控网站运行状况：https://github.com/WishMelz/NodeJsSetIntervalvar later = require('later'); var basic = {h:[9],m:[41]}; var com...
2020-04-22 09:34:22 未分类 ·

JS随机打乱数组

function randomArr(arr) { for (var i = arr.length - 1; i >= 0; i--) { let index = Math.floor(Math.random() * i); let temp = arr[index]; arr[index] = arr[i]; arr[i] = temp; } return arr } 倒着遍历，生成0-i之间的随机数，互换位置。
2020-04-22 09:34:03 未分类 ·

Git

git config --global user.name "username" // 设置用户名 git config --global user.email useremail@qq.com //设置邮箱 ssh-keygen -t rsa -C "useremail@qq.com" //设置秘钥 按3次Enter cat ~/.ssh/id_rsa.pub //查看公钥 秘钥地址：C:\Users\Administrator\.ssh查看分支：git branch -a 创建分支：git checkout -b 分...
2020-04-22 09:33:22 未分类 ·

监听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 未分类 ·
  1. 1
  2. ...
  3. 7
  4. 8
  5. 9
  6. 10
  7. 11
  8. 12
  9. 13