MacOS配置 iTerm2,oh-my-zsh,zsh_028

2019-09-26
阅读 3 分钟
3.8k
MacOS配置 iTerm2,oh-my-zsh,'zsh' zsh Mac 自带的 zsh终端 cat /etc/shells 修改系统默认的终端为zsh {代码...} 安装oh-my-zsh [链接] 安装 {代码...} 安装主题和字体 链接 [链接] 因为安装了 oh-my-zsh,就用下面的方式安装即可 {代码...} 编辑.zshc {代码...} 下载字体 直接找到字体文件下载下来 安装 [链接] 安装好即...

React 源码阅读1_027

2019-09-19
阅读 4 分钟
1.6k
React 源码阅读1 Fork最新版的 React 源码地址 刚开始看源码,先过一遍.先看最顶层暴露出来的 API,再具体看实现的源码.保持学习. React 入口 {代码...} Children React.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。 {代码...} React.Children.map 在 children 里的每个直接子节点上调用一个...

Github travis-ci CI CD _026

2019-09-19
阅读 3 分钟
1.8k
CICD 是 持续集成Continuous Integration和持续部署Continuous Deployment简称。指在开发过程中自动执行一系列脚本来减低开发引入 bug 的概率,在新代码从开发到部署的过程中,尽量减少人工的介入。

vuepress 搭建博客_025

