自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

anderlaw的博客

一个充满血性的程序员,不卑不亢尽职尽责不将就,不骄不躁海阔天空不不张扬,生命不息,智慧布道!...

原创 页面滚动到指定位置的方法

视口中可显示的信息是有限的,因此我们常需要页面滚动实现内容显示的切换,介绍几种实现方式: 纯html实现(锚点) 跳转按钮:<a href="#anchorName">点击跳转当前页面指定锚点</a> 设置锚点:<a name="anc...

2019-08-02 14:15:21

阅读数 1539

评论数 0

原创 更好地编写Js正则表达式

什么是正则 一种文本匹配工具,用来识别、提取符合规则的字符串,提供多种辅助方式。 普通的使用方式 编写正则表达式 => 调用匹配。 两种编写方法:字面量和构造函数模式: // 字面量 let regIns1 = /^\d$/; let regIns2 = new RegExp("^...

2019-08-01 15:59:08

阅读数 51

评论数 0

原创 情侣之间争吵,到底是为了什么?

情侣之间争吵,到底是为了什么?发生了什么心中的问号从相识说起如何维系关系再谈爱情关系 发生了什么 昨天不知道什么原因,跟女朋友大发脾气:滚! 她立马不依不挠,收拾东西,换衣服。 在即将破门而出地一刹那,我的理智出现了:天色已晚,晚上9点多了,不能让她走。 于是堵在门口,我们拉扯了大半天,她的眼泪也...

2019-07-29 11:28:45

阅读数 71

评论数 1

原创 用node开发并发布一个cli工具

cli本质是一种用户操作界面,根据一些指令和参数来与程序完成交互并得到相应的反馈,好的cli还提供帮助信息,我们经常使用的vue-cli就是一个很好的例子。本文将使用nodejs从头开发并发布一款cli工具,用来查询天气。 项目效果图如下: 配置项目 初始化一个项目:npm init -y ...

2019-01-02 16:00:33

阅读数 150

评论数 0

原创 JavaScript拖拽详解(二)拖拽的应用及示例

文章目录数据的传输自定义拖拽效果指定一张图片,在拖拽中跟随鼠标小图标提示拖拽上传文件总结 上一篇介绍了拖拽的基础知识,这节我们谈谈拖拽的一些应用。HTML5不仅仅定义了拖拽的事件类型,还在事件对象中规范了一个重量级的对象:dataTransfer,借助它,我们可以实现数据传输、拖拽图案设定、拖拽...

2018-12-24 18:46:19

阅读数 77

评论数 0

原创 JavaScript拖拽详解(一)基础简介

文章目录拖拽的历史画一张流程图要点概括总结一共有哪些事件哪些实体可以被拖关于放,有哪些限制?拖放会冒泡嘛?小结 人类喜欢将自然界的事物步骤化,第一步干什么,第二步再做什么,甚至第三部等等。 一个作家构思一部鸿篇巨制,必然要考虑将内容划分为几个部分,每个部分刻画相应的人物背景故事. 同理,拖拽也一...

2018-12-24 14:33:04

阅读数 115

评论数 0

原创 React研习之旅(二):视图控制器-路由

文章目录react中的路由对比Vue框架谈谈jsx再谈谈高阶组件画张草图巩固一下小结 react中的路由 A JavaScript library for building user interfaces:一个用于构建用户界面的JavaScript库 官方这句话措辞恳切严谨,有两点需...

2018-12-23 12:12:02

阅读数 95

评论数 0

原创 React研习之旅(一):React基础与核心

文章目录react简介与Vue框架的对比一直在用的jsx究竟是个啥?为啥用高阶组件?画张草图巩固一下 react简介 A JavaScript library for building user interfaces:一个用于构建用户界面的JavaScript库 措辞恳切严谨,有两点...

2018-12-22 12:37:13

阅读数 55

评论数 0

原创 正则表达式分解剖析(一文悟透正则表达式)

目录从字符说起常用模式或场景常用的方法画一张思维导图实现前言中的小需求 看JavaScript框架设计,读到一段“innerHTML”操作无法执行里面的script标签里的代码,于是想动手弥补下该操作。 实现很简单,执行完innerHTML后,找出所有的script标签并取出里面的代码字符调用e...

2018-12-19 19:43:33

阅读数 113

评论数 0

原创 谈谈web项目中的凭证与依赖凭证

凭证或者token,是一种认证机制,相当于一把钥匙,有了它,才能打开特定的锁进入对应的门,这相当于增加了一层保护机制,过滤掉那些不合理的操作。 首先介绍下web项目中的一些token或认证类型,再简单举例在React项目中的使用。 web中的认证 还记得大学时期,第一次购物的场景激动的不得了,...

