摘要：
重温vue，一些知识点简单记录。 1、我们都知道当数据变化时，视图会重新渲染。注意：只有当vue实例被创建时，data中存在的属性才是响应式的。后续新添加的属性不会触发视图变化。 使用 Object.freeze() 会阻止修改现有属性，也就意味着响应系统不能再追踪变化。此时强行修改 会报错。 2、 阅读全文
摘要：
组件按照页面结构可以分成，头部、底部、内容部分。这样就可以写三个组件。 组件内部还可以包含下一级组件， 比如头部，可以包含登录，注册等组件。 底部 可以 包含一些链接等。 内容部分可以包含表单组件、按钮组件等一些功能组件。 组件的好处很多， 有利于细化UI逻辑，不同组件控制不同的功能点。 有利于代码 阅读全文
摘要：
使用create-react-app创建的项目，要使用ant design。 1、首先进入项目根目录，yarn add antd. 2、在App.css引入 样式文件，@import '~antd/dist/antd.css'; 3、需要是用的地方引入，import { Button, Icon } 阅读全文
摘要：
核心力量不管是在跑步中，还是在生活中都有着重要的作用，核心能让你的身体机能更加强劲。 1、什么是核心肌群？ 核心肌群就是指我们所说的躯干，包括脊柱、骨盆、及周围肌群。 核心肌群由腹直肌、腹横肌、腹斜肌、背肌、下背肌和竖脊肌等肌群组成。包括髋关节周围的一些小肌肉 —— 臀肌、旋髋肌、股后肌群也属于人体 阅读全文
摘要：
虽然现在前端框架已经很多，尤其是几大流行框架，比如Vue，React，Angular 等，已经去DOM化，但是还是有很多公司仍在使用 HTML + CSS + JS 。 这里记载一下用到的HTML传参 问题。 一、页面之间传参： HTML 页面跳转可以直接通过，给 href 赋值 ? 传参 在新页面 阅读全文
摘要：
在HTML中尽量使用iconfont 替代图片有很多好处，而且方便，可以设置大小、颜色 等 可以用于字体的设置。 一、使用iconfont 1、打开iconfont 官网 iconfont.cn。 2、将自己需要的图标添加到购物车。 3、选好之后，在购物车有一个添加项目。随便建一个项目，然后添加。 阅读全文
摘要：
页面一般可以分成三部分，头部，底部，中间内容部分。 一般不用考虑中间高度部分，因为可以靠内容撑开，然后让底部到达底部。但是当中间内容太少时，底部就会顶不到底部。 方法1、中间部分给一个最小高度(min-height = 100vh - 头部高度 - 底部高度). 方法2、flex 布局 阅读全文
摘要：
现在代码的格式都有 eslint、prettier、babel 这些来保证，但是技术手段再高端都不能解决代码可读性的问题。 因为这个只有个人才能解决。但是注意一下事项，可以显著提高代码的可读性、可识别性。 一、变量相关 1、限量数量的定义。 不要滥用变量，数据只使用一次或者不使用就无需装到变量中。 阅读全文
摘要：
在使用JavaScript时，条件判断是经常会用到的，一些简单的判断条件还可以接受，当遇到比较复杂多重条件时就比较恶心了。这里使用es6的小技巧使判断更优雅。 1、使用 Arrary.includes 处理多重条件(返回布尔值 true 或 false) 比如： function test(frui 阅读全文
摘要：
在写HTML时，总会遇到一些公用部分，如果每个页面都写那就很麻烦，并且代码量大大增加。 网上查询了几种方法： 1、es6 的 embed 标签。 2、使用iframe。 3、使用object。 这几种都能插入，但是实际插入和iframe一样，还是有最外层的html，header，body等外层元素。 阅读全文