2019-09-16
阅读 3 分钟
1.3k
搭建个人博客 github博客地址 [链接] 准备工作 初始化 {代码...} 按照提示一步一步即可 安装VuePress {代码...} package.json {代码...} 分别是dev和build模式 新建文件夹 {代码...} 在 .vueress文件夹下 新建 config.js {代码...} 新建react 文件夹新建 md文件 默认指向 README.md {代码...} {代码...} 配置 [链接][链...

Chart.js使用小结_024

2019-08-08
阅读 4 分钟
3.5k
Chart.js使用小结 官方文档 英文文档 [链接]中文文档 [链接] 在react中的使用 开始使用 {代码...} 在相应的页面中引入 chartjs {代码...} 先写一个小的demo {代码...} [链接] 动态更新的数据 {代码...} [链接]

codereview 思考和前端规范_023

2019-07-18
阅读 5 分钟
2.3k
codereview 思考 提升代码质量 代码复盘 有利于规范的落地 对业务的理解加深 表达沟通能力的增强 相互学习 仪式感 前端代码规范 Airbnb 代码规范 [链接]eslint 代码检查 [链接] korofileheader 注释生成 [链接] 凹凸实验室代码规范 [链接] react 代码规范 [链接] vue 代码规范 [链接] 命名规则 {代码...} 函数命名 动词 ...

VS code-前端配置_022

2019-07-06
阅读 2 分钟
3.1k
VS code-前端配置 Chinese (Simplified) Language Pack for Visual Studio Code 简体中文插件,一般会自动识别你的环境,自动提示是否需要简体中文的语言包。要是没有提示,就在扩展搜索一下即可。 Settings Sync Settings Sync 使用插件将目前配置保存到GitHub上,以后只需要从GitHub上获取,就可以一次性安装插件配置...

DOM和CSS渲染过程摘抄-021

2019-06-25
阅读 3 分钟
3.7k
DOM和CSS渲染过程 DOM {代码...} 一个简单的html页面如上所示。 DOM有两个概念: 解析 渲染 DOM解析 DOM解析:就是把你所写的各种html标签,生成一个DOM TREE,可以认为就是生成了一个最原始的页面,一点样式都没有,毫无CSS修饰。 DOM渲染:浏览器会把本身默认的样式+用户自己写得样式整合到一起,形成一个CSS TREE,而...

git rebase使用_020

2019-06-25
阅读 2 分钟
1.5k
git rebase 使用 rebase:顾名思义 ==变基== 假设现在从master 分支上,切出一个本地开发分支mydev {代码...} 这时候master上的git记录是这样子的 {代码...} 这个时候另外一个开发人员把ta的dev分支合并到master分支了tadev {代码...} 查看git记录 {代码...} 实际上现在master上的分支的git 提交记录已经是这样子的了: {...

FlexBox学习 弹性布局_019

2019-03-26
阅读 5 分钟
1.5k
Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。

React-图片输入框-移动端网页_018

2019-03-24
阅读 4 分钟
2.6k
基于原生的API接口,点击输入输入框 手机上会出现 文件 相机选项 可自行选择拍照上传,为解决微信内置上传的bug 其中accept 设置为 accept="image/*"

HTML-Location摘抄_017

2019-03-16
阅读 6 分钟
2k
Location 接口表示其链接到的对象的位置URL。所做的修改反映在与之相关的对象上。 Document 和 Window 接口都有这样一个链接的Location,分别通过 Document.location和Window.location 访问。

JavaScript-console的使用_016

2019-02-15
阅读 2 分钟
2k
onsole 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的,但这里会介绍一些大都会提供的接口特性。

HTML-form标签学习_015

2019-02-06
阅读 1 分钟
1.5k
HTML-form标签学习 HTML 中 <form> 元素表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。 可以用 :valid 和:invalid CSS 伪类 来给一个元素指定样式 注释:form 元素是块级元素,其前后会产生折行。 form 属性 form 事件 form 标签踩坑 form内只有一个输入框时,按回车会自动提交 ...

webpack4+react+antd+axios+router4+redux 学习以及脚手架搭建_014

2019-01-31
阅读 18 分钟
4k
webpack4 学习脚手架搭建 npm 命令 初始化打包公共npm包,加快打包速度 {代码...} 开发环境 {代码...} 生产环境打包 {代码...} 安装和初始化 首先附上官方的文档 github地址 [链接] 会不定时更新,如果觉得有帮助到你,给个Star当做鼓励可好。 {代码...} 新创建一个目录并初始化npm,在本地安装webpack,再安装webpack-cl...

JavaScript中Date学习记录_013

2019-01-06
阅读 4 分钟
1.9k
JavaScript 的Date对象提供了数个UTC时间的方法,也相应提供了当地时间的方法。UTC,也就是我们所说的格林威治时间,指的是time中的世界时间标准。而当地时间则是指执行JavaScript的客户端电脑所设置的时间。

axios请求、和返回数据拦截,统一请求报错提示_012

2019-01-02
阅读 2 分钟
4.5k
请求的配置可以通过阅读官方文档来进行配置。axios api也很简介,多看看再自己尝试一下就会了下面是我写的一个在react中的应用,UI用的阿里的Antd 框架,所以报错信息直接用全局弹窗来提示了。比较简陋。写好之后,在写发送请求的文件中引用request 就可以了。

JavaScript数组学习记录_11

2018-12-20
阅读 19 分钟
1.2k
Array.length 是Array的实例属性。返回或设置一个数组中的元素个数。该值是一个无符号 32-bit 整数,并且总是大于数组最高项的下标。

React生命周期-踩坑记_10

2018-11-29
阅读 6 分钟
3.2k
React生命周期 生命周期概览 生命周期的状态 组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲 Unmounting:已移出真实 DOM componentWillMount 在渲染前调用,在客户端也在服务端。 生命周期介绍 componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构...

sessionStorge和localStorage的使用_09

2018-11-26
阅读 2 分钟
2.2k
sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开...

前端切图工具_08

2018-11-26
阅读 1 分钟
5.1k
前端切图工具 作为一个前端切图仔总是避免不了切图的痛苦 强大的PxCook PxCook不得不说这个工具强大,不仅由MAC版也有Windows,也不收费。具体看官网的安装和教程就好了,真的强大 分享一下photoshop mac Photoshop 2018 谷歌网盘地址mac Photoshop windows Photoshop 2018 谷歌网盘地址windows Photoshop Sketch Sketch...

React验证码组件实现_07

2018-11-21
阅读 6 分钟
7.9k
React验证码组件实现 最近一直在写bug和改bug的死循环过程总结一下自己修改的一个验证码组件 原生实现输入框 代码 {代码...} 验证码组件 常见的六位数字验证码 {代码...} github连接 [链接]

HTTP 学习-踩坑记_06

2018-11-18
阅读 4 分钟
1.3k
HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。。

React中Ref 的使用_05

2018-11-17
阅读 4 分钟
4k
在典型的React数据流中,props是父组件与其子组件交互的唯一方式。要修改子项,请使用new props 重新呈现它。但是,在某些情况下,需要在典型数据流之外强制修改子项。要修改的子项可以是React组件的实例,也可以是DOM元素。对于这两种情况,React都提供了api。

webpack4搭建脚手架_04

2018-10-20
阅读 6 分钟
2.2k
这是webpak的上的基本的介绍:本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个bundle。webpack的文档 [链接]新接手的项目,从轮...

jQuery插件simplePagination的使用_03

2018-09-19
阅读 3 分钟
3.2k
正在熟悉项目上的代码,新添加了一个需要,需要对表单进行分页,之前的代码中是有分页的代码的,看了老半天,也没看太明白。之前的项目比较久远,继续熟悉代码。

GitLab教程使用和创建分支_02

2018-09-19
阅读 2 分钟
53.1k
托管和管理代码的平台就这么几个,用的最多的还是GitHub、GitLab等,基本算是同一个了。现在主要写一下入门使用及一些常用的命令。 GitLab:是一个基于Git实现的在线代码仓库托管软件,你可以用gitlab自己搭建一个类似于Github一样的系统,一般用于内部网络搭建git私服。

关于Vue项目运跨平台问题_01

2018-09-17
阅读 1 分钟
4k
前几天,从同事手上接手了一个Vue的项目。(Ps:刚入职两周,老哥还专门写了一文档给我,感谢);问题来了,从gitLab上面把项目上clone下来了,node环境什么的都配置好了node运行之后,提示错误,报错信息如下: