08 2022 档案
摘要：优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不 支持 CSS3，但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而 低级浏览器 只 保证最基本的功能。关键的区别 是他们所侧重的内容，以及这种不同 造成的工作流程的差异 优雅降级：一开始就构建完整的功
阅读全文
摘要：循环渲染 循环渲染使用的是v-for <body> <div id="app"> <div v-for="item in arr">{{item}}</div> <div v-for="item in arr2">{{item.time}}</div> <div v-for="item in arr
阅读全文
摘要：条件渲染 条件渲染的属性有两个： 1.v-if/v-else v-if的方法是删除元素 <body> <div id="app"> <div v-if="flag">上课</div> <div v-if="n">下课</div> <button @click="fn">切换</button> </d
阅读全文
摘要：1.对class属性进行绑定 <style> .app { width: 200px; height: 200px; background-color: purple; } .app1 { width: 100px; height: 100px; background-color: aqua; }
阅读全文
摘要：方法 方法通常指的函数，在Vue框架中一般方法都是写在methods中，供事件或者别的方法调用，方法的写法是不限于es5，es6语法的函数形式也是可以的，其中除了箭头函数外其他形式函数的this都是指的vm对象（也就是new Vue（））。 事件的绑定 事件的绑定有两种方式： 1.v-on <but
阅读全文
摘要：引起数据闪烁的原因：界面加载的时候会把节点直接挂载到文档树中,导致{{msg+"666"}}这个字符串会显示一下，vue对象生成data数据时候 回去刷新界面把{{msg+"666"}}字符串替换成结果字符串，导致界面第一次加载的时候会闪屏。 解决方案:使用v-html,v-text指令操作,或者c
阅读全文
摘要：1.普通插值表达式插入数据 <body> <div id="app"> <div>{{text1}}</div> <div>{{text2}}</div> </div> </body> <script> new Vue({ el:"#app", data:{ text1:"插入值一", text2:
阅读全文
摘要：Vue.js是什么? 阿里巴巴的尤雨溪出的框架 Vue.js（读音 /vjuː/, 类似于 view）是目前最流行的一个框架，React是最流行的一个框架。 Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。 数据驱动 vue.js 数据驱动和组件化开
阅读全文
摘要：第一步： 浏览器的地址栏 输入的网址 敲回车 会请求一次服务器 服务器会返回一个数据包 就是网页代码(html格式的文本文档) 第二步： 浏览器开始去运行解析html文本(此时还没有外部 图片,js,css,字体库资源) （1）解析时 遇到了 img标签的src属性 会异步的 开始再次网络请求服务器
阅读全文
摘要：本地相对路径 假如我们在一个页面里面写路径: file://x1/x2/x3/x4/index.html 在页面插入了一个img标签 <img src="./img/18.jpg"><!-- <img src="img/18.jpg"> 这样写是一样的 --> <!-- 在页面插入一个img标签 -
阅读全文
摘要：mime mime是一个全面的，规整MIME类型的模块。每个文件都有属于它的MIME类型，哪怕是我们把它的后缀隐藏了，通过这个模块也可以得到它的MIME类型 mime的安装 要想引用mime模块的话，需要先安装mime模块才可以使用。一般都是使用npm安装。 npm install mime //安
阅读全文
