- 博客(106)
- 收藏
- 关注
RSS订阅原创 15 张前端高清知识地图，强烈建议收藏
本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～Git 常见操作集锦Git 分支管理规范及发布流程基础前端知识体系ECMAScript 知识体系浏览器知识体系前端性能优化原理与实践JavaScript 设计模式数据结构与算法知识体系设计稿还原相关知识点Typescript 知识体系基础篇工程篇实战篇React 知识体系webpack 知识体系Node 知识体系GitGit 常见操作集锦点击查看原图这张思维导图主要包含
2021-06-25 15:18:40
555
原创 CSS 知识体系之 CSS 选择器
这是我参与更文挑战的第五天，活动详情查看:更文挑战层叠样式表 (Cascading Style Sheets，缩写为CSS），是一种 样式表 语言，用来描述HTML或XML（包括如SVG、MathML、XHTML之类的XML分支语言）文档的呈现。CSS` 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。而CSS 选择器规定了 CSS 规则会被应用到哪些元素上。1.1 简单/基本选择器标签/元素选择器:按照给定的节点名称，选择所有匹配的元素。语法：elementname.
2021-06-07 17:43:13
485
原创 JavaScript 知识体系之模块系统
现代 JavaScript 开发毋庸置疑会遇到代码量大和广泛使用第三方库的问题。解决这个问题的方案通 常需要把代码拆分成很多部分，然后再通过某种方式将它们连接起来。在 ECMAScript 6 模块规范出现之前，虽然浏览器原生不支持模块的行为，但迫切需要这样的行为。 ECMAScript 同样不支持模块，因此希望使用模块模式的库或代码库必须基于 JavaScript 的语法和词法特 性“伪造”出类似模块的行为。因为 JavaScript 是异步加载的解释型语言，所以得到广泛应用的各种模块实现也表现出不同
2021-06-04 17:54:34
355
2
原创 前端开发者需要知道的 package.json
在一个 JavaScript 项目中，package.json 是一个必须的文件，它的作用是管理项目中使用到的外部依赖包，同时它也是 NPM 命令的入口文件。package.json包含描述一个特定程序包唯一的设置所需的所有内容。如果项目使用工作空间功能，则项目将包含多个package.json文件，因为每个工作空间都是通过其自己的package.json来描述的。请注意，可以通过initFields字段设置来设置这些字段的默认值。????namepackage.json 中最重要的属性是 n
2021-06-04 17:52:54
1812
原创 前端开发者应该知道的 Centos/Dokcer/Nginx/Node/Jenkins 操作( 长文)
服务器作为开发的一环，并且现在非常多的商业公司部署在生产环境上的服务器都是CentOS系统! 让我们了解了解也在情理之中！作为前端开发者，我们应该跳出自己的一亩三分地，跳出舒适区。扩大自己的技术广度和深度，只有这样!我们才能"做大做强，再创辉煌"本篇文章旨在介绍在 Centos 上的一些常见环境配置技巧，为"前端小白"们在CentOS的道路上更进一步！CentosCentos 是一个基于 Linux 的开源免费操作系统，下面列出一些常用操作# 本地拷贝文件到远程服务器scp output.tx
2021-04-17 14:51:55
402
原创 如何搭建企业级前端规范
前端代码规范对于团队而言至关重要，既可以提高代码的可维护性，也可以降低代码多人维护的成本那如何搭建一个规范的前端项目基础呢？ 接下来让我告诉你创建一个基础项目使用 npm init -y 初始化一个前端项目,这会自动生成package.json 文件。当我们安装项目依赖的时候,这个文件会自动更新接下来我们创建以下文件目录└── src/ ├── index.ts // 项目入口文件├── package.json添加 TypeScript我们为什么需要 TypeScript.
2021-04-16 14:29:14
275
原创 让我告诉你一些强无敌的 NPM 软件包
面对繁忙的日程安排与紧迫的工期限制，选择能够切实提升生产率的工具无疑至关重要。在这里，我整理出一份个人最喜欢的 NPM 软件包清单。为了便于浏览，我还对它们进行了分类，希望呈现出更加清晰的结构。当然，大家不必全数安装与学习。在大多数情况下，每个类别选择一款就足以解决生产需求。我只是想多提供一点替代方案，帮助每位读者朋友找到最适合自己的选项。闲言少叙，咱们马上开始！???? 实用工具Lodashlodash是一套现代 JavaScript 实用程序库，提供模块化、性能与多种附加功能。可提供关于 Ja
2021-04-13 19:28:28
365
1
原创 ES5/ES6/ES7/ES8/ES9/ES10/ES11/ES12 分别都有什么
本文以倒序的方式并通过代码示例或简单的罗列展示所有 ECMAScript 版本提供的功能。 旨在为大家在编码时提供 ECMAScript 特性速查表ES2021-ES12String.protype.replaceAll在 ES2021 之前，要替换掉一个字符串中的所有指定字符，我们可以这么做：const str = "a+b+c+";const newStr = str.replace(/\+/g, "????");console.log(newStr); //a????b????c????
2021-04-12 21:43:42
1898
原创 如何通过 Git 和 Husky 添加提交钩子并实现代码任务自动化
原文地址：How to Add Commit Hooks to Git with Husky to Automate Code Tasks 如何通过 Git 和 Husky 添加提交钩子并实现代码任务自动化 ????原文作者：Colby Fayock译者：@nsuedu校对者：有很多工具可以使我们的代码任务自动化:我们可以使用 ESLint 检查语法问题，并使用 Prettier 格式化代码但是并不是团队中的每个人都记得每次提交时都运行这些命令。 如果有一个工具可以在每次提交/推送代码前自动
2021-04-03 17:19:36
1524
翻译 React Router 完全指南(包含 Router Hooks)
原文地址：A Complete Beginner’s Guide to React Router (Including Router Hooks) React Router 完全指南(包含 Router Hooks)????原文作者：Ibrahima Ndaw译者：大古同学校对者：众所周知，React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之间切换
2021-04-03 17:18:19
252
原创 webpackDemo读书笔记
零:AggressiveSplittingPlugin，AggressiveSplittingPlugin 可以将 bundle 拆分成更小的 chunk，直到各个 chunk 的大小达到 option 设置的 maxSize。它通过目录结构将模块组织在一起。 用于将捆绑包拆分为多个较小的块以改进缓存。这对HTTP2 Web服务器最有效，否则会增加请求数量的开销 new...
2018-07-30 23:08:57
345
原创 原生JS 实现表格的合并单元格
/* 参数:table或tbody的id,开始行号，结束行号，合并哪一列 mc('field_selection', 0, 4, 0); */ //--------合并单元格 function mc(table1, startRow, endRow, col) { ...
2018-04-12 16:48:52
5791
翻译 在GitHub上创建和托管个人网站(下)
传送门：在GitHub上创建和托管个人网站(上)在 github pages中使用Jekyllgithub pages会自动识别 Jekyll文件，所以如果你添加文件夹和文件遵循特定的命名约定，当你将相关Jekyll文件提交给GitHub，Jekyll就会神奇地建立你的网站。虽然我建议在自己的计算机上设置Jekyll，以便您可以在本地编辑和预览您的网站，并准备好后，将这些更改推送到您的GitHub，
2017-12-09 22:32:43
3440
翻译 在GitHub上创建和托管个人网站(上)
英文原文:http://jmcglone.com/guides/github-pages/这是一个使用Jekyll创建个人网站和博客，并使用GitHub Pages免费托管你的网站的初学者指南。本指南旨在帮助Git和GitHub初学者使用一下午的时间启动并运行 GitHub Pages和Jekyll。 它假定你对版本控制，Git和GitHub知之甚少。 如果您知道HTML和CSS的基本知识，那么这
2017-12-09 21:28:59
22286
4
转载 JavaScript模块化(二)
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。模块的规范先想一想，为什么模块很重要？ 因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！目前，通行的Javascript模块规范有： - CommonJS - AMD
2017-11-03 23:57:36
212
转载 JavaScript模块化(一)
参考链接 1.http://www.ruanyifeng.com/blog/2012/10/javascript_module.html网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是
2017-11-03 23:44:17
206
原创 css的height，min-height,max-height,min-width.....
参考地址: 1.http://www.zhangxinxu.com/wordpress/2016/05/css3-width-max-contnet-min-content-fit-content/ 2. https://developer.mozilla.org/zh-CN/docs/Web/CSS/min-heightCSS属性 min-height 通常用来设置一个元素的最小高度。这个属性
2017-11-03 23:26:46
1387
转载 CSS实现单行、多行文本溢出显示省略号（…）
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果： 单行文本的溢出显示省略号...但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。
2017-05-30 22:58:56
380
转载 JavaScript同步与异步之异步进化史
原文地址：http://div.io/topic/1802 JS 中最基础的异步调用方式是 callback，它将回调函数 callback 传给异步 API，由浏览器或 Node 在异步完成后，通知 JS 引擎调用 callback。对于简单的异步操作，用 callback 实现，是够用的。但随着负责交互页面和 Node 出现，callback 方案的弊端开始浮现出来。 Promise 规范孕育
2017-05-30 21:52:15
311
转载 JavaScript异步与同步之三-异步详解
异步代码会被放入一个事件队列，等到所有其他代码执行后才进行，而不会阻塞线程理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。以下是用法举例：console.log( "a" );setTimeout(function() { consol
2017-05-30 21:22:21
297
转载 JavaScript之同步与异步二-"异步模式"编程的4种方法
Javascript语言的执行环境是”单线程”（single thread）。 所谓”单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的 好处是 实现起来比较简单，执行环境相对单纯； 坏处是 只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Java
2017-05-30 18:38:20
465
原创 JavaScript之同步与异步一
原文地址:https://segmentfault.com/a/1190000004322358同步：如果在函数A返回的时候，调用者就能够得到预期结果(即拿到了预期的返回值或者看到了预期的效果)，那么这个函数就是同步的。异步：如果在函数A返回的时候，调用者还不能够得到预期结果，而是需要在将来通过一定的手段得到，那么这个函数就是异步的。fs.readFile('foo.txt', 'utf8', fu
2017-05-30 18:15:46
337
转载 powerdesigner出错总结二
原文地址： http://blog.chinaunix.net/uid-78699-id-3240900.html1.Existence of columnExistence of column 错误，解决办法：右键选择 “Automatic Correction“.2.Incomplete join错误解决办法：双击错误信息，打开reference 属性界面，在Joins里面进行子表和主表的关
2017-05-30 16:20:52
5991
转载 powerdesigner出错总结一
原文地址：http://blog.sina.com.cn/s/blog_491f8137010006sh.html 一.CDM中的各类关系转换为PDM后关系图标的识别A.1:1的关联关系==PDM显示为两个反向箭头,每个箭头上一个等于号(即”=”)。 （让等号显示的操作步骤：Tools->Display Preferences->Object View->Reference->勾选Join，去掉
2017-05-30 16:06:50
3920
转载 powerdesigner入门一概念数据模型
概念数据模型概述数据模型是现实世界中数据特征的抽象。数据模型应该满足三个方面的要求： 1）能够比较真实地模拟现实世界 2）容易为人所理解 3）便于计算机实现 概念数据模型也称信息模型，它以实体－联系(Entity-RelationShip,简称E-R)理论为基础，并对这一理论进行了扩充。它从用户的观点出发对信息进行建模，主要用于数据库的概念级设计。通常人们先将现实世界抽象为概念世界，然后再将
2017-05-30 16:04:42
300
转载 ES6 的 super 到底是什么？
原文地址：https://www.web-tinker.com/article/21291.html 说起 ES6 的继承和 super 的用法大家都不会陌生，可是一问到 super 到底是什么，很多人就支支吾吾。也许在别的编程语言中 super 和 this 一样，都是一个指针，可以像一般变量一样使用。但是在 ES6 中，super 是一个特殊的语法，而且它比 this 还要特殊，有很多用法上的
2017-05-30 15:46:05
8876
原创 mysql常用命令二
删除表，并将从 1开始增长truncate table 表名分页 如下表： 页码(index) 当前页条数(pageSize) 算法 1 10 1-1*10, 1*10-1 2 10 (2-1)*10 2*10-1 3 10 (3-1)*10 3*10-1结果：(index-1)*pageSize ,index*pageSize-1
2017-05-21 17:22:18
191
转载 廖雪峰的Git教程十二-分支管理策略
分支管理策略通常，合并分支时，如果可能，Git会用Fast forward模式，但这种模式下，删除分支后，会丢掉分支信息。如果要强制禁用Fast forward模式，Git就会在merge时生成一个新的commit，这样，从分支历史上就可以看出分支信息。下面我们实战一下–no-ff方式的git merge：首先，仍然创建并切换dev分支：$ git checkout -b devSwitched
2017-05-21 15:33:08
424
转载 廖雪峰的Git教程十--解决冲突
当出现冲突时我们先查看一下状态git status解释：git status可以告诉我们修改了哪些文件，查看并修改冲突文件的内容cat readme.txtGit用<<<<<<<，=======，>>>>>>>标记出不同分支的内容，我们修改如下后保存：修改有冲突的文件后 ，再次提交$ git add readme.txt $ git commit -m "conflict fixed" git
2017-05-21 15:14:58
341
原创 廖雪峰的Git教程九-创建于合并分支
创建分支当我们创建新的分支，例如dev时，Git新建了一个指针叫dev，指向master相同的提交，再把HEAD指向dev，就表示当前分支在dev上：从现在开始，对工作区的修改和提交就是针对dev分支了，比如新提交一次后，dev指针往前移动一步，而master指针不变假如我们在dev上的工作完成了，就可以把dev合并到master上。Git怎么合并呢？最简单的方法，就是直接把master指向dev的
2017-05-21 15:03:45
368
转载 廖雪峰的Git教程八-添加远程仓库
添加远程仓库ssh-keygen -t rsa -C “[email protected]” 第1步：创建SSH Key。在用户主目录下，看看有没有.ssh目录，如果有，再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件，如果已经有了，可直接跳到下一步。如果没有，打开Shell（Windows下打开Git Bash），创建SSH Key： 你需要把邮件地址换成你自
2017-05-21 14:50:40
1126
转载 廖雪峰Git教程七-删除文件
一般情况下，你通常直接在文件管理器中把没用的文件删了，或者用rm命令删了： 1. rm test.txt 这个时候，Git知道你删除了文件，因此，工作区和版本库就不一致了，git status命令会立刻告诉你哪些文件被删除了： 2. git status 现在你有两个选择，一是确实要从版本库中删除该文件，那就用命令git rm删掉，并且git commit：git
2017-05-21 14:47:14
295
转载 廖雪峰的Git教程六-撤销修改
git status 查看修改了哪些文件git checkout – readme.txt git checkout – file可以丢弃工作区的修改： 命令git checkout – readme.txt意思就是，把readme.txt文件在工作区的修改全部撤销， 这里有两种情况： 一种是readme.txt自修改后还没有被放到暂存区，现在，撤销修改就回到和版本库一模一
2017-05-21 14:46:43
243
转载 廖雪峰的Git教程四工作区与暂存区
1. 工作区（Working Directory） 就是你在电脑里能看到的目录，比如我的learngit文件夹就是一个工作区：2. 版本库（Repository） 工作区有一个隐藏目录.git，这个不算工作区，而是Git的版本库。 Git的版本库里存了很多东西，其中最重要的就是称为stage（或者叫index）的暂存区，还有Git为我们自动创建的第一个分支master，以及指向mas
2017-05-21 13:09:19
211
转载 廖雪峰的Git教程三版本回退
1. git log 版本控制系统肯定有某个命令可以告诉我们历史记录，在Git中，我们用git log命令查看git log命令显示从最近到最远的提交日志，你看到的一大串类似3628164...882e1e0的是commit id（版本号）Git的commit id不是1，2，3……递增的数字，而是一个SHA1计算出来的一个非常大的数字，用十六进制表示，2. git reset –hard
2017-05-21 13:03:42
598
转载 廖雪峰的Git教程二(版本穿越)
git statusgit status命令可以让我们时刻掌握仓库当前的状态，git diff查看具体修改了什么内容$ git diff readme.txt git diff顾名思义就是查看difference，显示的格式正是Unix通用的diff格式3. git add readme.txtgit status在执行第二步git commit之前，我们再运行git status看看当前仓
2017-05-21 13:02:32
263
原创 markdown教程
标题的写法 # 一级标题 h1 ## 二级标题 h2 ### 三级标题 h3 ####四级标题 h4 #####五级标题 h5 ######六级标题 h6 一级标题 h1 ======== 二级标题 h2 --------分割线的写法************************(一个以上的*号)或=========
2017-05-21 12:47:01
285
原创 node.js常用命令
npm publish 流程npm init （name名称要独特,否则会报错） npm adduser (用户名，邮箱，密码)npm publish publish 升级包package.json 修改 versionnpm publishnpm 安装 *包npm install 包名删除发布包 npm unpublish 包名
2017-05-21 12:45:06
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人