【正则表达式】str.replace(reg, callback) 使用

今天看到一个 str.replace(reg, callback) 的使用,之前一直沉浸在 str.replace(reg,anotherStr) 使用中,竟然还有这种操作? str.replace(reg, (此处有n+3个参数,n是匹配到的次数) => { //...

2017-07-23 20:31:47

阅读数 272

评论数 0

【正则表达式】exec 和 match 解析

前言exec 与 match 在某些情况下使用效果一模一样,导致我对他们两个的使用场景非常模糊,在此记录execW3C 中是如下解释的: 检索字符串中指定的值。返回找到的值,并确定其位置。 这是 RegExp 的方法,所以常见到如下使用:/\w/.exec('qwer666') 返回一个结果数...

2017-07-22 17:25:38

阅读数 193

评论数 0

【Web前端】使用 class 与 extends 实现继承

前言在以往需要用到继承的地方,总是用 inherit 以及 prototype 来实现,这里用 class 以及 extends 来改写,有什么好处呢。计时更简单,不会有破坏instanceof运算的危险。inherit 以及 prototype这里用我刚学的 Node.js 中流的相关操作做演示...

2017-07-19 11:07:23

阅读数 245

评论数 1

【Web前端】Vue.js项目部署到服务器

前言  最近做完了一个项目,Vue.js 2.0 + vuex + axios,还是有点大的。想着做了这么久,放服务器给朋友们体验一下,帮忙找找BUG,于是就有了研究服务器这一篇博客了。准备工作服务器既然是部署到服务器,肯定是需要一个云的。我这里找基友拿的一个,做测试的话,可以买阿里云的学生机,9...

2017-07-16 17:16:34

阅读数 15734

评论数 2

【Web前端】Vue.js 项目中遇到的一些问题汇总

前言最近在自己用 Vue.js 做一个仿网易云的 webApp,遇到了不少的问题,在这里做一个记录better-scroll 的使用问题better-scroll 是 Vue.js 中很好用的一个插件,能够很简单的实现滚动效果,先来看一下他的使用方法。立即使用<body> <...

2017-06-27 23:00:29

阅读数 4504

评论数 0

【Web前端】sublime text3 配置 nodejs

前言转载自kk的笔记正文1、下载Nodejs插件,下载地址为: https://github.com/tanepiper/SublimeText-Nodejs下载zip压缩包后解压,文件名改为Nodejs2、打开Sublime Text3,点击菜单“Perferences” =>“Brow...

2017-04-19 18:15:18

阅读数 145

评论数 0

【Web前端】js 跨域访问问题

前言今天在学习 ajax 的时候,发现 chrome 报出了如下一个错误:No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not all...

2017-04-07 23:39:47

阅读数 209

评论数 0

【Web前端】CSS水平居中和垂直居中的方法总结

前言最近遇到一个 dt dd 在 div 中垂直居中的问题,找到答案后,对所有的居中方法做一个总结。水平居中 设置元素为文本或者图片等行内元素时,可以通过text-align:center; 实现。 当设置的元素为块状元素时,text-align:center; 就不起作用了,这时候分两种情况: ...

2017-03-18 09:51:58

阅读数 5378

评论数 0

【Web前端】PS 简单切图

前言用到的 ps 切图比较简单,但是有段时间没用也不记得了,在此做个记录。第一步对想要切出来图的部分右键,选到对应的图层,查看是否为我们所需要的。第二步新建一个图层,和所需要的图层进行合并,这里是防止其他图层对图片产生影响。第三步ctrl + c,ctrl + n,然后在新的页面中 ctrl + ...

2017-03-12 10:42:41

阅读数 213

评论数 0

【Web前端】CSS 选择器之 last-child 与 last-of-type

前言今天在做 demo 时,last-child 与 last-of-type 发生了混淆,在此记录。last-child先看一下 w3school 中的解释: :last-child p:last-child 选择属于其父元素最后一个子元素每个 <p> 元素。last-of-...

2017-03-02 18:16:45

阅读数 279

评论数 0

【Web前端】从数组中找最大/最小值

前言对从数组中找最大值的方法做一些总结方法一Math.max.apply(null, arr); Math.min.apply(null, arr);apply方法:语法:apply([thisObj,[argArray]]) 定义:应用某一对象的一个方法,用另一个对象替换当前对象。 说...

2017-02-09 10:22:11

阅读数 487

评论数 0

【Web前端】linux 下配置 node.js

前言刚接触 linux,命令行使用的不好,下面大部分都是采用修改权限的方法直接进入目录操作。安装过程 官网下载好,解压。终端 mv node-v6.9.4-linux-x64 /opt/ 输入命令:sudo chmod 777 /etc/profile,进入目录下,备份一下,这里我是用 subli...

2017-01-18 16:31:53

阅读数 261

评论数 0

【Web前端】Linux下Sublime Text3的一些配置

前言最近在折腾linux,在这里对sublime text做一些记录。keybinding[ { "keys": ["ctrl+alt+j"], "command": "css_forma...

2017-01-11 22:43:10

阅读数 279

评论数 0

【Web前端】text-align 和 margin: 0 auto 的区别

前言今天在做练习的时候,大量的嵌套以及各种 div 乱入,text-align 和 margin: 0 auto 的用法让我感觉很迷惑,在回归简单后,在这里对两者做一个总结。用法与区别两者的用法很简单,在对应的 css 中写入即可。text-align:规定元素中的文本的水平对齐方式,适用于内联元...

2017-01-02 17:52:55

阅读数 638

评论数 0

【Web前端】各种宽高的作用

前言在 js 学习过程中,被各种宽高弄的生活不能自理,在此记录一下。内容提要网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth...

2016-12-13 09:24:25

阅读数 260

评论数 0

【Web前端】$(document).ready(function(){}) 和 $(window).on("load",function(){}) 的异同

前言在学习过程中,发现了 $(window).load(function() {}) 和 $(document).ready(function(){})的类似的功能,本着求实的精神,认真了解了他们的异同。$(window).load(function() {})这个呢,就是相当于原生 Js 的...

2016-12-08 00:14:51

阅读数 341

评论数 0

【Web前端】浏览器拖动到底部执行相关代码

利用 jQuery 实现滑动到最底部实现相关功能,例如加载。//获取某个 div 距离浏览器顶部的距离 var $top = $this.offset().top; //获取到整个文档的高度 var $heightOfDocument = $(document).height(); //获取当前浏...

2016-12-07 22:51:51

阅读数 151

评论数 0

【Web前端】Js 中的 this 和 jQuery 中的 this

前言在学到 jQuery 这一块的时候,出现了 jQuery 的 this,在这里记录一下与 Js 中的 this 的区别。Js 中的 this这里指的是当前的上下文对象,简单的说就是方法/属性的所有者。下面例子中,imooc 是一个对象,拥有 name 属性与 getName 方法,在 getN...

2016-11-27 10:16:54

阅读数 219

评论数 0

【Web前端】javascript作用域

前言上篇文章 setInterval() 函数在 <head> 标签和 <body> 标签中加不加引号的问题有很大的疑惑,涉及到 javascript 作用域,这里记录一下。全局作用域(window 对象) 所有在最外层定义(非函数体内定义)的变量都拥有全局作用域 所有末定...

2016-11-26 10:31:02

阅读数 292

评论数 0

【Web前端】setInterval(para1,para2)) 中 para1 的引号和括号问题

前言在使用 setInterval 的时候,传入的第一个参数——函数,发现了一些问题。在<head>标签中使用 Jswindow.onload = function () { var num = 2; function auto(){ alert(num);...

2016-11-26 09:38:43

阅读数 375

评论数 0

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