2018-12-18 13:47:35

阅读数 288

评论数 0

原创 React中页面的拦截

页面拦截是web项目中常用的基础技术,本文简单地分析页面拦截的前因后果。 为什么拦截页面? 打个比方:项目中的页面相当于一个party,而查看页面的人类似于参加party的人: 只有特定的人才能参加party party也许有等级限制,只有高层人士才能坐第一排(maybe) 参加party,...

2018-12-18 10:19:31

阅读数 1570

评论数 2

原创 如何禁止内联盒子里的自由文本(无width宽度的)换行

当我们想横排一个个的文字和图表组成的item时,发现文本莫名其妙的换行了。 解决方案 给盒子定宽,这样文字宽度够了自然不会换行,也带来一个问题就是不同的item之间的文字多少可能有别,这样会导致不同的item之间空白(空隙)不一样,给人不适感,不好。 指定该盒子的white-space:no...

2018-12-17 17:47:29

阅读数 84

评论数 0

原创 手动实现一个react导航组件并优化

为何要手写?既定的时间内没有找到合适的现有选择,放弃无谓的搜寻,自己写一个。 基本原理 菜单数据接口获取,一级菜单UI事件监听,对应的下层二级菜单放到一级菜单item的dataset属性里,事件触发时取出并显示。 事件监听(由于菜单之前不存在,于父层监听菜单item的冒泡事件)。 一级菜单:...

2018-12-14 11:54:52

阅读数 428

评论数 0

原创 React项目组件继承实战

囿于reat使用组合而不是继承的提示,大家似乎都不怎么使用继承,然而在一些方面继承还是能发挥不少作用。 为什么使用继承 当我们有多个页面需要执行页面初始化操作,可能是动态计算视口的宽高度、计算屏幕的分辨率,甚至为一些节点添加初始化的事件(注意页面卸载时注销),或者一些其他的http请求、验证等...

2018-12-10 21:50:08

阅读数 1316

评论数 2

原创 雨中漫步所想

打扫完房间,准备好煮粥的材料,装好垃圾袋、拿着发芽的土豆下楼去。扔完垃圾,讲土豆丢到菜地,顺势绕着活动场地绕几圈,也想了一些事。 照顾好自己日常起居 按时睡觉,按时起床,吃好早饭,按时上班。 最多连打两把游戏,不能沉溺。 注意饮食,不暴饮暴食,晚上喝杯暖暖的核桃汁。 早上吃一个大枣加,牛奶等。...

2018-12-09 20:31:24

阅读数 89

评论数 0

原创 今日,你我分离

今天你(女友)结束了10天之旅,启程回家。说实话,还真有点不舍。想想过去10天一起的时光,有甜蜜也有小争吵,更多的是明白互相体谅的重要性,借此时机,写下几件印象深刻的事情,供日后回味或思考。 11月29日早晨,见到了你 不知道等这天等了多久,截止到昨天,突然想早点见到你不就意味着早点分...

2018-12-08 19:56:02

阅读数 71

评论数 0

原创 从自我怀疑到自我实现

日常焦虑的场景 地铁上:为打发无聊时间,刷刷短视频,看看技术博客,既不是消遣也不是充电,可能看了别人的光彩或技术思考,开始怀疑自身,想想自己的差距,不够努力…,焦虑开始了滋生。 工作间隙,或上个厕所,思考自己宏伟的目标,再想想工作中的自己,开始自我怀疑,…,焦虑继续滋生。 下班,走在街道上,人来...

2018-12-07 17:05:16

阅读数 652

评论数 0

原创 最近在忙的三件事

最近在忙三件事:新项目前端工程的搭建与完善、项目组招人、Vue课程的准备 新项目前端工程 一个数据服务监控的项目,监控的有接口,服务。包括: 服务的申请。 监控详情与记录。 用户权限体系采用客户自有体系。 权限涉及到页面资源的查看权限 技术栈: 框架:react UI框架:antd 脚手...

2018-11-14 21:01:08

阅读数 204

评论数 0

原创 vue项目前端架构设计

为更好地实施我们的业务需求,需要一些规则或思考来帮助我们设计架构我们的前端工程,本文将以Vue项目为例,讨论如何设计与实施我们的项目架构,来满足版本的迭代、更新. 组件 组件:一个个的可复用单元,单页面程序的组件跟传统的UI组件稍有不同,不仅仅包含了样式,也包含了容器元素。可以泛化组件...

