摘要:
本文转自https://juejin.im/post/59e85eebf265da430d571f89#heading-4 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经 阅读全文
摘要:
上篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 阅读全文
摘要:
什么是Sass和Less? Sass和Less都属于CSS预处理器,那什么是 CSS 预处理器呢? CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。 转化成通俗易 阅读全文
摘要:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <title id="title" 阅读全文
摘要:
<!doctype html> <html lang="en"> <head id="head"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <title>{{title}}</title> </head> <body> <div id=" 阅读全文
摘要:
<!doctype html> <html lang="en"> <head id="head"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <title> 阅读全文
摘要:
v-for的使用: 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js v-for的使用 </title> <script src="https://cdn.bootcss.com/vue/ 阅读全文
摘要:
v-show的功能和v-if基本一样,但是v-if有衍生的v-else-if和v-else,v-show没有 v-show的性能比v-if要好,能用v-show就不要用v-if v-if是删除dom节点 v-show是不删除dom节点,增加行级样式'display:none' 代码: <!docty 阅读全文
摘要:
vue在渲染元素时,出于效率考虑,会尽可能地复用已有元素的而非重新渲染,如果你不希望这样可以使用Vue中提供的key属性,它可以让你决定是否要复用元素,key值必须是唯一的 代码: 阅读全文
摘要:
v-else-if 要紧跟 v-if v-else要紧跟v-else-if 或 v-if 代码: 阅读全文
摘要:
一共用到了两种方式: 第一种:对象 第二种:数组 看代码: 阅读全文
摘要:
本篇博客用到了v-if,v-on,v-for三个没有写到的知识点,以后会详细写三篇博客,详细写这三个方法的用处 直接上代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 使用数组和对象控制C 阅读全文
摘要:
直接上代码: 阅读全文
摘要:
lodash需要新引入 我使用的是npm方式 使用lodash的_.debounce方法 具体代码: 阅读全文
摘要:
watch监听方法,watch可以监听多个变量,具体使用方法看代码: HTML: 阅读全文
摘要:
computed计算属性 使用方法见代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 使用comouted计算属性 </title> <script src="vue.js"></scri 阅读全文
摘要:
vue使用JavaScript的运算方式 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 使用 javascript </title> <script src="vue.js"></ 阅读全文
摘要:
v-text:转义输出 v-html:不转义输出 值得一说的是 如果直接使用{{html}}的话会直接转义 看代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 使用 v-text 和 v- 阅读全文
摘要:
v-model 双向绑定 v-once 单项绑定 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js 使用v-model v-once</title> <script src="vue.js 阅读全文
摘要:
vue动态操作div的class 看代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js操作元素属性</title> <script src="vue.js"></script> </head 阅读全文