- 博客(55)
- 问答 (1)
- 收藏
- 关注
转载 Typescript入门关键几点
最近公司项目开始统一使用Typescript了,所以自己也是开始认真的学习了一下typescript,还是很有收获的!下面分享给大家基础知识基础let isDone: boolean = false;let decimal: number = 6;let color: string = "blue";// 数组,有两种写法let list: number[] = [1,...
2020-01-06 12:23:22
230
转载 ES6中export及export default的区别
本文原创地址链接:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632,未经博主允许不得转载。 相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在
2017-01-02 16:25:18
7976
原创 nodejs操作mongodb
var mongodb = require('mongodb');var server = new mongodb.Server('localhost', 27017, {auto_reconnect:true});var db = new mongodb.Db('mydb', server, {safe:true});//连接dbdb.open(function(err, db
2016-11-18 14:05:57
450
原创 MongoDB基础入门和Mongoose使用指南
一、什么是MongoDB ?1、MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统。在高负载的情况下,添加更多的节点,可以保证服务器性能。2、MongoDB 旨在为WEB应用提供可扩展的高性能数据存储解决方案。3、MongoDB 将数据存储为一个文档,数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象。字段值可以包含其他
2016-11-18 14:04:55
975
1
原创 devDependencies和dependencies的区别
我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:--save-dev--save在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,责被写入到 dependenci
2016-11-15 21:25:33
410
原创 nodejs-基础1
nodejs的版本 偶数位为稳定的版本,奇数为非稳定版本;nodejs模块分类: 核心模块 http fs path 。。。 文件模块 var util = require('./util.js');。。。。 第三方模块 var promise = require(''bluebrid);。。。1,创建服务var http = require(
2016-11-13 16:07:45
280
原创 移动端日历
只是一个初步的简单的日历,有是否显示上月和下月部分的选项 移动端日历 table{ width: 100%; border-collapse: collapse; } td { padding: 0; margin: 0; vertical-align: middle; text-align: ce
2016-11-09 14:33:02
1220
原创 node事件监听当中的on和addListener的区别
没有区别,EventEmitter.prototype.on = EventEmitter.prototype.addListener;
2016-11-07 16:19:13
4761
原创 http详解
http:智能终端的通信协议;通信过程:1,http客户端发起请求,创建端口;2,http服务器在端口监听客户端请求;3,监听到请求后,http服务器向客户端返回状态和内容;从输入网址到显示器显示内容的过程:1,解析域名---》IP地址2,建立连接3,请求数据4,服务器返回数据:5,浏览器拿到了数据;6,客户端渲染数据:
2016-11-06 10:21:42
226
原创 content-Type:text/plain和text/html
最近再看nodejs 建立服务的时候:var http = require("http");+http.createServer(function (request, response) {+ response.writeHead(200, {"Content-Type": "text/plain"});+ response.write("Hello
2016-10-20 16:22:19
27032
原创 FormData对象
最近在做图片上传的时候用到了这个,但是还是不是很清楚,就在网上百度百度,特意做下总结,以便经常来看看,下次再做的时候忘了可以回头看看。想得到一个FormData对象,很简单:var formdata = new FormData();但一个空的FormData对象对我们没有意义,因此W3c草案提供了三种方案来获
2016-09-30 17:52:49
614
原创 移动端页面在苹果手机中需要主要的问题
遇到一个问题写一个:1、在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的Safari中返回的永远是"Invalid Date"。 后来我在网上
2016-09-29 17:30:27
911
原创 关闭sublime自动检测更新提示
关注&微&&信&公&众&号:认真学前端------------------------------------------------------------在使用sublime text 3的时候,有自动更新的话再打开的时候总是提醒更新,这让我这个强迫症重度患者非常难受,要取消自动检查更新,点击菜单栏“Preferences”=>...
2016-09-29 15:40:00
43533
22
原创 es6中的set
SetSet 是 ES6 新增的有序列表集合,它不会包含重复项。之前我们通常用对象(Object)或者数组(Array)来实现没有重复项的集合。但对象会对 key 进行 toString() 操作,这会导致某些 key 会意外覆盖之前的数据;如果 key 本身是一个对象,toString() 也得不到想要的结果,如下:JSvar o = {};var key1 = 2;var k
2016-09-28 10:53:20
3998
原创 jq中的prveObjec对象
在使用谷歌的调试工具的时候,可能会发现prevObject 这个对象,但又不知道他是什么,jquery选择器在遍历的过程中都会找到一组元素(一个jQuery对象),然后jQuery会把这组元素推入到栈中。而每个jQuery对象都有三个属性:context、selector和prevObject,其中的prevObject属性就指向这个对象栈中的前一个对象,而通过这个属性可以回溯到最初的DOM元素集
2016-09-20 18:32:30
3071
原创 web app禁用手机浏览器缓存
最近做移动端开发碰到这烦人的事情,JS或CSS代码改变,可手机浏览器怎么刷新都不更新,手机浏览器的缓存特别恶劣。 所以今天贴个方法解决这问题。记得,本地调试的时候贴上,上线后要删除哦,免得访问者浏览体验慢。 代码: 把上面的代码贴到HEAD里面即可。 顺便贴个缓存的资料: 1.概念 Cache-control用于控制HT
2016-09-14 09:47:19
4313
转载 cryptico.js使用
cryptico.js这个加密算法库很全,很适合在前端用到各种加密解密算法的需求。但是美中不足的是,它的RSA加密不支持PEM格式,所以如果你后端用java或者python生成的公钥不能直接用PEM的base64格式传给前端进行加密。解决办法:解决办法就是在后端提取出来n和e这两个数,转成16进制之后传给前端,然后人为修改cryptico的两个函数:var publicKe
2016-09-11 10:58:25
662
原创 微信开发1
最近准备搞微信开发,不过看到公司现在的状况是前端只需要做内嵌页面就可以了,不过呢还是相关的东西也要多了解一些,所以自己也搞了一个,前期准备工作:1、先要有一个公众号吧:前端学习1 (小伙伴们赶快关注吧)2、然后呢就是完成基本的配置---》自己的服务器(我这里就用了新浪云:特别说明必须实名认证才能通过,不知道url和token的自己去百度吧);3、再然后呢我就想着可以开发了吧,先搞
2016-08-20 13:44:55
306
转载 Three.js学习笔记---我和小伙伴都惊呆了
什么是Three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏
2016-08-07 10:46:55
18796
2
原创 angularjs表单验证
为了界面显示的更加完美,这里也引入了bootstrap;index.html: .wrapper{ width: 200px; margin: 30px auto; } input.error{ border: 1px solid #a10; } .error{ color: #a10; } /*p.error
2016-08-06 10:03:34
3030
原创 JQ滚屏插件--fullPage.js
fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等兼容性fullPage.js 支持 IE8+ 及其他现代浏览
2016-07-27 16:46:51
961
原创 JQ中的attr和prop方法
啥也不说了,注意坑,如果你在使用attr的时候发现明明在行间已经加上了该属性但实际却无法生效那就尝试一下prop吧!贴一张官方推荐的是使用attr还是prop的表格:Attribute/Property.attr().prop()accesskey√ align√ async√√auto
2016-07-26 18:04:25
757
原创 angularjs自定义指令
AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。我们知道AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定下面将会介绍如下的内容: 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用如何自定义指令:
2016-07-23 16:24:49
355
原创 AngularJs服务
服务:其作用就是对外提供某个特定的功能,如消息服务,文件压缩服务等,是一个独立的模块。ng的服务是这样定义的:Angular services are singletons objects or functions that carry out specific tasks common to web apps.它是一个单例对象或函数,对外提供特定的功能。
2016-07-23 10:24:22
231
原创 文件读取
* { margin: 0; padding: 0; list-style: none; } #div1{ width: 200px; hei
2016-07-09 17:56:59
233
原创 nodejs一文件系统
在node.js中,可以通过fs(file system)模块进行文件的I/O操作。1、模块调用声明:var fs=require('fs');2、使用readeFile方法,进行文件数据的读取。fs.readFile(filename,[options],callback);filename为文件路径及名称,options为具体选项配置,包括数据的编码方式
2016-07-02 14:30:50
245
原创 JQ插件开发
基本方法先看一下它的基本格式:$.fn.pluginName = function() { //your code goes here} 基本上就是往$.fn上面添加一个方法,名字是我们的插件名称。然后我们的插件代码在这个方法里面展开。比如我们将页面上所有链接颜色转成红色,则可以这样写这个插件:$.fn.myPlugin = function() {
2016-06-26 14:03:58
483
转载 jQuery 3.0 的变化
1、简化了 show/hide之前的 show/hide 是大兼容,比如 show, 无论元素的 display 是写在style,stylesheet里都能显示出来。3.0 则不同了,写在 stylesheet 里的 display:none 调用 show 后仍然隐藏。 3.0 建议采用 class 方式去显示隐藏,或者完全采用 hide 先隐藏(不使用css代码),再调用 show
2016-06-25 18:13:43
360
原创 js正则难点突破--惰性匹配和贪婪匹配
在讲贪婪模式和惰性模式之前,先回顾一下JS正则基础:写法基础:①不需要双引号,直接用//包含 => /wehfwue123123/.test();②反斜杠\表示转义 =>/\.jpg$/③用法基础:.test(str);语法:①锚点类/^a/=>以"a"开头/\.jpg$/=>以".jpg"结尾②字符类[abc]:a或b或c[0-9]:一个数字[
2016-06-24 18:27:44
2311
原创 jsonp跨域中后台返回的不是回调函数形式
在常用的jsonp跨域请求时后台返回的是一个回调函数,然而当后台传的不是以函数形式返回的,实际返回的是一个变量,那么原生js封装的jsonp就不能使用了,那么我们该如何拿到后台传过来的数据呢?其实原理不变,我们依然是利用script标签的src属性没有跨域限制,在这个标签里面使用返回的变量,但要注意请求是需要时间的 只能在这个script标签加载完毕后才能使用返回的变量;贴一下代码:
2016-06-20 17:09:12
4451
原创 对ajax使用的一些感想
自从用了别人封好的ajax,用起来确实很方便,但是总是感觉有一层不确定的东西挡在自己前面,也有很多不明白的地方,最近就开始看了看了源码,然后自己也动手封装简单的ajax框架,然后也看了cookie 的,感觉用到了大量的回调函数的思想,对于这个思维的转变过程确实有点麻烦;自己在理解这个的过程中做了很多小栗子,也结合生活中的很多情况比较,虽然现在有一点点的深入,但是还是感觉有些欠缺,希望有一天能够顿悟
2016-06-19 14:04:01
466
转载 CSS中margin-top属性失效问题解决
CSS属性有很多值得学习的地方,你对CSS中margin-top属性失效的解决方法是否熟悉,这里和大家分享一下,相信通过本文的介绍你对margin-top属性失效的解决方法一定会有深刻的认识。关于margin-top属性失效的解决方法常出现两种情况:(一)margin-top失效先看下面代码:div> divclassdivclass="box1">float:
2016-01-28 11:19:53
1013
转载 行内元素与块级元素比较全面的区别和转换
一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题
2016-01-14 11:10:26
696
1
转载 7个JQ最佳实践
在这篇文章中,我会给大家介绍在编写、调试和审查JavaScript代码的时候一些好的实践(至少我是这么认为的)。事实上,我选择了其中7个最常见的场景。 1、使用CDN及其回退地址(fallback) CDN代表内容传递网络(Content Delivery Network),是一个缓存了JavaScript文件的服务器。使用CDN之后,每当一个新用户发起请求的时候,你的应用程序可
2016-01-13 11:29:14
343
原创 从$('li').filter(':even').css('background-color', 'red');说起
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。 list item 1 list item 2 list item 3 list item 4 list item 5 list item 6$('li').filter(':even').css('background-colo
2016-01-13 10:43:17
1353
原创 HTML5 <label> 标签
标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 标签的 for 属性应当与相关元素的 id 属性相同。 Male Female
2016-01-09 20:45:02
1078
原创 流体布局CSS3中 calc()的使用 顺带box-sizing
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除IE怪异
2016-01-03 21:22:33
590
原创 用CSS实现三角形
#sanjiao{width: 0;height: 0;overflow: hidden;border-width: 10px;border-color: transparent transparent red transparent; //将transparent改为其他颜色会很轻松的看到其形成过程!border-style: dashed dashe
2016-01-02 22:47:28
257
空空如也
全局变量和window的属性有什么区别?
2016-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人