2018-10-24 17:57:17

阅读数 3476

评论数 0

原创 记一次直播授课之后

讲课情况 时间长达2个小时。 从样式到逻辑 从结构到模块 从空文件夹到项目 从沉重到优化(代码) 从封装到泛化 正则表达式 牵涉面很广了… 仅仅这些涉及面,搞两个小时一点都不夸张。问题是这节课程是否达到了一个期望的效果? 课程内容与课程目标 本堂课的中心是“模块介绍与模块实战”,所以核心是介绍...

2018-10-19 10:57:45

阅读数 198

评论数 0

原创 Mysql基础(二)

我们已经知道了通过select 查询记录、通过update 更新记录、通过delete删除记录,通过where子句限制条件。我们来讲一些高级的用法。 合并多个查询 有两条sql查询:select id,name from user_tb、select id,u_name from cl...

2018-09-28 14:54:02

阅读数 53

评论数 0

原创 Mysql基础(一)

数据库知识对软件开发者是很基础的内容,由于前端的工作性质导致接触数据库的场景不多,越从应用底层思考越感觉数据库的重要性,因此鄙人将以两个篇幅来介绍Mysql的基础知识. Mysql的安装与设置 下载:官网、社区版本 安装:设置用户名和密码 Mysql的登录与数据库操作 登录Mysql服务...

2018-09-27 14:26:41

阅读数 45

评论数 0

原创 ES6函数的扩展特性

