自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术教程

分享前端技术开发

  • 博客(100)
  • 资源 (6)
  • 收藏
  • 关注

原创 创建第一个node,express,ejs网站详细介绍

安装过程:npm install -gd express npm install -g express-generator express -V //查看版本,现在一般都是4.x系列的express ejs myapp //创建一个ejs模板项目或者express myapp//这创建的是jade模板,已经成功测试,不管是jade,ejs都可以通过下面的方法来进行访问。//进入app.js文件进行修改:

2016-08-20 12:12:22 1961

原创 crypto-js,require,nodejs,加密使用手册

密码模块我用的crypto-js,因为目测文档比较丰富。因为业务需要,需要将Hmac-sha1摘要出的二进制串Base64编码后发送。 但是由于crypto-js在内部加密使用的是私有的二进制数组WordArray,在给其他模块Base64编码时,总是没法拿到原生的二进制串,于是去认真学习了crypto-js。 结果发现没必要拿到原生的二进制串,crypto直接就可以以Base64

2016-08-19 16:51:22 5246

原创 安装nodejs调试工具node-dev npm install -g node-dev

一.为什么要安装node-dev呢?1.因为我们在编码的时候难免会出错误,或者由于粗心少打一个逗号啥的。亦或者其他意外错误。2.node-dev封装的很好。里面有很多很好的。错误提示,错误提示非常精确。二.怎么安装node-dev呢?

2016-08-19 15:08:24 6299

转载 徐家骏是华为数据中心的头,技术超级牛人,一级部门总监,华为副总裁,年收入过千万。

徐家骏是华为数据中心的头,技术超级牛人,一级部门总监,华为副总裁,年收入过千万。他从一个普通的公司职员,到年薪千万的华为副总裁,再到离开华为转战百度。徐家骏的十年从业经历和经验对于任何渴望成功的人来说绝对可资借鉴,我们从中也可以一窥华为公司的运作过程和徐的职业规划。世界上本没有好工作,下的功夫够了,好工作自会找上门的。

2016-08-19 09:26:44 7962

原创 到底什么样的人才能拿到千万级别的年薪?怎么才能快速成长快速获得基础资金

1、一个DELL的销售,今年应该是37岁。在一个区域市场上做了7年,整个区域市场上的客户也好,代理商也好,集成商也好,都尊称人家一声“Q哥”。算是当地服务器市场的老大。当年做出头是因为做人到位,很得客户认可,后来交了很多代理商兄弟从他那里拿货,他由于出货量大,就每个季度把单子拼起来批一个大单,价格非常好。然后代理商挣钱以后都会给他一点回报。保守估计他的年薪+佣金能达到150W。但是!当地服务器市场,10年也只出了这么一个牛人,赶上天时地利人和的主儿;其他那么多厂商的销售,都苦逼兮兮的拿着十几万的年薪。

2016-08-17 17:41:24 2458

原创 js获取url传递参数,js获取url?号后面的参数

js获取url传递参数,js获取url?号后面的参数

2016-08-17 14:25:35 999

原创 react项目入门教程

JSX如果你经常注意React你也许会发现有个东西叫JSX。JSX允许我们在Javascript中写HTML,而不是用HTML包含Javascript。它能帮助我们快速开发,因为我们不用担心字符串和换行等。你可以在浏览器中运行JSX,但是不推荐,因为这样会减慢你的页面速度。gulp和grunt为你的预处理任务提供了一个JSX解释器,所以如果你想使用JSX,我建议开启这个功能。使用

2016-12-29 10:57:55 1383

原创 atom下载,atom下载受限问题,atom国内资源,atom下载失败

atom中文下载地址,快速。点击下载

2016-12-28 15:41:29 5249

原创 react学习,react初学者

一.首先您需要按照nodejs这里不详细讲解,在官网下载最新版本即可https://nodejs.org/en/点击下载按钮即可点击学习node二.然后安装babel        npm install babel -g       npm install webpack -g      npm install webpack-dev-server -g三.npm  in

2016-11-19 23:05:55 688

原创 react安装初探

通过 npm 使用 React如果你的系统还不支持 Node.js 及 NPM 可以参考我们的 Node.js 教程。我们建议在 React 中使用 CommonJS 模块系统,比如 browserify 或 webpack,本教程使用 webpack。第一步、安装全局包$ npm install babel -g$ npm install webpack -g$ npm

2016-11-17 16:59:44 1761 2

原创 react组件自定义写法

