2020年9月13日
vue学习
摘要： 本节目录 一 什么是组件 二 v-model双向数据绑定 三 组件基础 四 父子组件传值 五 平行组件传值 六 xxx 七 xxx 八 xxx 一 什么是组件 首先给大家介绍一下组件(component)的概念 我们在进行vue开发的时候，还记得我们自己创建的vm对象吗，这个vm对象我们称为一个大组 阅读全文
posted @ 2020-09-13 22:26 文采呱呱 阅读(148) 评论(0) 推荐(0) 编辑
dom的增删改
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul id="city"> <li id="sz">深圳</li> <li>广州</li> <li id="nn">南宁</li> 阅读全文
posted @ 2020-09-13 20:23 文采呱呱 阅读(145) 评论(0) 推荐(0) 编辑
vscode插件
摘要： 检查标签 名称: Auto Close Tag 背景 名称: background 中文 名称: Chinese (Simplified) Language Pack for Visual Studio Code 检查代码 Code Spell Checker 颜色选择 名称: Color Info 阅读全文
posted @ 2020-09-13 18:56 文采呱呱 阅读(150) 评论(0) 推荐(0) 编辑
2020年9月10日
vue高度自适应与背景颜色+组件
摘要： import myhea from '@/components/hea.vue' export default { name: 'App', props: ["titlevlu", "lefttext"], components: { myhea }, data() { return { myact 阅读全文
posted @ 2020-09-10 17:33 文采呱呱 阅读(677) 评论(0) 推荐(0) 编辑
HTML常用特殊字符
摘要： HTML常用特殊字符：只要你认识了 HTML 标记，你便会知道特殊字符的用处。 HTML 原代码 显示结果 描述 &lt; < 小于号或显示标记 &gt; > 大于号或显示标记 &amp; & 可用于显示其它特殊字符 &quot; “ 引号 &reg; ® 已注册 &copy; © 版权 &trad 阅读全文
posted @ 2020-09-10 02:22 文采呱呱 阅读(230) 评论(0) 推荐(0) 编辑
2020年9月9日
vue错误之一
摘要： npm install --save axiosnpm i vant -Snpm i element-ui -Snpm install --save vue-router 阅读全文
posted @ 2020-09-09 16:42 文采呱呱 阅读(93) 评论(0) 推荐(0) 编辑
Webpack 对图片进行压缩
摘要： 在 vue 项目中除了可以在 webpack.base.conf.js 中 url-loader 中设置 limit 大小来对图片处理，对小于 limit 的图片转化为 base64 格式，其余的不做操作。所以对有些较大的图片资源，在请求资源的时候，加载会很慢，我们可以用 image-webpack 阅读全文
posted @ 2020-09-09 00:08 文采呱呱 阅读(2488) 评论(0) 推荐(0) 编辑
Vue 项目性能优化
摘要： 一、代码层面的优化 1.1、v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 v-show 就简单得多， 阅读全文
posted @ 2020-09-09 00:06 文采呱呱 阅读(206) 评论(0) 推荐(0) 编辑
2020年9月8日
js实现图片懒加载原理
摘要： 有时候一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片多只之又多，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片，并发情况下，达到1000并发，即同时有1000个人访问，就会产生1个G的带宽。 为了解决以上问题，提高用户体验，就出现了 阅读全文
posted @ 2020-09-08 21:13 文采呱呱 阅读(320) 评论(0) 推荐(0) 编辑
HTML-页面布局
摘要： 一、盒子模型： 整体的宽=margin-left（right）+padding-left（right）+border+content 整体的高=margin-top（bottom）+padding-top（bottom）+border+content 二、页面布局： （1）标准流：按照原先格式排版块 阅读全文
posted @ 2020-09-08 14:29 文采呱呱 阅读(582) 评论(0) 推荐(0) 编辑