ES6函数添加了一些新的特性,极大的方便了开发者的编程体验:箭头函数的简洁、默认的参数… 函数的默认参数 增加了默认参数(值或表达式)特性,让我们可以进一步思考函数的输入input(arguments),而不是简单的依照理所当然的方式去假定参数类型并据此执行操作代码(避免一些诸如... can...

2018-09-26 18:34:15

阅读数 47

评论数 0

原创 使用async、await改善异步代码

web开发经常用到异步编程,一方面不阻塞代码,另一方面也带来了回调地狱—差劲的代码可读性,es6有了async和await让开发者像写同步代码一样写异步代码 async 函数 定义:在普通函数前加一个async关键字 async function getName(){ return &quo...

2018-09-26 10:09:36

阅读数 59

评论数 0

原创 es6中的iterator

前言 iterator意为遍历器,是一种接口,为各种不同的数据结构提供统一的访问机制。 使用场景 for … of 循环 扩展运算符 解构赋值 原生支持遍历的数据类型有: 数组、类数组对象(HTMLCollection、NodeList) 字符串 ...

2018-09-25 11:35:13

阅读数 46

评论数 0

原创 手写es5 bind、forEach、find、reduce等方法

首先,中秋节要到了,祝我和朋友们中秋节快乐。 吃完饭突然想起了一次面试中还被问到的如何实现ES5的bind方法,当时一下子懵了,后面的回答一下子没了分寸…,,其实这些都是基础知识,相对于使用过的框架和库这些东西更能反映程序员的技术水平。 现在就来实现一下,纪念一下当时的囧态! 目录bindfo...

2018-09-21 23:11:38

阅读数 313

评论数 0

原创 谈谈css中的文本属性

目录定义分类基本属性间距排版文本处理与强调 定义 文本属性用于指定文本性值信息,比如字号、颜色、对齐、行高、字符间距等.(应用于某一范围的文本,具有继承性) 分类 基本属性 属性 描述 font-size 字号 color 颜色 ...

2018-09-20 16:58:45

阅读数 59

评论数 0

原创 彻底搞懂中英文本换行

目录white-space属性中英文本的默认换行优化中英文文本换行裸露文本与标签包围的区别一个小例子 white-space属性 该属性用于指定文字空格、制表符、回车符合并与保留,文字超出包裹容器是否换行。三个维度: 多个空格符、制表符是否合并为一个空白符 回车符保留还是视为一个空白符...

2018-09-20 14:38:04

阅读数 504

评论数 0

原创 css3渐变的使用(一):渐变基础与线性渐变

目录结构渐变的定义渐变的分类线性渐变的使用举例示范应用提醒 渐变的定义 在两个或多个指定颜色之间显示平稳的过渡。 利用渐变可以制作出非常漂亮的颜色。 渐变的分类 css3里渐变分为线性渐变和径向渐变,本文介绍线性渐变 线性渐变的使用 用于制作丰富的过渡色背景如 容器背景色,取代图...

2018-09-19 13:16:00

阅读数 441

评论数 0

原创 谈谈Cookie在客户端和服务的使用

定义 用来给无状态的http请求增添状态标记,供服务端辨识,也称客户端缓存. cookie的结构 key:cookie的名称 value:cookie的值 expires:cookie的失效日期(UTC时间字符串) max-age:cookie的失效间隔(秒),优先级高于expir...

2018-09-07 16:21:39

阅读数 1601

评论数 0

原创 css文本换行与长文字单行省略处理

前言: css很强大。 无论是早期的div+span布局,还是现在css3的各种新特性:选择器如first-child,nth-child,not等一些需要借助js才能实现的效果,一行css3代码搞定。更不用说滤镜、渐变等。 css3也加强了文本处理能力。今天结合两个小需求来谈谈css的文本...

2018-09-06 17:20:06

阅读数 229

评论数 0

原创 正则表达式实现ES6字符串模板功能

前言: 早上在地铁里,看到一篇文章说是用正则实现ES6字符串模板,没看细节,好奇心来了,我也实现一下。 ES6模板字符串 语法:我爱{ lover },会自动读取当前上下里变量lover的值并填充上去 相当方便,省去了拼接字符串导致的繁琐和易错,尤其是在DOM操作innerHTML里 ...

2018-09-06 16:00:23

阅读数 523

评论数 0

原创 再谈Date对象

前言: javascript里的Date对我们来说都不陌生,大家都会记得new Date()获取当前时间对象,以及getTime()获取时间戳的场景,由于项目 期间我们可能没时间去想想关于Date对象的其他知识与用法,那今天就来看看。 Date的一些用法 将字符串形式的日期实体格式化...

2018-09-05 17:37:23

阅读数 59

评论数 1

原创 谈谈JSON与XML的优缺点

JSON已成web数据传输的首要选择,今天就来谈谈XML与JSON,包括两者的相同点与共同点,以及优缺点。 JSON:javascript对象标记方法,一种轻量级的数据交换格式,是JavaScript的子集,由于是一种语言层面的规范,因此得以更好地在客户端解析使用。 数据格式:数字、布尔、字符...

2018-09-05 12:26:58

阅读数 2548

评论数 0

原创 window下查询端口占用并杀死对应的进程

场景:当我们于cmd、gitbash频繁关闭重启某服务时,可能造成重启失败,由于服务并没有被关闭,如此我们可以查询端口的占用,并杀死占用端口的进程 查询占用特定端口的pid netstat aon -aon|findstr "3000" 杀死特定pid的进程 taskk...

2018-09-04 17:51:55

阅读数 91

评论数 0

原创 javascript代码精简写法(一)

从本文开始,启动一个系列,介绍JavaScript的一些便捷的写法或者API 为何使用新特性?技术在发展,新技术的产生必然是解决了开发者编程中面临的痛点(痛苦的点),旧技术之所以落伍也是同理。技术发展,我们程序员也当紧跟时代的变革,拥抱新技术。同时,我们也要意识到技术只是工具,我们使用技术解决的...

2018-08-31 12:48:21

阅读数 810

评论数 0

原创 express+mysql从零构建后台服务

Node环境的安装 百度自行,建议安装下载LTS版本(长期维护版),对应的最新版本为8.11.4 Express的安装 npm install express --save 读者也可以安装express生成器: npm install express-generator –g 由于...

2018-08-30 14:36:05

阅读数 59

评论数 0

原创 小谈Ajax与Fetch

XMLHttpRequest与ActiveXObject 今天测试发现IE5已经实现了对XMLHttpRequest的支持。之前一直认为IE8以下是需要ActiveXObject兼容的。 发现ie9&amp;&amp;ie9--竟然没有同源策略限制?有图有真相: IE10...

2018-08-25 22:10:41

阅读数 57

评论数 0

原创 HTML跳转页面指定位置的几种方法

由于页面显示的信息总是有限的,因此我们需要得以跳转到页面指定位置的实现 纯html实现 跳转时机:&lt;a href="#anchorName"&gt;点击跳转到name为anchorName的位置&lt;/a&gt; 埋锚点:&...

2018-08-21 15:39:33

阅读数 10270

评论数 2

原创 HTML table标签的用法

table是一个比较古老的标签,它有很多自己的特性 table不会独占一行。需要主动设置其宽度,一般设置为100%,单元格会自动平均排列. talbe可以设置 有三种边框,一种是最外层的table元素上的,一种是tr元素上的,一种是td元素上的。可以通过设置style来实现,table元素也可...

2018-08-20 18:20:49

阅读数 1227

评论数 0

提示
确定要删除当前文章?
取消 删除