var LikeButton = React.createClass({  getInitialState: function() {    return {liked: false};  },  handleClick: function(event) {    this.setState({liked: !this.state.liked});  },  rende

2016-11-17 16:56:05 1722

原创 angular url参数获取,修改以及端口获取等

/1.获取当前完整的url路径  var absurl = $location.absUrl();  //http://172.16.0.88:8100/#/homePage?id=10&a=100    //2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):   var url = $location.url();   // 结果:/homePage?

2016-11-17 16:52:35 4627

原创 FATAL ERROR: MarkCompactCollector: semi-space copy, fallback in old gen Allocation failed - JavaScri

C:\Users\tt>npm install express -gFATAL ERROR: MarkCompactCollector: semi-space copy, fallback in old gen Allocation failed - JavaScript heap out of memory   73331 ms: Scavenge 1389.9 (1

2016-11-14 21:38:32 6690

原创 JavaScript 获取当前时间戳

JavaScript 获取当前时间戳:第一种方法:var timestamp = Date.parse(new Date());结果:1280977330000第二种方法:var timestamp = (new Date()).valueOf();结果:1280977330748第三种方法:var timestamp=new Dat

2016-11-09 18:23:28 1298

转载 gulp安装基础教程

简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等

2016-10-28 11:03:09 589

原创 WebS WebStorm WebStorm WebS官方版下载

dreamweaver下载地址:https://yunpan.cn/cvRXbnADpQ5jM 访问密码 2267webstorm下载地址:https://yunpan.cn/cvRXajyDfguta  访问密码 36a2

2016-10-14 16:36:14 2138

原创 == 和===的区别

var num = 1; var str = '1'; var test = 1; test == num   //true 相同类型 相同值 test === num  //true 相同类型 相同值 test !== num  //false test与num类型相同,其值也相同, 非运算肯定是false  num == str   //tr

2016-09-18 09:51:45 374

原创 node和angular交互的两种方式

第一种解决方案:Nodejs服务端:Js代码  收藏代码router.get('/list', function(req, res) {      employeeService.queryData(function(data) {        var v = _.clone(mapping.employeeList);        v.list = data;  

2016-09-10 10:31:09 2590

原创 完整的node项目

一.具体创建自动化环境和环境搭建在上面已经发布,如果还不了解的请打开链接:http://blog.csdn.net/qq_16664643/article/details/52260658一.index.ejs                                                    atom编辑器快捷键大汇总   

2016-09-09 17:11:06 4345

原创 兼容IE6+、Chrome、FireFox的固定浮动css代码

/* body容器设置 */body {    /* IE6中需要为body添加如下两个样式属性,才能完美实现固定浮动 */    _background-attachment: fixed;    _background-image: url(about:blank);}/* 固定浮动 */.fixedfloat {    position: fixed;

2016-09-07 17:08:52 688

原创 jQuery 效果 - 隐藏和显示

Html代码: 复制代码代码如下: 学习天地  1111111111 2222222222 333333333 4444444444 5555555555 6666666666   Jquery代码: 第一种实现方式: 复制代码代码如下:1.  $(function(){ $(".topicList h

2016-09-06 10:13:21 458

原创 js处理数字保留2位小数,强制保留2位小数不够补上.00

超过位数的直接截取,不采用四舍五入例如2          →     2.002.3       →     2.302.321   →     2.322.328   →     2.32代码如下:function changeTwoDecimal_f(x) {   var f_x = parseFloat(x);   if (i

2016-09-03 21:50:15 6272 1

原创 git clone 时显示Filename too long的解决办法

在git bash中,运行下列命令: git config --global core.longpaths true

2016-09-02 20:52:22 4641

原创 it行业怎么获取高薪?

我们知道在北上广深,要拿到月薪过万简直和踩死蚂蚁一样简单。那么我们怎么样在这个基础上提高面试率,拿到更高薪资呢?1.在招聘淡季面试,为什么要在淡季呢?有的人认为淡季不是面试岗位一般都不会放出来吗?因为面试淡季,面试工作的人也少,而且很少有在这个时候辞职,所以竞争会小。所以如果某些公司急着招聘员工的的话那么这就是你的机会来了,主动权就在面试者手上。所以开价自然就随你了。2.准备一个开场白

2016-09-02 20:20:54 560

原创 知道这20个正则表达式,能让你少写1,000行代码

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;

2016-09-02 18:26:29 438

原创 js怎么获取cookie

document.cookie;JS设置cookie:假设在A页面中要保存变量username的值("jack")到cookie中,key值为name,则相应的JS代码为:复制代码 代码如下:document.cookie="name="+username;JS读取cookie:假设cookie中存储的内容为:name=jack;password=123则在B页

2016-09-02 16:45:38 13017

原创 node怎么禁用favicon.ico请求

var http=require("http"); var server=http.createServer(); server.on("request",function(req,res){     if(req.url!=="/favicon.ico")         console.log(req.url);     res.end(); });

2016-09-02 14:17:46 4387

原创 gulp,css压缩,js压缩,css加密,js加密

为了防止客户端的静态资源缓存,我们需要每次更新css或js的时候,通过md5或时间戳等方式重新命名静态资源。让客户端可以重新请求资源,而不是从缓存里取。然后html模板里的src也要做相应的修改。当然,这里还有个附加的需要就是,静态资源需要自行优化(压缩合并)。下面是我gulpfile.js的代码:  var gulp = require('gulp'),

2016-09-01 10:51:08 5676

转载 chrom调试技巧大全,史上最全

Chrome的隐身模式先来说说隐身模式的启用方法吧1.键盘快捷:Ctrl + Shift + N。2.在Windows7下的任务栏处,右击“Chrome”图标,会出一个下拉菜单,点击“新建隐身窗口”。3.你还可以在一个正在浏览的页面中,通过“右键点击链接”出现下拉菜单,选择“在隐身窗口中打开链接”,直接进入隐身窗口(如下图)。简单一点的说,C

2016-08-30 18:38:35 2110

转载 iframe高度动态自适应

一、前言碎碎念我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,两大烦人的东西,一是带遮罩的弹框提示,而是iframe高度问题。前一个烦人的问题使用其他形式的提示来规避,后一人扰人的问题确实没有什么经验,花了点时间折腾了下,基本上实现了效果,跨域没问题,兼容性也没问题,于是,写个小文备忘下,下次再使用的

2016-08-30 17:46:55 933

转载 谷歌调试最全技巧

你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功能,

2016-08-30 17:03:38 3771

原创 ifram自适应高度

$("#iframeId").load(function () {    var mainheight = $(this).contents().find("body").height() + 30;    $(this).height(mainheight);});$(window.parent.document).find("#iframeId").

2016-08-29 16:59:13 631

原创 严重: StandardServer.await: create[8005]:,tomcat一闪而过解决

严重: StandardServer.await: create[8005]:严重: StandardServer.await: create[8005]:2011-03-14 17:44:51| 分类: 默认分类 | 标签:tomcat java 端口 await create |字号 订阅org.apache.catalina.core.StandardServer awa

2016-08-29 11:33:34 1254

原创 tomcat部署web项目的3中方法

1.直接把项目复制到Tomcat安装目录的webapps目录中,这是最简单的一种Tomcat项目部署的方法,也是初学者最常用的方法。2.在tomcat安装目录中有一个conf文件夹,打开此文件夹,其中包含配置文件server.xml,打开配置文件,并在和之间插入如下语句。      其中,docBase为设置项目的路径。3.在conf目录中,在Catalina\lo

2016-08-29 11:26:10 497

原创 原生js实现全选全部选

原生js实现全选全部选,面试经常会问的一个问题,希望可以帮助大家面试顺利谢谢。

2016-08-28 20:04:20 2986

原创 WebStorm 打开多个项目的方法

File -> settings -> Directories -> Add Content Root 中添加你当前的工程目录。

2016-08-26 23:54:00 6717

转载 bat,大企业面试 题目

1、列举3个HTML5标签,3个CSS3新特性,3个ECMAScript 5新API。3个HTML5标签3个CSS3新特性border-radius@keyframesmedia query3个ECMAScript 5新APIString.prototype.trim()Array.pr

2016-08-26 16:26:18 624

转载 防止用户将表单重复提交的方法汇总

1.禁掉提交按钮表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。  我之前的文章曾说过用一些Jquery插件效果不错。  2.Post/Redirect/Get模式在提交后执行页面重定向,这就是所谓的Post-Redirect-Get (PRG)模

2016-08-26 11:01:52 403

原创 html常用标签

文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。 HTML是一种规范,一种标准,它通过标记符号来标记要显示的

2016-08-25 20:02:55 483

转载 最全的ajax详细介绍,ajax全

最全ajax全套ajax简介AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax不是一种新的编程语言,而是使用现有标准的新方法。AJAX可以在不重新加载整个页面的情况下,与服务器交换数据。这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据。使用Aja

2016-08-25 18:30:35 10394 1

好的公司信息求职公司信息

文档内容包含好的公司,已经好的工作。

2016-08-18

h5-scan扫码h5扫码模拟原生扫码功能

h5-scan扫码h5扫码模拟原生扫码功能

2020-05-09

PxCook_v3.9.940_build_201911131134.dmg

PxCook标尺切图工具,psd,Photoshop工具,psd工具切图快速切图。一键切图。设计专用,前端专用。快速生成css代码

2020-05-09

inoic完整项目

html文档,项目架构文档说明书.html文档,项目架构文档说明书.

2018-04-27

达内javascript笔记+代码

达内javascript学习笔记

2016-08-18

javascript精通pdf

js精通js详细解释,js引擎,js框架建立,js核心技术

2016-08-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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