2018年03月_cvper

原创 js appendChild( )

js DOM 操作 appendChild()下面的页面中有三个段落标签，我们在末尾再添加一个；<!doctype html><html> <head> <meta charset="utf-8"> <title>appendChild()</title> </hea

2018-03-31 17:31:10 2231

原创 javascript insertBefore( )

js DOM 操作----insertBefore( ) 的用法；含义：在某个元素之前插入一个新的元素；先来写一个带有三个段落的网页：<!doctype html><html> <head> <meta charset="utf-8"> <title>insertBefore()</title&

2018-03-31 17:14:13 6855

原创 Javascript 正则表达式( 七) test( ) 和 ^ 的第二种含义

上一篇，我们了解了^ 的含义，是从首位开始的意思，也就是左边开始； ^ 在不同的位置的含义是不一样的，我们再来看看^ 的第二种意思；并且，我们这一次使用test( ) 来代替之前的match( ); 先来看看test( ),之前我们通过match( ) 返回匹配的结果的数组，这一次，我们使用test( )返回匹配是true 或者f...

2018-03-30 19:51:38 1165 2

原创一个创业公司成员的总结

前几天去参加了一个招聘的笔试，开始之前，创业公司的成员之一讲述了他们认为的需要什么样的人首先第一点是热爱技术，好吧，这个大家都能理解；第二点是成年人，这个倒是可以思考思考；第三点是自驱，额，套用一下node.js的思想吧，事件驱动，总会有问题，我们要不断学习，进步吧；第四点是独立，个人觉得这个和成年人应该是类似的意思；还有一点是：他们认为应该以高效的方式创造价值，而他们的项目也是在实现这样...

2018-03-30 19:19:43 609

原创 js concat( ) 合并数组

先假设有数组 a=[ 1 , 2 , 3 , 4 ] , b=["a","b","c","d"] ,现在利用 concat() 即可增加数组元素或者合并两个数组，但是不会改变原来的数组；增加数组元素：在数组 a 中增加 5,6 结果为：[ 1 , 2 , 3 , 4 , 5 , 6 ]<!doctype html><html> <hea

2018-03-30 16:04:35 5998

原创 javascript 数组去重实现方法

代码：<!doctype html><html> <head> <meta charset="utf-8"> <title>数组去重</title> </head> <body> <script

2018-03-30 14:17:31 641

假设现在有个字符串，即String 对象，var str="abcd";我们知道str.length 可以求出字符串的长度，这个length 就是String 的属性；str.split() 可以把我们上面的字符串分割成 ["a","b","c","d"] , split（）就是String的方法；上面的属性和方法都是原来就定义好的，现在我们想添加自己的属性和方法，那就需要 prototype,...

2018-03-30 12:18:49 1073

原创 javascript 递归实现斐波那契数

斐波那契： 1 1 2 3 5 8 .....特点：后面的数等于前面两个数之和，即 f ( n )= f ( n-1 ) + f ( n-2 ) ;代码 <!doctype html><html> <head> <meta charset=...

2018-03-30 11:29:13 734 1

原创 css定位 position：sticky

定位有各种各样的类型，我们来看看这个sticky ( 尽管兼容性有些问题，但是却很好用 )；先来演示一下：<!doctype html><html> <head> <meta charset="utf-8"> <title>position</title> <

2018-03-29 16:25:25 300 1

