a5252145的博客

WebSocket

vue 自定义双向绑定背景：父子组件props通信是单向的，如何双向通信呢。<!-- children.vue --><template> <a-input:value="val" @input="(e)=>{this.$emit('change',e.target.value)}"/></template><script>export default { props:{ // 须定义和model相同的props名称

解决mac下每次git pull/push都需要输入密码的问题文章转载于： talent_ray的简书博客首先本身项目是走ssh克隆下来的，之前也配置过密钥。按理来说不应该出现这样的问题，在日常开发过程中突然需要我输入密码？(小朋友你是否有很多问号)。在经过多方面资料查找与解决方案尝试后终于找到了原因，背后的黑手是系统升级了…在升级为macOS catlina后 ssh的代理就被自动清除了，所以重新添加一下就好了首先执行 ssh-add -L，若跟我一样的话控制台应该会显示如下；$ ssh-

nightwatchjs笔记：test case中禁止跑特定的case ， 在function之前加上 ‘’ 即可。跑完测试集自动打开浏览器： 需要在nightwatch/globals/html-reporter/new HtmlReporter属性openBrowser:trueperform 可在callback中执行nightwatch所提供的指令。4. perform 可在callback中执行nightwatch所提供的指令。...

macOS Big Sur安装nvm2020新版的M1芯片mac，node15.5已经支持，查看M1芯片支持度可以在此处查询：m1支持度nvm GitHub点击此处macOS10.15以上版本需要创建.zshrc文件touch ~/.zshrccurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash如果提示curl: (7) Failed to connect to raw.github

JavaScript 小技巧1. Replacestring.Replace() 函数只会替换第一个项目。你可以在这个正则表达式的末尾添加 /g 来替换所有内容。var example = "potato potato";console.log(example.replace(/pot/, "tom"));// "tomato potato"console.log(example.replace(/pot/g, "tom"));// "tomato tomato"2. 提取唯一值我们可

JavaScript中遍历数组小问题1. break、return对遍历的影响const arr = [1, 2, 3, 4, 5, 6];for - breakfor (let i = 0; i < arr.length; i++) { if (arr[i] === 3) { console.log(i); break; } console.log(arr[i]);}输出：for - returnfor (let i = 0

Js获取url参数1. 如果参数为字符串：URL:http://localhost:8088/#/orderDetail?workOrderId=001&type=0&status=processing&event=yesgetQueryVariable(name) { let reg = new RegExp("(^|&)?" + name + "=([^&]*)(&|$)", "i"); let r = window.location

Vue3.0尤雨溪在VueConf 2019上海演讲视频周边项目和3.0现状

未知的Vue知识整理Vue.js最佳实践

严格控制版本号npm install less@3.9.0 less-loader@4.1.0 --save-dev

Eslint配置eslint要是配置不好，代码在IDE中提示真的很恶心，但是配置项又太多，还有很多专有的扩展，这里给出我的一个配置module.exports = { root: true, env: { node: true }, extends: ["plugin:vue/strongly-recommended"], rules: { "no-console": process.env.NODE_ENV === "production" ? "error"

设置comments属性，官网默认为舍弃注释<template comments> ...</template>官方文档

Object.assign(this.$data, this.$options.data());使用Object.assign()，vm.$data可以获取当前状态下的data，vm.$options.data可以获取到组件初始化状态下的data。

问题for…in 和 for…of 迭代时的问题。every()和some()方法为什么需要return? 原理是什么？bable语法糖？解决for…in 和 for…of 遍历时的问题。问题复现：let obj = { a: 1, b: 2, c: 3};let arr = [1, 2, 3, 4, 5];现有一个对象和一个数组，分别使用for..in对arr和obj进行遍历，使用for..of对arr进行遍历，让arr中每一项和obj中每一项的val

1. 箭头函数简写function sayHello(name) { console.log('Hello', name);}简写为=>sayHello = name => console.log('Hello', name);同理function sayHello(name, age) { console.log('Hello', name, 'age', age);}sayHello('taohang', 24); // hello taohang, age

文件夹目录下DOS运行tsc --init，生成tsconfig.jsontsconfig.json下outDir属性：新建test.ts,终端->运行生成任务->选择tsconfig.json，即可实时编译。新建index.html，引入编译后的文件<script src="./js/test.js"></script>即可。...

clip-pathCSS clip-path 生成器上面6个点，需要配置6个属性，每个属性都代表当前点的坐标clip-path: polygon(5% 0, 100% 0, 100% 90%, 95% 100%, 0 100%, 0 10%);注意：clip-path默认会把border也去掉，若想保留border，需要在当前div加一个父元素，父元素css保持和当前div一致，父元素width和height比当前大2px即可。...

1. 前提stenciljs采用JSX和TypeScript语法。需要了解JSX2. 初始化项目// 1git clone https://github.com/ionic-team/stencil-component-starter.git my-componentcd my-componentgit remote rm origin// 2npm install // 此处报错：需要运行： npm set registry https://registry.npmjs.org/