随笔分类 - 其他
摘要:CODELF 《CODELF 命名》 还可以根据不同都语言翻译不同的术语 以后每次命名都不用打开翻译网站了...
阅读全文
摘要:内容转载于思否: https://segmentfault.com/a/1190000016990089 一、重排 & 重绘 有经验的大佬对这个概念一定不会陌生,“浏览器输入URL发生了什么”。估计大家已经烂熟于心了,从计算机网络到JS引擎,一路飞奔到浏览器渲染引擎。 经验越多就能理解的越深。 感兴
阅读全文
摘要:一、介绍及安装 1.1 介绍 Moment.js是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过 ...之类方法进行拼接, 或者使用JQ封装的函数. 但现在但SPA页面不怎么使用JQ.所以掌握靠谱的 还是很有必
阅读全文
摘要:一、Halloween Happy! 万圣节, 是否已经按耐不住自己内心的小恶魔, 想早点下班狂欢!别着急, 上班族的摸鱼好朋友Google Doodles今天又给我们推了几款'上班摸鱼'的万圣节游戏.玩起来, 时间简直不要过得飞快。 《doodles》 二、前端资源汇总 简介 玩够了就该回来学习啦
阅读全文
摘要:一、React规范 1.1 react key的作用 当渲染重复数据的时候, 会根据生成的key进行虚拟DOM渲染, 所以我们需要在遍历的地方都要加上key,例如map、for等等 同样, antd作为react的UI组件库, 有些地方也需要遵循react的key规范.例如 antd table 在
阅读全文
摘要:一、Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范。尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上。比如html5给我们新增的语义标签:header、nav、main、aside、footer、section、a
阅读全文
摘要:一、文章初衷 阅读本文章需要注意以下几点: 文章不主要介绍Mockjs的使用语法 文章暂不涉及Mockjs的第三方封装框架 文章会结合以往做过上线项目的方式总结 想主要介绍如何使用Mockjs,是因为发现网上针对这方面的资料好像并不多,并且比较分散。想要做一次总结,希望能帮助解决入门Mockjs的新
阅读全文
摘要:一、变量声明const和let 在ES6之前,我们都是用var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数的最顶部就在全局作用域的最顶部)。这就是函数变量提升例如: 不用关心bool是否为true or false。实际上,无论如何str都会被创建声明。(如果未声明,返回的
阅读全文
摘要:一、copy to clipboard 官方定义: Simple module exposing copy function 理解: 一个超级简单的复制功能,并且这种方法适用于通过别的事件触发复制功能 什么意思呢?比如:我想设计一个在Select选择项改变的时候复制该选择项,这时候一般无法插入组件(
阅读全文
摘要:编写灵活、稳定、高质量的HTML代码的规范二 一、代码组织 1.1 注意 (1)以组件为单位组织代码段。 (2)制定一致的注释规范。 (3)使用一致的空白符将代码分隔成块,这样利于扫描较大的文档。 (4)如果使用了多个 CSS 文件,将其按照组件而非页面的形式分拆,因为页面会被重组,而组件只会被移动
阅读全文
摘要:编写灵活、稳定、高质量的HTML代码的规范 虽然现在前端很多都已经成为SPA(单页面应用)开发,或许连渲染的html都是自动生成的.但是归根结底,还是html和css,必要时候我们还是需要好好了解这些基础的开发规范 当然这都是基础性的规范,和公司规范的并不冲突.你也可以当作课外知识阅读~ 一、唯一定
阅读全文
摘要:一、react modal 官方定义: Accessible modal dialog component for React.JS 理解: 一个容易使用的React模态框组件 二、用法 有时候我们不用一些UI框架的时候(bs3.0、antd),就需要自己封装一些模态框.自己定义各种回调事件...等
阅读全文
摘要:一、bindme 官方定义: is a helper to bind a list of methods to an object reference 理解: 因为不推荐在render()里构建函数,作者就用了6行代码封装了函数绑定事件的代码. bindme的npm包实际上由6行ES5代码组成,但是
阅读全文
摘要:一、react dropzone 官方定义: Simple HTML5 compliant drag'n'drop zone for files built with React.js. 理解: 一个为react量身定制,基于H5 API: 可以实现拖拽上传文件的npm插件包 是的,以后再也不用自己
阅读全文
摘要:win版破解云盘 下载: 《PanDownload》 使用文档: 《PanDownload使用》 Mac方法 限速、限速! 平时下载东西限速倒无所谓,遇到急一点的.盯着80km/s的速度真的是着急不得了。 网上有很多解决百度云盘限速的方法.因为我是mac,有一些方法用得不是很顺利。 非常强大的存在,
阅读全文
摘要:一、 前言 在公司看到导师同事命令敲得那么熟练.反观自己只懂得一些 、`ls`,导师就建议:你该多去熟悉一下终端命令,这些都是你提高开发效率的方法 于是总结一次常用的终端命令,方便以后查阅和使用 二、 命令 打开ssh正确姿态 打开ssh密钥文件是很简单的命令,因为不经常使用所以总是记不住,每次需要
阅读全文
摘要:一、 实现思路 我们都知道让溢出内容变成...,只需要以下: 表格里的内容直接引用这段代码可不行。 因为table的宽度我们并不能控制,我们加的内容会自动撑大表格列表宽度. 关键的一步是给 加上一个样式: 这条属性就是让table的内部布局固定大小 归纳总结Table要实现这个功能,需要这几个条件:
阅读全文
摘要:一、 概念 代码里的左侧颜色标识: 红色,未加入版本控制; (刚clone到本地) 绿色,已经加入版本控制暂未提交; (新增部分) 蓝色,加入版本控制,已提交,有改动; (修改部分) 白色,加入版本控制,已提交,无改动; 灰色:版本控制已忽略文件。 git文件标识: A: 增加的文件. C: 文件的
阅读全文
摘要:最终效果: 实现步骤 1. 下载iTerm2 官网下载:https://www.iterm2.com/ 安装完成后,在/bin目录下会多出一个zsh的文件。 Mac系统默认使用dash作为终端,可以使用命令修改默认使用zsh: zsh完美代替bash,具体区别可查看:《Zsh和Bash区别》 ite
阅读全文
摘要:一、 git commit m 'xxx' 出现问题 今天在上传项目的时候在commit阶段遇到一个问题,无论是在Sourcetree上传还是用命令 都报了一下错误: 后面查了很多方法都没有很好解决。但是大概能总结问题: pre commit钩子惹的祸 当你在终端输入 ,提交代码的时候, pre c
阅读全文