前端学习
liuhaoxuan15
这个作者很懒,什么都没留下…
展开
-
白告王旋的前端开发笔记——Vue之 v-for与 v-if
永远不要把 v-if 和 v-for 同时用在同一个元素上。一般我们在两种常见的情况下会倾向于这样做:为了过滤一个列表中的项目 (比如 v-for=“user in users” v-if=“user.isActive”)。在这种情形下,请将 users替换为一个计算属性 (比如 activeUsers,参考下文),让其返回过滤后的列表。为了避免渲染本应该被隐藏的列表 (比如 v-for=“user in users” v-if=“shouldShowUsers”)。这种情形下,请将 v-if 移动至转载 2020-06-18 10:50:25 · 614 阅读 · 0 评论 -
白告王旋的前端开发笔记——性能优化
HTTP协议 Etag前言在HTTP1.1规范中,新增了一个HTTP头信息:ETag。对于普通开发者来说,可能平时真的不会接触到该HTTP头。平时接触不到或者说用得少,不代表这个请求头不重要。ETag使用得当,是可以减少服务器带宽压力的。什么是ETag?Etag是 Entity tag的缩写,可以理解为“被请求变量的实体值”,Etag是服务端的一个资源的标识,在 HTTP 响应头中将其传送到客户端。所谓的服务端资源可以是一个Web页面,也可以是JSON或XML等。服务器单独负责判断记号是什么及其含义转载 2020-06-17 17:17:01 · 134 阅读 · 1 评论 -
白告王旋的前端开发笔记——常见问题
element-ui表头与表格不对齐问题在 app.vue 或 index.html 中添加样式body .el-table th.gutter { display: table-cell !important;}npm run build 打包卡住不动npm config set registry http://registry.cnpmjs.orgnpm run build数组去重let arr = [1,2,2,3,4,4,5]let item = [...new Set(ar原创 2020-05-25 23:38:32 · 104 阅读 · 0 评论 -
白告王旋的前端开发笔记——常用封装
获取query天后的日期getTime(query) { let dd = new Date(); dd.setDate(dd.getDate() + query); //获取query天后的日期 let y = dd.getFullYear(); let m = dd.getMonth() + 1; //获取当前月份的日期 let d = dd.getDate(); return y + "-" + (m < 10 ? "0" + m : m) .原创 2020-05-25 23:37:35 · 156 阅读 · 0 评论 -
白告王旋的前端开发笔记——Webpack
wabpack能够处理 JS文件的相互依赖关系wabpack能够处理JS的兼容问题,把 高级的、浏览器不识别的语法,转为 低级的,浏览器能识别的语法命令格式wabpack .\src\main.js .\dist\bundle.jswebpack 要打包的文件的路径 打包好的输出的文件的路径创建 wabpack.config.js 文件,对wabpack进行配置//通过Node中的模块操作,向外暴露了一个 配置对象const path = require('path')//启动热更原创 2020-05-25 23:37:02 · 208 阅读 · 0 评论 -
白告王旋的前端开发笔记——Node
官网API文档nodejs.cn/apinodemon – 自动重启工具npm install -g nodemon --save -devnodemon index浏览器访问网站过程在浏览器地址栏中输入网址浏览器通过用户再地址栏中输入的URL构建HTTP请求报文浏览器发起DNS解析请求,将域名转换为IP地址浏览器将请求报文发送给服务器服务器接收请求报文,并解析服务器处理用户请求,并将处理结果封装成HTTP响应报文服务器将HTTP响应报文发送给浏览器浏览器接收服务器响应的HTTP原创 2020-05-25 23:36:18 · 176 阅读 · 0 评论 -
白告王旋的前端开发笔记——vue笔记
vue笔记删除node_modulescnpm install rimraf -grimraf node_modules$属性: $refs 获取组件内的元素$parent:获取当前组件对象的父组件$children:获取子组件$root:获取new Vue的实例$el:组件对象的DOM元素过滤器过滤器允许使用地方:{{}}v-bind生命周期beforeCreate()$el == undefined $data==undefined msg==undefinedc原创 2020-05-25 23:34:34 · 125 阅读 · 0 评论 -
白告王旋的前端开发笔记——弹性布局
盒子布局 box-sizingbox-sizing: content-box 向外扩张box-sizing: border-box 向内扩张弹性布局 display:flex父元素属性justify-content:子元素水平排列方式center 居中flex-star 居左flex-end 居右space-between 两端对齐space-around 拉手对齐align-items:子元素垂直排列方式center 垂直居中flex-star 顶部对齐flex-e原创 2020-05-25 23:32:49 · 94 阅读 · 0 评论