原创 Refused to execute script from 'http://127.0.0.1:8888/public/js/jquery.js' because its MIME type ('t

问题：在写node的时候，我在本地项目中public 文件夹下面的 js 文件夹中放置了一个jquery.js文件， html模板中引用了这个文件，但是出现如题的错误提示；原因：html模板我是用 ejs 处理静态资源访问的：app.use(express.static(require('path').join(__dirname, 'public')));这个地方我已...

2018-03-29 12:28:03 8484

原创 webpack入门（六）：webpack 打包 css文件

上一篇，我们说了使用webpack.config.js 来设置webpack，而且之前我们也了解了如何打包 js 文件，现在我们看看如何打包 .css文件：老规矩，一步步来：第一步：全局安装我们的webpack (有的人可能为什么不局部安装，因为得一步步来，后面会说到相关内容，现在就按我的顺序来就行) 接下来要安装两...

2018-03-27 18:52:43 3008

原创 Javascript 正则表达式( 六 ) $ 和 ^

这一次，我们来看看正则中的 $ 和 ^ 的用法；我们现在有字符串 str="abc.css"然后我们想匹配一下 .css ，也就是验证这是个css文件<script type="text/javascript"> var str="abc.css"; var pattern=/\.css$/; ...

2018-03-27 12:45:11 809

原创 webpack入门（五）：webpack.config.js

有的同学可能在学习webpack的时候看到项目目录里会有webpack.config.js 文件，那么，这个文件是干嘛的呢？在上一篇中，我们学会了如何打包 js 文件，再来回忆一下我们是如何打包的：我们使用了 webpack run1.js bundle.js 这个命令，意思是从run1.js 开始，把 run1.js 还有所有依赖的文件共同打包成一个 bundle.js 文件；但是除了上面的...

2018-03-27 10:04:56 1604

原创 webpack入门（四）：webpack打包 js 文件

我们首先知道webpack是处理 js 的工具，那么就不能处理 css 等其它文件了么？不是的，webpack可以通过 loader 处理很多类型的文件；我们之前简单的打包过一个js文件，这一次我们看看webpack是如何打包有多个依赖关系的 js 文件的；具体过程：第一步：全局安装webpack，使用 npm install webpack@3.9.0 -g 下载完成即可；第二步：我们新建...

2018-03-26 16:23:07 2073

原创 webpack入门（三）：webpack版本的选择

首先我们查看一下webpack的版本信息吧：现在已经更新到4.2.0版本了，理论上，我们可以选择任何一个版本，但是新的版本也不一定就是最好的选择，可能存在各种各样的问题，一旦出现了让人纠结的问题，解决麻烦还是挺浪费时间的，并且4.0以后的版本已经分离了webpack-cli ,所以目前，无论是学习还是开发项目，我们可以先选择之前较为稳定的版本，个人还是用的3.0的版本；当然了，新的版本还是要测试着...

2018-03-26 14:11:08 17886

原创北京火车站的骗局

一周前的今天，也是周一，坐了一天的火车来到北京这个陌生的城市，出了北京站，我在广场上徘徊了一会，就在这个时候，一个四五十岁左右的大叔靠了过来，问我哪里人，我说安徽，接着他也说自己是安徽的，好吧接下来就是向我叙述了他来北京的路上丢了行李，身上没钱，好吧，明白了他是要借钱，虽然我已经发觉有很多的疑点了，但是吧人太善良，还是贡献了自己的爱心；心想被骗也就算了，几十块钱，万一是真的，帮助一下别人也挺好；只...

2018-03-26 12:10:26 1699

原创 Javascript 正则表达式( 五 ) 匹配数字 /d /D

场景，如何匹配数字0--9呢？使用 /d 就可以了：<script> var str="123456789abc ?><"; var patt=/\d/g; console.log(str.match(patt)); </script>我们看看结果：["1", "2", ..

2018-03-26 10:05:02 2659

原创 Javascript 正则表达式(四) 匹配所有的数字，字母，和下划线 \w \W

场景：如果我们想匹配一个字符串中的所有数字+字母+下划线，我们如何正则呢？使用下面这个 \w 就可以了：<script> var str="acb123..//_---!"; var patt=/\w/g; console.log(str.match(patt));</script>...

2018-03-26 09:49:56 6522

原创 Javascript 正则表达式（三）正则表达式变量

之前我们正则的时候，是直接在双斜线的中间写上我们要匹配的东西；比如 /abc/g ;但是现在有一种情况，我们有 str1="abcd";我们想匹配一下这个变量str1 ，怎么办呢？我们这么写 /str1/g ,这样结果匹配的是 “str1” 这个字符串而不是"abcd",我们需要这么写就行了：str="abcadgasdaioasdmas"str1="abcd";var reg=new ...

2018-03-25 21:46:44 576

原创 Javascript 正则表达式（二）

在上一篇中我们了解了正则表达式是怎么回事，并且会简单的搜索我们想要的结果，现在我们再看看一点新的东西：现在假如有字符串，str="abcadgasdaioasdmas"我们想找以a开头的并且只有两个字母的字符串；（注意只有一个点）str="abcadgasdaioasdmas"var patt=/a./g;console.log(str.match(patt));结果返回：["ab", "ad...

2018-03-25 21:19:28 114

原创 Javascript 正则表达式（一）

啥是正则表达式就不说了，我们直接来看第一个例子：我们现在有一串字母组成的字符串 str="abcdefghigklmnopqrstuvwxyz"好了，现在我们想找一下这个字符串str中有没有字符 "xyz",你可能直接看出在字符串的末尾就是，但是如果这个字符串特别长，那就不会这么容易就能看出来了，下面就可以使用正则表达式帮助我们来找一找；<script> //先定义...

2018-03-25 20:48:25 169

原创 vue+webpack 项目示例（第一部分）

项目没有使用vue-cli创建目录，自己搭建，我们先学会如何创建整个项目；1.先随便找个地方创建一个文件夹，起个名字吧：vue-webpack ; 使用npm init 先创建一个packge.json ; 2. 局部安装webpack（注意，请使用webpack3.0版本，不要用最新的4.0版本），vue ，vue-loader; 3.第二步的时候出现了warn 警告信息，那么来处...

2018-03-24 20:56:24 1396

原创 $(document).ready() / $(function(){ }) 的作用？

在使用jquery的时候，我们会加上$(document).ready(function（）{} }) 或者简单写：$(function(){ }),为什么要这么做呢？因为jquery是对DOM进行操作的，也就是说需要 DOM 结构加载完成之后，jquery才能工作，那么 $(document).ready() 或者 $(function(){}) 的作用就是等待DOM 结构加载完成，然后再执...

2018-03-22 19:51:43 4942

原创 jquery $() 的含义

最近在北京找工作，虽然不容易，但还是要不断学习，趁着这个机会，再复习一下以前学过的基础内容；我们在使用jQuery的时候，一般情况下使用的是 $() 而不是 jQuery ，因为简单，但是$() 和 jQuery的作用是一样的，都是把一个对象包装成 jQuery对象，然后能够使用jQuery对象的各种方法；所以说 $( ) = jQuery ( ) ；...

2018-03-22 19:39:18 1054

原创笔记本能连上wifi 但是浏览器打不开，使用手机的热点却可以正常上网的问题？

状况描述：window8.1操作系统，之前无论是连接WiFi还是直插网线都可以，今天来到北京却突然发现连的上 WiFi，却打不开浏览器，我打开手机热点，笔记本却能好好的正常工作。处理步骤：整整一天，各种百度，各种设置，各种修复软件下载，结果还是不行，吃完晚饭，从房东那得到路由器的登录密码，去后台一看，连着呢，没有问题，各种配置都是...

2018-03-20 20:14:50 83862 17

原创 JavaScript 把一个函数作为另一个函数的参数

我们知道JavaScript函数是可以接受参数的例如：var abc="just a test!";function test(temp){ console.log(temp);}test(abc);执行之后输出： just a test! 这里我们把一个变量abc 作为了函数 test() 的参数，最后输出了变量的值；那么函数也可以作为另一个函数的参数么？我们来看看下面的例子：functi...

2018-03-16 13:33:56 6429 2

原创 node环境下如何使用jquery？

（测试环境：node 7.6.0 npm 5.6.0 jquery 3.3.1 jsdom 11.6.2）第一步，下载jquery包命令：npm install jquery 第二步 , 下载jsdom包命令：npm install jsdom第三步，我们新建一个index.j...

2018-03-16 00:51:57 10606 3

原创 npm 如何查看一个包的版本信息？

有了npm 我们能够简单的一段代码就下载我们需要的包，但是包是不断更新的，所以我们要关注包的版本信息；现在，假设我们需要 jquery ，但是jquery现在有很多版本，我们如何通过npm查看呢？要知道，现在的jquery包在npm服务器的上，我们使用下面的命令查看：第一种方式：使用npm view jquery versions 这种方式可以查看npm服务...

2018-03-13 18:34:24 185754 6

原创 display: none 和 visibility: hidden 的区别？

这两个都可以隐藏响应的元素，但是实际效果是有差别的display:none 隐藏对应的元素，在文档布局中不再给它分配空间，相当于从文档中抹去了，彻底的消亡;visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间，相当于穿了一件隐身衣，虽然看不见但是依然存在;...

2018-03-13 17:14:38 322

原创 JavaScript是什么样的语言，有哪些特点？

javascript 一、运行在客户端浏览器上；二、不用预编译，直接解析执行代码；三、是弱类型语言，较为灵活；四、与操作系统无关，跨平台的语言；五、脚本语言、解释性语言 ...

2018-03-12 17:39:26 10068

原创 webpack入门（二）：对 webpack 有一个简单的认识

如果你安装好了node开发环境，也学会了npm操作，那么下面就可以学习webpack了；webpack 就是一个工具，什么样的工具呢？我们一步步的来看：首先我们打开 Gitbash , 这是一个命令行工具，你下载node的时候,不仅仅会下载node环境，还会一并下载 npm 和 Gitbash; 我们打开Gitbash( 或者其它的也行)：就是这个样子的； ...

2018-03-12 13:51:20 522

原创 webpack入门（一）：在使用webpack之前应该会哪些东西？

（本篇教程仅适用于初学者，高手请绕道）学会了webpack之后再看webpack 觉得没什么难度，但是对于初学者来说，根本搞不明白这是个什么玩意儿。学习前端的同学可能在学完html css js 等内容之后，发现还有webpack这个东西，然后也想学习一下，但是发现很多教程自己都看不懂，webpack很难么？不是的，原因在于：如果你不知道node，也不知道 npm ,那么你学webpack可能是非...

2018-03-12 12:27:39 1214

原创 npm init 自动创建 package.json 文件

一般的项目根目录下都有一个package.json文件，文件定义了项目的配置信息，还有一些需要的模块，我们可以自己创建这个文件，命名为package.json ;也可以通过npm 的npm init命令快速自动创建这个文件中间会让你输入一些参数信息，自己根据需要写，最后 is this ok ? 输入yes即可；如果我们在package.json 中配置了需要的各种模块，那么随后执行：npm i...

2018-03-12 11:47:49 6716

原创 vscode 打开终端快捷键

使用vscode的过程中，我们可能会用到终端，虽然系统自带有，但是还要另外打开，有点不方便，vscode中就有这个功能，打开方法1. 使用快捷键： ctrl + · 即可；注意那个点是键盘上 esc 下面的那个；或者：2. 选择vscode的 “查看”，然后选择“集成终端” ，打开即可；效果：...

2018-03-12 10:17:34 186354 21

原创 npm 下载指定版本包

现在我需要使用webpack这个工具，首先需要下载，但是下载之后的webpack是最新版本的，而且在使用的过程中有点问题，那么我想使用之前的一个固定版本号的webpack，那么我们重新下载看看，现在下载一个3.0.0版本的webpack：使用命令npm install webpack@3.0.0 -g 即可；...

2018-03-12 09:11:56 18367

原创 git 克隆远程项目到本地

假设我们在GitHub上面看见一个好的项目，想研究研究，于是乎，fork到自己的账户下面，现在我想把fork来的项目克隆到自己的笔记本上，也就是克隆到本地，那么需要怎么弄呢？我们需要使用git clone 命令来克隆到本地：第一步：我们先来看看fork来的项目（一个随便的例子），可以看到项目的名称：jackblog-angular2 第二步：使用命令 git clone git@github...

2018-03-11 22:33:33 42643 2

原创 angular2 项目写好了怎么发布出去？

假设我们通过angular cli 创建了一个angular2-demo1的项目，创建完成之后就是一个简单的项目了，我们不去改动任何东西，看看如何发布这个项目；发布之前需要进行打包，也就是进行压缩整合成我们需要的最终的项目源码，先看看项目目录：好了，现在开始对上面的代码进行打包处理（命令 ng build --prod --aot 或者 ng build --prod）：然后再看看我们的项目目录...

2018-03-11 16:59:29 4839

原创 angular2 如何创建一个新项目？

我们现在看看如何创建一个（2.0版本）的项目？我们可以自己一步步的配置所有需要的文件，也可以通过angular cli 这个很好用的工具来帮助我们创建一个angular的项目，本次我们通过angular cli 来创建项目。首先我们需要有 node 和 npm （版本不能过低 node>6.9 npm>3）,请自行去官网下载，现在这两个东西是集成在一起的，直接下载一次安装就完成了。上...

2018-03-11 01:02:02 2373

原创 rem 单位和 em 单位

首先要知道：rem 和 em 是相对单位；我们通过代码来看 rem 和 em的使用和区别：em:相对于父级<!doctype html><html> <head> <meta charset="utf-8"/> <title>this is a test file</title&g

2018-03-10 20:07:46 351

原创 Javascript history对象的 history.pushState() 和 history.replaceState() 方法

history.pushState() 和 history.replaceState() 是history对象的两个新增的方法，是可以很好的操作历史记录的方法；history.State()history.State()的作用是向浏览器的历史添加一条记录，我们来看看如何使用这个方法：我们创建一个html网页文件，在网页中加入一个button按钮即可，我们看看显示效果我们看到在地址栏中显示了文件的地...

2018-03-08 12:51:16 15215

空空如也

空空如也