实例-vue是由实例组成的 根实例 组件也是实例 以$开头的单词都是代表着vue的实例属性实例方法 vue实例中的生命周期钩子 8个生命周期函数 这几个函数不用放到methods里面 计算属性 尽量使用计算属性而不是watch！ 可以配合着计算属性使用setter和getter 绑定样式 对于非行内样式 方法一： :class=“{becomeRed: isActivated}” 其中isActivated放到data里面，如果是true，就有becomeRed这个class，否则就没有。 方法二： :class=“[becomeRed]” data:{ be...

对于任何复杂逻辑，你都应当使用计算属性 html中的双花之内的值不一定来自data：{}，还有可能来自computed：{} 原数据改变，被绑定的计算属性也会改变 可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。 v-bind:class 指令也可以与普通的 class 属性共存 绑定的数据对象class不必内联定义在模板里 Vue 为你提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 key 属性即可：复用！复...

Java基础 JVM ：java虚拟机 JDK ：java开发工具包，包含JRE JRE ：java运行环境 java的体系结构 JavaSE ：标准版 定义了Java的基本语法 JavaME ：移动版 以前诺基亚用 现在GPS和机顶盒用这个 JavaEE ： 企业版 可以分为： B/S ：基于浏览器和服务器的架构模式 C/S ： 基于客户和服务器的架构模式 javaEE还可以用于JavaWeb开发——>全栈工程师 每一次修改代码，都必须重新编译。 Java代码规范 文件名与类名必须一致； 类名的首字母大写；...

浏览器 内核由：渲染引擎和js引擎构成 我们现在内核更倾向于渲染引擎 Trident IE 内核 也叫兼容模式 有哪些浏览器采用这个内核？ IE、遨游、腾讯TT、360极速、百度 wp手机浏览器 Edge浏览器内核为新内核 EdgeHTML Gecko Firefox浏览器的内核 这几年很没落了 Webkit Safari的内核 不是谷歌的 苹果手机浏览器 安卓4.0之前也用这个 谷歌 早期：Chromium 现在：Blink 安卓4.0以后用这个 Presto Opera浏览器的内核 WEB标准（重点） W3C和其他一些组织制定的一系列标准 结...

JavaScript基础 es6 = ECMAscript2015 es7 = ECMAscript2016 es8 = ECMAscript2017 JavaScript包含 语言核心： ECMAscript like 变量 数组 函数 对象……. DOM 文档对象模型 BOM 浏览器模型对象 优先级 (++ — !)> 数学>比较>逻辑>赋值 函数表达式 函数表达式也是定义函数的一种方式 比如       var sum = function(num1,num2) {             return num1 + num2; ...

react如何获取真实的DOM？ 回调 createRef 字符串 回调 <div id = 'vans' ref = {el=>this.vans = el}> //................................ console.log(this.vans); 只有在第一次render之后才可以访问到ref！ 其实我们在componentDidMount里面就可以访问它了。 createRef 首先，在构造函数里面声明一句： this.vans = createRef(); 然后，在div中使用ref绑定： <...

target console.log(event.target);//点谁就是谁 console.log(event.currentTarget);//谁最上面就是谁 react里面支持很多很多事件，不用背，直接查即可； 类组件里面，render函数中，this指向类的实例。因为箭头函数this与上下文有关。所以，render函数里的箭头函数里的this也指向类的实例； 如果不使用箭头函数，行内使用一般函数，在这个函数了里使用this关键字会报错！解决方法是： 换回箭头函数吧！ 给一般函数行内绑定this，使this指向类组件实例，like this： ...

组件的种类 DOM元素组件：全部小写，比如<vvv>这是一个标签</vvv>; 自定义组件：首字母大写，比如<People/>。 如何得到一个自定义组件？ 使用函数声明 function People() { return ( <div className="people"> <h1>我是people</h1> <p>你好，people</p> </div> ...

Babel的作用 把不是ES5的代码转换成ES5的代码，是一个JavaScript编译器。 代码在浏览器中运行之后会生成一个js对象，含有两个属性：type和children。然后读取type属性值，通过DOM操作添加元素。 这个js对象就是传说中的virtual DOM。 为什么要引入React 因为babel将JSX代码转换成js代码后，需要用到React。 JSX的使用 将表达式放到花括号中； 并列标签必须要被一个爸爸（div）包住，不想要爸爸的话，可以找一个假的爸爸：import导入Fragment，使用<Fragment><Fragment/&g...

模版字符串 ${} 变量的结构赋值 注意嵌套结构的分解： let { hj: {a,b} ,hj} = obj; // 在函数参数里面， 可以直接结构 function logNames({firstName, lastName}, n) { console.log(`${firstName} ${lastName} ${n}`); } logNames( {firstName: 'ahjk', lastName: 'b'}, 889 ); spread-rest 在函数参数里面展开一个数组 fn(...arr); fn(...[2,3,4]); 在一...

今天我下载了sublime来用。真的被他的插件惊到了，太莱斯了！ 格式化三件套 Ctrl+Shift+H 格式化CSS代码 按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+]展开CSS代码为多行显示。 快速生成文件模板 Ctrl+Alt+h 新建 html 文件 Ctrl+Alt+j 新建 javascript 文件 Ctrl+Alt+c 新建 css 文件 Ctrl+Alt+p ...

first: npm install --registry=https://registry.npm.taobao.org --loglevel=silly then: npm cache clean --force

Ajax 点击按钮获取同级目录的txt文件内容 oBtn.onclick = function() {//5步走 //打开浏览器 //方法一 var xhr = null; if(window.XMLHttpRequest) { //如果是IE7以上用这个 xhr = new XMLHttpRequest(); } else { //IE6以下用这个 xhr = new ActiveXObject('Microsoft.XMLHTTP'); } /* //方法二 var...