12 2018 档案

关于组件--React
摘要：组件按照页面结构可以分成，头部、底部、内容部分。这样就可以写三个组件。 组件内部还可以包含下一级组件， 比如头部，可以包含登录，注册等组件。 底部 可以 包含一些链接等。 内容部分可以包含表单组件、按钮组件等一些功能组件。 组件的好处很多， 有利于细化UI逻辑，不同组件控制不同的功能点。 有利于代码 阅读全文
posted @ 2018-12-27 10:17 我的故事没编好 阅读(150) 评论(0) 推荐(0)
在create-react-app里使用ant design
摘要：使用create-react-app创建的项目，要使用ant design。 1、首先进入项目根目录，yarn add antd. 2、在App.css引入 样式文件，@import '~antd/dist/antd.css'; 3、需要是用的地方引入，import { Button, Icon } 阅读全文
posted @ 2018-12-26 09:47 我的故事没编好 阅读(457) 评论(0) 推荐(0)
跑步“无核心，不PB”
摘要：核心力量不管是在跑步中，还是在生活中都有着重要的作用，核心能让你的身体机能更加强劲。 1、什么是核心肌群？ 核心肌群就是指我们所说的躯干，包括脊柱、骨盆、及周围肌群。 核心肌群由腹直肌、腹横肌、腹斜肌、背肌、下背肌和竖脊肌等肌群组成。包括髋关节周围的一些小肌肉 —— 臀肌、旋髋肌、股后肌群也属于人体 阅读全文
posted @ 2018-12-25 21:08 我的故事没编好 阅读(388) 评论(0) 推荐(0)
html 跳转页面传参、点击获取DOM参数
摘要：虽然现在前端框架已经很多，尤其是几大流行框架，比如Vue，React，Angular 等，已经去DOM化，但是还是有很多公司仍在使用 HTML + CSS + JS 。 这里记载一下用到的HTML传参 问题。 一、页面之间传参： HTML 页面跳转可以直接通过，给 href 赋值 ? 传参 在新页面 阅读全文
posted @ 2018-12-25 15:12 我的故事没编好 阅读(722) 评论(0) 推荐(0)
html 中使用 iconfont、fontAwesome
摘要：在HTML中尽量使用iconfont 替代图片有很多好处，而且方便，可以设置大小、颜色 等 可以用于字体的设置。 一、使用iconfont 1、打开iconfont 官网 iconfont.cn。 2、将自己需要的图标添加到购物车。 3、选好之后，在购物车有一个添加项目。随便建一个项目，然后添加。 阅读全文
posted @ 2018-12-25 10:25 我的故事没编好 阅读(555) 评论(0) 推荐(0)
关于 web 页面 占满全屏
摘要：页面一般可以分成三部分，头部，底部，中间内容部分。 一般不用考虑中间高度部分，因为可以靠内容撑开，然后让底部到达底部。但是当中间内容太少时，底部就会顶不到底部。 方法1、中间部分给一个最小高度(min-height = 100vh - 头部高度 - 底部高度). 方法2、flex 布局 阅读全文
posted @ 2018-12-24 12:53 我的故事没编好 阅读(1298) 评论(0) 推荐(1)
写出良好风格的JS、CSS代码
摘要：现在代码的格式都有 eslint、prettier、babel 这些来保证，但是技术手段再高端都不能解决代码可读性的问题。 因为这个只有个人才能解决。但是注意一下事项，可以显著提高代码的可读性、可识别性。 一、变量相关 1、限量数量的定义。 不要滥用变量，数据只使用一次或者不使用就无需装到变量中。 阅读全文
posted @ 2018-12-20 23:34 我的故事没编好 阅读(375) 评论(0) 推荐(0)
es6之更优雅的条件语句
摘要：在使用JavaScript时，条件判断是经常会用到的，一些简单的判断条件还可以接受，当遇到比较复杂多重条件时就比较恶心了。这里使用es6的小技巧使判断更优雅。 1、使用 Arrary.includes 处理多重条件(返回布尔值 true 或 false) 比如： function test(frui 阅读全文
posted @ 2018-12-19 23:18 我的故事没编好 阅读(480) 评论(0) 推荐(0)
html 提取 公用部分
摘要：在写HTML时，总会遇到一些公用部分，如果每个页面都写那就很麻烦，并且代码量大大增加。 网上查询了几种方法： 1、es6 的 embed 标签。 2、使用iframe。 3、使用object。 这几种都能插入，但是实际插入和iframe一样，还是有最外层的html，header，body等外层元素。 阅读全文
posted @ 2018-12-18 13:34 我的故事没编好 阅读(4601) 评论(0) 推荐(1)
jQuery 新添加元素事件绑定无效
摘要：jQuery中事件绑定，大多使用on就足够了。 但是对于新添加的元素 on 的绑定事件 会不起作用。 因为 append 中的 节点是在整个文档加载之后才添加的，页面并不会为未来的元素初始化添加点击事件，因此 这种方式添加的 节点的点击事件是无效的。 解决方法： 事件委托。事件委托就是利用事件冒泡的 阅读全文
posted @ 2018-12-17 14:21 我的故事没编好 阅读(2457) 评论(0) 推荐(1)