- 博客(80)
- 资源 (39)
- 收藏
- 关注
原创 Mac 下 MySQL 环境搭建
Mac 下安装 MySQL 还是很方便的, 总结来看有2个方法。方法一:用dmg镜像安装安装官网下载好 MySQL Mac 版安装包,常规步骤安装,安装过程中会出现如下提示:2019-03-24T18:27:31.043133Z 1 [Note] A temporary password is generated for root@localhost: TdfRm19!o0Xi其中...
2019-03-25 00:33:26 423 1
原创 前端开发 VS Code 上手使用
如果想配置vim 开发工具所谓网红编辑器,我觉得比vim来的更爽,因为vim的所有操作和插件,对于vs code 来说也就是一个插件就能无缝兼容。比如我之前是一直在使用 sublime 的,使用vs code 之后明显感觉 vscode 无论是配置还是使用都更顺手一点,学习成本很小。当然本文不是谈哪个编辑器更好的问题,每个软件都在发展,相互学习和补充才是重点。作为一个前端开发,vs code...
2019-03-10 01:50:15 1410
原创 全解跨域请求处理办法
为什么会有跨域问题我们试想一下以下几种情况:我们打开了一个天猫并且登录了自己的账号,这时我们再打开一个天猫的商品,我们不需要再进行一次登录就可以直接购买商品,因为这两个网页是同源的,可以共享登录相关的 cookie 或 localStorage 数据;如果你正在用支付宝或者网银,同时打开了一个不知名的网页,如果这个网页可以访问你支付宝或者网银页面的信息,就会产生严重的安全的问题。如果该未知...
2018-10-04 16:42:50 571
原创 Go 开发环境配置
Golang是Google开发的一种编译型,平行化编程语言。具有简洁、快速、安全。善于内存管理、数组安全,并且编译迅速 Go语言设计支持主流的32位和64位的x86平台,同时也支持32位的ARM架构。Go语言在Go1版本上支持Windows, 苹果Mac OS X, Linux和FreeBSD操作系统。当然,一切语言的学习都从搭建环境开始(macOS)使用 HomeBrew 安装...
2018-07-17 15:22:55 560
原创 git 多账户配置
git 多账户配置 环境 MacOS检查是否已有全局账户设置:$ git config --global user.name$ git config --global user.email如果都没有返回值,就说明没有已配置的 git 账户,否则请删除账户信息:$ git config --global --unset user.name "yourname"...
2018-07-17 15:14:13 744
原创 阿里巴巴2018秋招总结
这是去年8月份秋招的面试,五面都面完了,给大家贡献干货吧。我没写问题的答案,有什么问题可以留言区问我。一面 电话面(1小时) 电话面问题不多,但是十分考验对相关知识熟悉程度,面试官是 P7(不理解这个就去百度吧)以前做过什么项目?使用了什么技术?(balabala…) 继续上一个问题,为什么使用 gulp 不用 webpack? 你都使用过哪些框架?(就说熟练XXX框架,用过了解XX...
2018-05-04 23:11:39 1879
原创 快应用开发快速上手及简明教程
博主的开发及调试环境是 macOS 10.13.4 + Chrome/65.0.3325.181 + honorV9 EMUI8.0.0(Android8.0.0) 本文适合有一定前端开发经验的小伙伴(有一定经验看原文档太累赘了,而且环境配置部分原文写的太零碎了),最后总结了一些开发过程中遇到的坑。附文档链接:https://doc.quickapp.cn/ 本文没有提到...
2018-05-02 14:05:48 3749 1
原创 JSON数据格式及其在WEB开发中的应用
JSON是什么?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。RFC: http://www.rfc-editor.org/rfc/rfc4627.tx...
2018-05-02 14:04:17 1730
原创 Javascript模块化开发基础
认识模块export 和 import模块整体加载export default模块的继承ES6 模块加载的实质循环加载认识模块JS 作为一名编程语言,一直以来没有模块的概念。严重导致大型项目开发受阻,js 文件越写越大,不方便维护。其他语言都有模块的接口,比如 Ruby 的 require,python 的 import,C++ 天生的 #includ...
2018-02-25 16:43:40 525
原创 React 快速入门
本文采用 es6 语法,完全参考 https://reactjs.org/docs/ 本文完全参考 React 官方 Quick Start 部分,除了最后的 thinking-in-react 小节安装首先你需要点击安装 nodejs(npm)。然后执行:npm install -g create-react-app如果上述命令执行失败可以运行以下命令:npm
2018-01-21 13:45:19 5046 1
原创 简述 React 组件生命周期
详解 React 生命周期整个 React 生命周期有3个阶段:创建、更新、卸载,每个阶段有对应的工作和方法,我们可以看下面这个经典的图研究一下:第一阶段这是虚拟 DOM 创建的阶段,会依次执行 5 个方法,这 5 个方法中除了 render 方法,其余四个方法在整个生命周期中只调用 1 次,而且一定会调用 1 次:getDefaultProps() 这个方法在组件实例创建前,也就是构造函数执行
2017-12-17 13:42:59 846
原创 SPA 中前端路由基本原理与实现方式
通常 SPA 中前端路由有2中实现方式,本文会简单快速总结这两种方法及其实现:修改 url 中 Hash利用 H5 中的 historyHash我们都知道 url 中可以带有一个 hash, 比如下面 url 中的 page2https://www.abc.com/index.html#page2window 对象中有一个事件是 onhashchange,以下几种情况都会触发这个事件:直接更
2017-12-13 10:09:35 5506
原创 快速搭建 webpack + react 环境
安装首先你需要点击这里安装 nodejs(npm)。然后执行:建立一个目录作为项目根目录并初始化:mkdir react-webpackcd react-webpack/npm init安装相关组件这里包括了本文所需要的全部组件npm i --save-dev react react-dom react-transform-hmr webpack webpack-dev-server babel
2017-11-10 19:22:58 2123 2
原创 算法基础之二叉树
本文主要包括树相关的算法,二叉树结点基本结构如下function TreeNode(x) { this.val = x; this.left = null; this.right = null;}本文还会继续更新。二叉树的深度function depth(pRoot){ if(!pRoot){ return 0; } var depth = 0;
2017-10-12 11:39:13 770
原创 算法基础之简单线性算法
本文包括简单的线性算法和一些数值计算,还会继续更新rgb 和 16进制互相转换function rgb2hex(r,g,b){ return "#" + ((r<<16)+(g<<8)+b).toString(16);}function hex2rgb(str){ var arr = str.match(/[0-9a-f]{2}/ig); return { r: parseI
2017-10-12 11:33:53 1572
原创 基础数据结构和算法概念
本文涉及更多的是概念,代码部分请参考之前写过的 2 篇博客排序算法 基于Javascript 基本数据结构和查找算法本文主要是基础的数据结构和算法概念,可能部分地方会涉及更高级的算法和算法,具体内容以后会单独写的。此外一些性质还会不断补充,也希望可以得到您的指点,谢谢。数据结构 程序 = 数据结构 + 算法数据结构基本概念数据的逻辑结构:反映数据元素之间的关系的数据元素集合的表示。数据的逻
2017-10-10 16:56:39 3232 1
原创 剑指offer--JavaScript版
本文为8月牛客网《剑指 offer》刷题做得,现整理出来作为参考。 虽然是算法题,但本文用 JavaScript 编写,看了《剑指 offer》以后发现很多问题处理的过程并不是最好的,所以本文仅供参考。以前全部代码 AC 通过,但即便是 AC 的代码也不见得就是最好的,比如有的内存分配了却没有释放,这样的问题牛客网是查不出来的。剑指 offer1.在一个二维数组中,每一行都按照从左到右递增的顺序排
2017-09-24 17:49:07 2752
原创 前端开发中的基础思考题
前些日子在忙着面试,拿了心仪的 offer 以后闲下来整理了一些面试相关的基本概念。由于很多关于代码细节的东西之前的博客都有更详细的解释,所以本文涉及代码细节比较少,主要是面试相关的概念,也是前端比较零碎的一些知识。 以下内容包括我面试过程遇到的以及有些仅复习时遇到的内容,有不对的地方欢迎指正。什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元
2017-09-19 11:35:42 4044
翻译 六个Async/Await取代Promises的原因
原文链接:https://hackernoon.com/6-reasons-why-javascripts-async-await-blows-promises-away-tutorial-c7ec10518dd9如果你错过了,那么 Node 7.6 开始支持 async/await 了。如果你还没有尝试过它,这里有一大堆理由和例子告诉你为什么要不顾一切的直接使用它。[更新]:Node 8 LTS
2017-09-18 14:40:32 2006
转载 Git指令大全
转自:https://mp.weixin.qq.com/s/sF-cx2ss4haO74K55Sjf9g配置首先是配置帐号信息 ssh -T git@github.com#登陆github修改项目中的个人信息 git config –global user.name “githelper” git config –global user.email githelper@gmail.c
2017-09-06 09:38:28 1530
原创 浏览器常用事件解析
之前写过一篇浏览器事件的相关操作和事件运行的原理——JavaScript浏览器事件解析。这一篇主要写一些常用的事件及一些可能的坑。表单事件键盘事件当 <input>, `“ 的值发生变化时触发。此外,打开 contenteditable 属性的元素,只要值发生变化,也会触发 input 事件。input 事件的一个特点,就是会连续触发,比如用户每次按下一次按键,就会触发一次input事件。此类事件包
2017-08-22 14:49:20 4398
原创 MIME一览
整理一帖,备查常用类型 MIME Type / Internet Media Type File Extension Name application/msexcel *.xls *.xla Microsoft Excel Dateien application/mshelp *.hlp *.chm Microsoft Windows Hilfe Dateien
2017-08-19 16:54:29 3547
原创 2017年校招全国统一模拟笔试(第五场)编程题集合(Javascript版)
地址:2017年校招全国统一模拟笔试(第五场)编程题集合偶串 (AC)如果一个字符串由两个相同字符串连接而成,就称这个字符串是偶串。例如”xyzxyz”和”aaaaaa”是偶串,但是”ababab”和”xyzxy”却不是。 牛牛现在给你一个只包含小写字母的偶串s,你可以从字符串s的末尾删除1和或者多个字符,保证删除之后的字符串还是一个偶串,牛牛想知道删除之后得到最长偶串长度是多少。输入描述:
2017-08-14 19:42:06 1524 2
原创 2017年校招全国统一模拟笔试(第三场)编程题集合(Javascript版)
地址:2017年校招全国统一模拟笔试(第三场)编程题集合变换次数 (AC)牛牛想对一个数做若干次变换,直到这个数只剩下一位数字。 变换的规则是:将这个数变成 所有位数上的数字的乘积。比如285经过一次变换后转化成2*8*5=80. 问题是,要做多少次变换,使得这个数变成个位数。 输入描述: 输入一个整数。小于等于2,000,000,000。输出描述: 输出一个整数,表示变换次数。输入例子
2017-08-14 19:40:30 1185
原创 透彻研究Javascript类型转换
Javascript 中有5种基本类型(不包括 symbol),以及对象类型,他们在不同的运算中会被系统转化为不同是类型,当然我们也可以手动转化其类型。Javascript 类型转换中坑点极多,就连 Douglas Crockford 在 《Javascript: The Good Parts》一书中也极力 ‘吐槽’ 。下面我们来自习研究一下这个部分,希望不要把自己绕晕。typeof 运算在解释各个
2017-08-05 12:46:10 2694
原创 Javascript数据类型与基本运算
标识符命名规则对于变量名,键值对中的键名应满足如下要求:开头必须是字母、下划线(_)或美元符号($)除了开头以外的字符也可以是数字不可以是关键字和保留字最好不要和全局变量/函数同名,会把原有变量/函数覆盖的风险这里,关键字就是在 js 中有特殊意义的单词,而保留字是为了以后使用预留的词语。但不要求背它们,随着学习的深入,自然就都记住了。常见的关键字有:break、delete、functi
2017-08-04 14:16:18 958
原创 个人博客主页搭建随笔
经常在各种论坛、博客还有 github 上活跃的朋友不难发现,许多大牛都有自己的网站,也多以博客为主。博主作为一个立志前端的大白,难道不应该和大牛学习么? 说干就干,前端部分和 web 开发博主做了很多学习和总结,不少也写成了博客。对于后端,博主不敢说完全没有经验,但接触的也都比较简单。于是乎,博主六月底开始看 Node 和 Express,利用空闲时间做了自己的博客,现阶段还有许多不足,
2017-07-29 19:03:49 4136 2
原创 网络通信-端口汇总
整理一帖,方便速查 端口号 描述 0端口 无效端口,通常用于分析操作系统 1端口 传输控制协议端口服务多路开关选择器 2端口 管理实用程序 3端口 压缩进程 5端口 远程作业登录 7端口 回显 9端口 丢弃 11端口 在线用户 13端口 时间 17端口 每日引用 18端口 消息发送协议 19端口 字符
2017-07-21 21:07:27 7149
原创 less 和 sass 配置
由于博主通常使用是都是 Sublime , 所以本文有点倾向这款编辑器。 文本配置在 mac 环境, linux 和 windows 环境也一样,因为用到的都是命令行和 sublime 插件 本文需要有 npm, 没有安装的请安装 nodejs 必步骤需要 root 权限,mac 和 Linux 用户使用 sudo, windows 用户请用管理员权限运行 cmdless 配置全
2017-07-18 16:14:33 1618
原创 ECMAScript6(19):Module 模块
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-21 16:19:24 818
原创 ECMAScript6(18):Decorator修饰器
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-20 10:13:37 3565
原创 ECMAScript6(17):Class类
class声明class 是 ES6 模仿面向对象语言(C++, Java)提出的定义类的方法。形式类似 C++ 和 Java (各取所长), 下面例子展示了 class 是如何定义构造函数、对象属性和对象动/静态方法的:class Point{ constructor(x, y){ //定义构造函数 this.x = x; //定义属性x this.y =
2017-06-19 17:22:22 2292
原创 ECMAScript6(16):异步编程
ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6 (9)
2017-06-18 15:37:08 1063
原创 ECMAScript6(15):Promise 对象
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-16 10:38:10 1479
原创 ECMAScript6(14):iterator 迭代器
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-15 11:14:24 1251
原创 ECMAScript6(13):Generator 函数
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-14 10:33:51 975
原创 ECMAScript6(12):Proxy 和 Reflect
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-13 10:36:28 1231
原创 ECMAScript6(11):Set 与 Map
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6
2017-06-12 08:52:00 1076
原创 ECMAScript6(10):Symbol基本类型
ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展 ECMAScript6 (9)
2017-06-11 08:44:53 1020
原创 ECMAScript6(9):正则表达式的扩展
相关文章ECMAScript6 (1):块级作用域 ECMAScript6 (2):解构赋值 ECMAScript6 (3):数值类型扩展 ECMAScript6 (4):字符串类型扩展 ECMAScript6 (5):函数的扩展 ECMAScript6 (6):数组的扩展 ECMAScript6 (7):二进制数组 ECMAScript6 (8):对象的扩展正则表达式的扩展主要包括以
2017-06-10 16:40:30 1355
AJAX企业级开发
2017-05-14
HTML5与CSS3权威指南(第三版)-下册
2017-05-12
精彩绝伦的JQuery
2017-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人