非常实用的Flex布局 Flex布局传统的布局,基于盒装模型,早期的前端开发就是一个叠盒子的过程,即各种<div>的互相嵌套。 传统的布局一般依赖position或者float属性控制盒子所在的位置,但是对于特殊布局就显得非常的不方便,比如:垂直居中、均匀分布等。 在2009年,W3C提出了一种新的布局方案,即现在非常常用的Flex布局,可以非常轻松的完成和实现各种页面布局。到目前为止,它已经获得了主流浏览器 2020-10-01 面试 CSS3 Flex
Linux常用命令 对于普通的电脑用户,接触的最多的是Windows,对Linux的了解甚少,而作为一个开发者,Linux是一个不得不接触的东西。 相比于其它的操作系统,Linux的占用内存更低,现在的VPS的内存越高,价格几乎也是成倍增长,一个Windows系统,占用的内存远远高于Linux。 同时Linux开源,如果有什么漏洞,会有各路大神帮忙修复,所以Linux往往更加安全。 同时Linux的稳定性也高于其它系 2020-09-25 服务器开发 linux
npm切换淘宝源 npm设置淘宝源 npm config set registry http://registry.npm.taobao.org 设置为官方源 npm config set registry https://registry.npmjs.org 查看当前源 npm get registry 使用代理 必须要是科学上网,并且工具在你的本地机器上开启了一个第三方服务器 npm config set 2020-09-25 web开发 npm
使用TypeScript来编写Node项目 之前一篇文章介绍了Nodejs:为什么要学习Nodejs,那么这篇文章我们来做学习Node之前的准备,使用TypeScript编写Node项目。 对于TypeScript就不用再多说了,我已经在很多文章中都提到了TypeScript,现在我是能使用TypeScript就尽量使用TypeScript,因为TypeScript已经是一种趋势,一种必然。 最近在学习Nodejs,就想着使用TypeScr 2020-09-22 TypeScript Nodejs
为什么要学习Nodejs 1. 前言Node.js 是能够在服务器端运行JavaScript 的开放源代码、跨平台 JavaScript 运行环境。 随着前端的深度和广度日益提高,如果光会用一个Vue,可能自己就限制了自己以后的发展,因为现在哪个前端不会用一个框架。 前端的入门并不难,但是大公司或者高薪一点的前端开发,往往不能只会用一个框架,大部分还需要知道一些原理上的东西,而目前的前端框架包括很多第三方库,都大量的使用到 2020-09-22 Nodejs Nodejs
JavaScript-ES7~ES11新特性 在JavaScript的发展历程中,版本历史最悠久的就是ES5,ES5是现在JavaScript的基础,但是因为有很多当初设计上的缺陷,比如var的变量提升,比如异步处理问题,比如this指向的问题,比如没有类的概念等等。 到了ES6的时候解决了大部分的问题,比如引入了let,const声明变量和常量。引入了Promise解决异步问题,引入了()=>解决this指向的问题,引入了class关 2020-09-22 JavaScript 新特性
WebStorm强大的Git版本控制 1. 前言之前写了一篇文章WebStorm和VSCode的浅度比较,发现真的是浅度比较,其实JetBrains出品的IDE最大的一个好处就是开箱即用,而且几乎你开发中需要使用的功能全部都内嵌在IDE上面,毫不夸张的说:就差内嵌一个浏览器了。 最近才发现JetBrains系列自带的Git版本控制是多么的好用。 2. 认识界面如果当前的项目使用了Git版本控制,则会看到下面的界面。 如果没有使用Git 2020-09-21 杂谈 IDE工具
Vue3新版本OnePiece,是时候学习Vue3了 1. 前言在一系列的测试版本后,Vue3终于迎来了新版本,官方正式将其取名为Vue3 One Piece。 1.1 更好的tree-shaking所谓tree-shaking,就是在你项目中没有用到的第三方包,没有用到的变量,没有用到的函数,没有用到的方法等等,都不会被打包进生产环境中。 与Vue 2相比,Vue 3在捆绑包大小通过tree-shaking减少了多达41%的体积,初始渲染加速多达 2020-09-20 Vue vue
前端开发过程中,好的开源项目和第三方库整理 桌面开发Waypoints.js:滚动到一个元素时候触发事件。 gitalk:添加评论系统。 electron:可以通过开发网页的形式开发桌面应用,VSCode就是用这个项目开发的。 electron-react-boilerplate:使用react模板创建electron桌面项目。 electron-vue:使用vue模板创建electron桌面项目,缺点是该项目很久没有更新,依赖的elect 2020-09-17 web开发 游戏设计
TypeScript-给第三方库添加声明文件 1. 前言在使用TypeScript写程序的时候,可能会需要使用到JavaScript库,因为历史遗留问题,现在非常多的第三方库依然是用JavaScript进行编写,但是大多数情况下,库的所有者已经帮你写好了TypeScript声明文件,即x.d.ts文件。 还有一些情况是库中并没有附带ts声明文件,但是可以通过: npm i @types/xxx -s # xxx为第三方JavaScript 2020-09-11 TypeScript TypeScript