- 博客(24)
- 资源 (6)
- 收藏
- 关注
原创 常用正则
一、校验数字的表达式+ 数字:^[0-9]*$+ n位的数字:^\d{n}$+ 至少n位的数字:^\d{n,}$+ m-n位的数字:^\d{m,n}$+ 零和非零开头的数字:^(0|[1-9][0-9]*)$+ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$+ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$...
2018-09-01 09:35:12
211
原创 vue源码试读(二)
上一篇按照核心文件的结构,从宏观角度了解了Vue对象的构造过程,这里再从微观角度看看new Vue()的过程中框架都做了些什么。首先来个引入vue的demo。在demo中js:var demo = new Vue({ el: '#demo', data() { return { text: 'hello world!' } }})_...
2018-08-31 15:46:23
290
原创 vue源码试读(一)
基于js的vue总让给我感觉很神秘,到底在交互的时候vue利用js对template对component做了什么,带着这些问题,花了一天时间试读了一下源码,当然只是熟悉其框架和其响应式原理,了解个大概,总结如下入口文件到核心文件 core/instance/index.js在GitHub上down下源码,npm把核心vue解析出来:$ npm install ...
2018-08-29 22:08:54
365
原创 响应式常见问题
字体大小响应这里的字体大小指的是用户自己设置或者设备的默认字体大小。同样是12px大小的字符在不同设备上对用户的观感是不一样的,但是设备总会提供一个观感还不错的默认字体大小(或者用户自己指定的)。所以为了让我们的网站的文字在不同设备上也能有不错的观感,网站应该使用em代替px。em定义的是一个相对大小,设计者通过它可以定义哪些地方的字应该大一些,哪些地方的字应该小一些,但是不规定哪些地方的...
2018-08-21 10:51:16
414
原创 ES6中promise的相关问题总结(then,catch,ajax中promise对象)
Node的产生,大大推动了Javascript这门语言在服务端的发展,想必接触过Node的人都知道,Node是以异步(Async)回调著称的,虽然异步带来了程序的高执行效率其异步性提高了程序的执行效率,但同时也减少了程序的可读性。 如果我们有几个异步操作,并且后一个操作需要前一个操作返回的数据才能执行,这样按照Node的一般执行规律,要实现有序的异步操作,通常是一层加一层嵌套下去...
2018-08-16 17:43:19
2254
原创 nodemon试用(安装和配置)
最近在学nodejs,一门前端人的后台语言(其实是基于v8内核的js runtime),在学着写一个聊天室,在不断修改服务器所在的js文件时要不断的重启服务器,后来才发现有个神奇的插件nodemon——用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中。nodemon 的安装npm install -g nodemon 安装完 nodemon 后,就可以...
2018-08-13 22:02:04
2651
原创 webstorm激活授权分享
License server:http://180.76.140.202:9123 (2018/07/20)http://idea.wrbugtest.tk/ (2018/06/16)LICENSE: 1、37362-12042010 2、00000!enirob”h4FBnAgcpdNnIZydA 3、9AikY7i7Ecn7GW7EvybU”YwuAPkdCw 4、Qn7F...
2018-08-03 10:42:00
851
原创 JS实现年月日三级联动
所谓联动就是本身的改变受上下级元素影响,常见的多级联动运用在选择年月日,选择国家地区,购物筛选等等,本案例实现的是年月日的三级联动,原生js实现,效果如上图。大多说多级联动数据都是来自后台数据库的多维数组或者本地数据表,道理大同小异,无外乎js判断上下级关系,获取子父索引关系。本例的年月日也是如此。年和月好解决,不受谁影响,主要是每月天数受年月影响,闰年2月29天,平年29。1、3、5...
2018-07-21 19:17:22
709
原创 利用flex让页脚自适应置底显示
昨天帮朋友写个简单的页面,由于没有传后台数据所以页面写完主体部分很短,是的footer页脚没有显示在视窗的底部。 最后用flex的拉伸性解决了。 看一下css代码html,body { margin: 0; padding: 0;}html { height: 100%;}body { font-family: 'Oswald', sans...
2018-07-18 12:05:40
647
原创 巧用css属性隐藏HTML元素
最近发现博客园可以自定义博客页样式,就想把多余的侧边栏,footer,博客信息隐藏起来,想到了几种办法,在此总结一下:visibility: hidden;设置visibility: hidden;但是模块实际还是占版面的,浏览器一样会对齐进行渲染.opacity:0;透明度为0同样可以隐藏模块,同visibility一样,通过透明隐藏也是占版面的.position;...
2018-07-07 15:26:25
335
原创 经典布局问题
开篇之前先了解一个问题:浏览器在解析HTML结构的时候,是按标签顺序加载渲染的.也就是说,当块元素足够大,网速不好的时候,块是被一片一片加载出来.就上图的布局,掐指一算有4,5中方法:absolute + margin 方式HTML<header id="hd">头部</header><div id="bd"> ...
2018-07-05 16:00:55
388
原创 浅谈相同动画特效C3和JS实现的效率性
学这么久CSS和JavaScript其实我自己都没考虑过这个问题,有时候问题来了就很自然的解决了,大多时候都是用的js去完成动画特效 ,但是后头一思考,通用的动画用C3好像也能实现,那到底用什么方法实现好? 网上查了一下相关文章并不多,总结一下如下: 我们都知道导致JavaScript效率低的两大原因:操作DOM和使用页面动画. 通常我们会通过频繁的操作 ...
2018-07-04 21:16:31
591
原创 伪元素before和after用法总结
常见伪元素: 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 其中::before和::after常用在项目中,巧妙的运用会会使很多样式的实现变得非常简单. 一般地,我们不去用::before和::after展示实际性的页面内容,多是修饰性的,像icon,角标,行标,还可以配合cont...
2018-07-04 19:20:37
1122
原创 原生js实现轮播图(自轮播,两翼轮播,点选)
本篇博文实现的是一个原生js写的轮播图,含括了大部分轮播图的功能,有的同学问前端框架那么多干嘛要用原生写,伤神费脑. 个人感觉程序世界里的框架,是让大牛更牛,小白也永远只是小白.框架是死的,需求是不断更新的,我们只有知道了原理,才能不断利用原理满足别人的需求,总会有那么个时候框架满足不了的.所以,不要依赖框架,为了不让自己一直做小白,最近一直在用原生js写bootstrap的一些...
2018-07-02 22:57:17
555
1
原创 酷酷的滚动彩虹色文字
当下撞色风格很流行,撞色风格表达了”自信与活力,活出自己的个性,张扬自己的气魄” ,今天做一个比较容易实现的js特效,而且效果还不错,是什么呢,先看图: 滚动彩虹色文字效果,纯CSS效果. 将文字镂空,color透明,再设置背景滚动动画就得到这样一个效果.学习记录:绝对单位:px页面按精确像素展示;相对单位:em,相对页面设置的fontsize大小...
2018-07-01 17:09:08
555
原创 JS箭头语法以及箭头函数this指向问题
var a = 1var test = () =&amp;amp;amp;gt; { console.log(this.a)}var obj = { a: 2, test}obj.test()该代码中用到了ES6标准新增了的一种新的函数:Arrow Function(箭头函数)。x =&amp;amp;amp;gt; x * x上面的箭头函数相当于:function (x) { ...
2018-07-01 11:35:07
738
原创 纯CSS写个绿荫足球场,为世界杯喝彩
那要写出这样一个界面,首先了解一下球场结构,如图,具体比例就不坐详细说明了自行百度. 颜色上白线绿地没啥问题,发球弧和角球线通过父级的覆盖可以做到部分弧线效果.先看一下整体效果:abstract:1 )场地外围我们使用混合色:background: radial-gradient(sandybrown,maroon);2 )线条我们要自定义白粗线:...
2018-06-29 16:12:01
1236
4
原创 如何在博文加背景乐
一直在用MD写博文上传,今天试了下用HTML编辑博客发现一个巧妙的事情. 像CSDN,博客园,简书似乎都没有添加音乐的选项或者调用什么插件的都没有,之所会想到这个问题是今天写博客突然想加点音乐,本来就喜欢听音乐,代码的时候也要听音乐hhh…...
2018-06-28 21:43:56
196
转载 常见JavaScript报错分析
作为一名前端开发工程师,我们在开发中经常会遇到跨域这个问题。今天想从跨域的原理说起,接着到解决方案,最后到框架对跨域的封装。跨域指的是在URL访问地址中的协议、域名、端口任意一个不同,都被称为跨域访问。先对一个URL进行部分的拆分:如果单独针对前端不涉及服务器,那么是无法处理端口、协议不同的情况,要解决这种情况,必须涉及到服务器,使用代理等方法,后面会简单讲解一下。CO...
2018-06-28 21:31:12
306
原创 xshell常用命令(待补充)
Xshell 是一个强大的安全终端模拟软件,它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。Xshell 通过互联网到远程主机的安全连接以及它创新性的设计和特色帮助用户在复杂的网络环境中享受他们的工作。 Xshell可以在Windows界面下用来访问远端不同系统下的服务器,从而比较好的达到远程控制终端的目的。除此之外,其还有丰富的外观配色方案以及...
2018-06-28 10:35:36
1694
转载 常见JavaScript报错分析
1. Uncaught TypeError: Cannot read property如果你是一个JavaScript开发者,这种错误大概你已经见怪不怪了。在Chrome下,当你从一个不存在的对象(undefined)获取属性或则进行函数调用,就会报这样的错。你可以在Chrome浏览器控制台测试:有很多种原因可以导致这种情况的出现,一个常见的情况是在渲染UI部件的时候,没有正确地初始化...
2018-06-27 17:45:43
18188
原创 前端利器CodePen和Scrimba了解一下
前端的案例/项目应当存放在那? GitHub?没问题,但是最为一个专业前端人员,如果你还没有用过 CodePen,是时候去了解一下了。 官方站点连接[https://codepen.io/] CodePen 是一个完全免费的前端代码托管服务。 与 GitHub Pages 相比,它最重要的优势有: 即时预览。你甚至可以本地修改并即时预览别人的作品。 支持多种主流预处理器。你从不需要...
2018-06-27 15:38:59
11096
原创 Web全栈工程师基本素养
全栈工程师,Full Stack Developer(一下简称FSD).FSD最早是被脸书工程师Bueno的一篇文章 - Full Stack提出的,经过几年发展已被大家共识,并被企业视为一级招聘对象. 本人对FSD的理解并不是说什么都精什么都会,术业有专攻,何况Web领域涉及之广,后端开发、前端开发、界面设计、产品设计、数据库、各种移动客户端、兼容问题、restFul API设计和...
2018-06-26 20:32:11
412
原创 linux常用命令与终端快捷键总结
最近在学习linux,习惯了可视化窗口界面的人机交互,乍拿到命令行操作起来还是不那么习惯,但是大佬们黑客们喜欢他自是有他的原因的,在此总结一下linux常用命令和终端的一些快捷键:<hr noshade size=5 align=center width=50%>linux终端快捷键Ctrl+Alt+T 打开终端Ctrl+L 清空屏幕(功能相当于命令clear)Ctrl+U 剪切文本直到行...
2018-06-26 08:51:27
1048
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人