![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 60
波帝伯爵
君子不器,为而不争
展开
-
行内元素如何设置宽高
参考HTML 行内元素 与块级元素说说行内元素与块级元素以及之间的转换?说说行内元素与块级元素以及之间的转换?1.常用的行内元素<a> 标签可定义锚<abbr> 表示一个缩写形式<acronym>定义只取首字母缩写<b> 字体加粗<bdo> 可覆盖默认的文本方向<big> 大号字体加粗<br> 换行<cite> 引用进行定义<code> 定义计算机代码文本原创 2017-09-10 13:09:52 · 5761 阅读 · 0 评论 -
学习笔记-linux常用命令
前端常用的linux命令原创 2019-03-21 21:46:01 · 185 阅读 · 0 评论 -
学习笔记-linux权限控制
权限身份与群组文件拥有者(user)群组(group)其他(other)更改文件属性与权限chown:改变文件拥有者chown [-cfhvR] [–help] [–version] user[:group] file…将目前目录下的所有文件与子目录的拥有者皆设为 runoob,群体的使用者 runoobgroup:chown -R runoob:runoobgro...原创 2019-03-21 21:47:36 · 236 阅读 · 0 评论 -
学习笔记-docker常用命令
docker常用命令启动docker服务:systemctl sart docker重启docker服务:systemctl resart docker关闭docker服务:systemctl stop docker搜索镜像: docker search node安装镜像: docker pull node删除镜像: docker rmi node查看所有已安装镜像: docke...原创 2019-03-21 21:59:30 · 195 阅读 · 0 评论 -
学习笔记-javascript中的正则表达式
原创 2019-03-21 23:08:02 · 130 阅读 · 0 评论 -
学习笔记-用node实现简单的文件服务器
原生nodejs实现一个简单的文件服务器原创 2019-03-31 17:19:00 · 611 阅读 · 0 评论 -
学习笔记-koa源码分析与简易实现
koa2源码分析原创 2019-04-06 18:17:12 · 227 阅读 · 0 评论 -
学习笔记-模拟实现koa中间件
模拟实现koa中间件:koa-static原创 2019-04-10 23:47:28 · 298 阅读 · 0 评论 -
学习笔记-http缓存机制
http缓存原理、强缓存、协商缓存原创 2019-04-02 17:41:14 · 301 阅读 · 0 评论 -
学习笔记-七层网络模型
七层模型原创 2019-04-19 16:10:59 · 321 阅读 · 0 评论 -
学习笔记-关于http建立、断开连接要点的整理
http建立连接、断开连接转载 2019-04-19 16:20:22 · 645 阅读 · 0 评论 -
javascript骚气名词之节流、防抖
理解节流、防抖原创 2019-05-01 16:43:30 · 303 阅读 · 0 评论 -
webpack4.x最佳实践-1.webpack是什么
webpack是什么原创 2019-06-09 15:30:32 · 244 阅读 · 0 评论 -
webpack4.x最佳实践-2.webpack基本环境搭建
webpack环境搭建原创 2019-06-09 16:22:00 · 324 阅读 · 0 评论 -
webpack4.x最佳实践-3.webpack中的基本概念
webpack中的基本概念原创 2019-12-02 20:10:25 · 313 阅读 · 0 评论 -
webpack4.x最佳实践-4.常用loader
webpack常用loader原创 2019-12-02 20:10:18 · 960 阅读 · 0 评论 -
学习笔记-shell编程基础
前端需要掌握的shell基础原创 2019-03-24 22:25:10 · 233 阅读 · 0 评论 -
学习笔记-absolute、relative与float的区别
absolute、relative与float的学习 参考 Position属性 http://www.barelyfitz.com/screencast/html-training/css/positioning/ 某大神的深入解析 float https://segmentfault.com/a/1190000006041960 张鑫旭 CSS float浮动的深入研究、详原创 2017-09-09 17:25:15 · 632 阅读 · 0 评论 -
学习笔记-block、inline、inline-block的区别
block与inline的区别block 又称块级元素,inline也称为行内元素块级元素 单独占一行 每个块级元素都是新行的开始缺省宽度为100% 可以设置宽高 可以设置margin和padding属性。行内元素 可与其他的行内元素在同一行上 元素前后没有换行符 不可以设置宽高 高度和宽度由内部内容填充后计算所得 显示设置无效 内部不可嵌套块级元素不可以说设置宽高 img原创 2017-09-08 22:39:33 · 399 阅读 · 0 评论 -
原生JS版的贪吃蛇
原生JS版的贪吃蛇简版效果图上代码css<style> body, div, p, input{ padding:0; margin:0; } #box{ width:1410px; height:1005px; margin:50px原创 2017-11-05 22:07:59 · 292 阅读 · 0 评论 -
React生命周期
如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段,如图中右下角的虚线框中,这里做一些组件的清理工作。生命周期回调函数下面来详细介绍生命周期中的各回调函数。getDefaultP转载 2017-11-28 20:47:49 · 255 阅读 · 0 评论 -
React中的props和state
props意为属性,只可父组件改变子组件的props,而子组件不能自更新,props是子组件暴露给外部的公有接口state意为状态,所谓的状态就是一种标记,设计用来控制某种逻辑,类似于后台语言中的flag,全局的私有变量,外部不能访问,state的改变会被render()函数自动捕捉到,当然state改变后是否执行render,还取决于bool shouldComponentUpdate(nextP原创 2017-11-27 22:37:24 · 1086 阅读 · 0 评论 -
React 博客系列 (1) 搭建的个人博客
React 搭建的个人博客小白起步,搭建的个人博客,具有前端和管理端,还未完工,会持续更新。前后端分离,前端采用Mock.js模拟数据,部分引用antd组件,后端利用MongoDB存储,axios传递数据,相关技术有:React^16.2ReduxRect-router^4Mock.jsKoa2MongooseAxiosEchartsAntD啥也不多说,上图。原创 2018-02-01 11:51:41 · 2501 阅读 · 0 评论 -
React 博客系列 (2) React中的state和props更新
React中的state和props更新在搭建个人博客的过程中,需要添加一个登陆窗体,登陆按钮和登陆表单分别在不同的组件,登陆btn在组件HeaderCustom,登陆窗体和表单在FormLogin,由登陆btn控制FormLogin的显示和隐藏,利用Redux进行状态管理。HeaderCustom onLogin = () => { this.setState(原创 2018-02-02 00:54:04 · 3219 阅读 · 0 评论 -
React 博客系列 (3) Promise异步更新React状态
Promise封装axios数据查询小白在实施的过程中,前端请求数据刷新数据遇到了数据同步的问题。数据请求方法getAtricles() { console.log("getAtricles") const url = `${CONFIG.server}/api/article/queryall` var result; console.log(url)原创 2018-02-03 23:38:32 · 4496 阅读 · 0 评论 -
学习笔记-Leaflet加载北京地铁线路
Leaflet学习笔记-加载北京地铁线路先上效果图 本文主要由两部分组成:获取线路和站点jsonLeaflet加载线路和站点GeoJson获取线路和站点json高德地图-地铁路线json(包含站点坐标) http://map.amap.com/service/subway?_1524027031909&srhdata=1100_drw_beijing.json 站点json(包含原创 2018-04-23 22:32:24 · 2400 阅读 · 2 评论 -
学习笔记-Canvas
Canvas学习笔记canvas绘图板 demo星空 demo烟花 demo知乎粒子 demo粒子文字 demo进度条 demo气泡 demo闪电 demo源码https://github.com/cumthyb/canvas...原创 2018-05-10 00:34:13 · 277 阅读 · 0 评论 -
学习笔记-原生CSS变量
原生CSS变量不用Less、Sass等预处理插件,原生的CSS也支持变量,用于批量修改逻辑相关的DOM的Style的某一个属性值语法示例语法定义变量 与js一样,变量都是由作用域的,css变量的作用域就是DOM的层级关系,定义在某一选择器内,变量名称以–开头,值与普通属性值一样,类似’20px’ ‘red’:root { --color: red...原创 2018-05-13 00:12:13 · 1121 阅读 · 0 评论 -
学习笔记-Gojs起手式
Gojs-起手式本文主要概括了gojs入门需要了解的基本概念,以及它们间的关系1.Diagrams and Models(图表与模型)图表所包含的节点和连线是数据的可视化,这些数据是由模型管理的。Gojs是MV架构的,其中模型(M)保存着描述节点和连线的数据(数组和js对象),图表充当着视图(V)的角色,视图是由真实的节点和连线组成的。2.Node(节点)节点可以由模板创建出来,模板是由...原创 2018-11-04 10:34:37 · 1144 阅读 · 0 评论 -
学习笔记-js单元测试
js单元测试单元测试(模块测试)是开发者编写的一小段代码,用于检验被测代码的一个很小的、很明确的功能是否正确。通常而言,一个单元测试是用于判断某个特定条件(或者场景)下某个特定函数的行为。例如,你可能把一个很大的值放入一个有序list 中去,然后确认该值出现在list 的尾部。或者,你可能会从字符串中删除匹配某种模式的字符,然后确认字符串确实不再包含这些字符了。单元测试是由程序员自己来完成,最...原创 2018-11-11 12:00:25 · 1023 阅读 · 0 评论 -
正则表达式 千分位
无小数位有小数位最近写了另外一个更简洁的var str='123456789.2356'// 123,456,789.235,6var reg=/\B(?<!(\.\d+))(?=(\d{3})+\b)/g// 匹配一个位置:该位置后有3的倍数个数字,该位置的前面不能出现小数点var res=str.replace(reg,',')console.log(res)/...原创 2018-11-22 14:41:24 · 2747 阅读 · 2 评论 -
git还原已删除的分支
记一次恢复错误删除分支的惨痛经历原创 2019-07-15 12:37:15 · 7413 阅读 · 1 评论