- 博客(25)
- 收藏
- 关注
RSS订阅转载 JavaSript模块化
JavaSript模块化 在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？ 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对
2017-06-30 20:35:03
289
转载 Cannot find module 'webpack/lib/node/NodeTemplatePlugin”问题
up votedown voteacceptedNode requires you to install webpack to your project.You have 2 options to solve the above:Remove global webpack and install it locallynpm uni
2017-06-30 10:49:35
4793
2
转载 --save-dev 和--save的区别
npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install --save另一个是 npm install --save-dev，他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文件 dev
2017-06-30 10:13:42
2811
转载 模块化的进进一步
一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加
2017-06-28 16:17:03
167
转载 模块化的进一步
七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript模块规范共有两种：CommonJS和AMD
2017-06-28 10:46:57
209
转载 jscript 模块化的理解
一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。这种做法的缺点很明显："污染"
2017-06-28 10:32:27
239
原创 $(document).height(),$(window).height(),$(window).scrollTop()
$(document).height(),是整个body对象的高度，如果文档的高度没有到达窗口，就是窗口的高度$(window).height()是窗口的高度$(window).scrollTop()是窗口滚动的高度
2017-06-26 14:57:02
2014
原创 echarts
http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 各种图表的设计
2017-06-25 11:31:18
206
原创 parseInt
parseInt("10"); //返回 10parseInt("19",10); //返回 19 (10+9)parseInt("11",2); //返回 3 (2+1)parseInt("17",8); //返回 15 (8+7)parseInt("1f",16); //返回 31 (16+15)parseInt("010"); //未定：返回 10 或 8
2017-06-22 20:48:40
963
原创 sass
首先在https://rubyinstaller.org/downloads/上下载相应的版本，然后根据官网http://sass-lang.com/install的提示安装 gem install sass 可以通过sass -v来查看是否安装成功
2017-06-19 18:45:04
254
转载 less的使用
less使用： 1.变量： 变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。//申明@c-orange:#ff6600;@f18:font-size:18px;//调用.class{ background-color: @c-orange; border:1px solid @c-orange; font-size:@font-size;
2017-06-19 18:39:23
283
原创 sublime text 3 安装less
1.首先安装nodejs，然后系统的环境变量上path上配置2、npm install -g less 和 npm install -g less-plugin-clean-css的时候报错，说少了了个文件，然后在安装的目录下npm init -f 然后再执行代码就可以了；3. 在sublime 里安装less 和 less2css
2017-06-19 16:14:02
393
原创 手机 media
竖屏 @media screen and (orientation:portrait)横屏 @media screen and (orientation:landscape)意思是对所有类型的设备 @media all and (min-width:1024px) and (max-width:1199px) div { float: left;
2017-06-15 21:49:47
351
原创 js改变样式的方式
1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';2、如果标签内有class就可以用下面的属性
2017-06-15 20:58:15
331
转载 视频直播前端方案
视频直播前端方案流媒体本质上是：现实的图像，经过编码器压缩，持久化为点播文件或者直播流，经过传输，在终端解码和展示。http live streaming（hls）适用移动端HTTP Live Streaming（HLS）是苹果公司实现的基于HTTP的流媒体传输协议，可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。由于大多数移动设
2017-06-14 21:10:42
3998
1
转载 使用jquery.qrcode生成二维码
qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。如何使用1、首先在页面中加入jquery库文件和qrcode插件。 type="text/javascript" src="jquery.js"> ty
2017-06-14 10:19:46
439
原创 Konva.js 专门对canvas的一个插件
https://konvajs.github.io/docs/shapes/Rect.htmlKonva.js - 2d html5 canvas library for desktop and mobile applications.html>head> script src="https://cdn.rawgit.com/konvajs/konva/1.6.3/k
2017-06-13 20:10:58
2904
原创 有字库 awesome
两个可以自定义字体的网站，使用@font-face {} 新属性之后可以不用考虑用户的浏览器上是否有相应的字体，只接引用服务器上的字体，
2017-06-12 20:08:45
225
转载 icomoon 使用
最近项目大量用到字体图标，大家也知道，字体图标任意缩放不会失真，也大大减少请求数量，非常好用。以下将讲解本人如何根据美工提供的.svg文件生成字体图标并应用。借助一个在线生成工具：https://icomoon.io/app/#/select1、进入网址：主页面2、新建一个图集3、添加.svg图片（可以使用现成的，也可以使用自定义的）
2017-06-12 20:04:59
419
转载 offsetX, clientX, pageX, screenX, layerX,
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下：[html] view plain copy> html lang="zh-cn"> head> meta charset="u
2017-06-12 16:29:45
360
原创 velocity.js 动画插件
Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，并和$.animate()有相同的 API， 但它不依赖 jQuery，可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能， 还拥有：颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 等特色功能。它比 $.animate() 更快
2017-06-11 17:06:17
487
转载 websocket java服务器
一.WebSocket简单介绍 随着互联网的发展，传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来，随着HTML5的诞生，WebSocket协议被提出，它实现了浏览器与服务器的全双工通信，扩展了浏览器与服务端的通信功能，使服务端也能主动向客户端发送数据。 我们知道，传统的HTTP协议是无状态的，每次请求（request）都要由客户端（如 浏览器）主动发起，服务端
2017-06-11 12:02:36
452
原创 css3简介
css3简介css3 是 css2 进化的版本，在css2的基础上面，增强或新增了很多特性。## css3的现状1.浏览器支持程度比较差，需要添加私有前缀2.移动端支持优于pc端3.不断改进中4.应用相对广泛css 兼容性测试http://www1.pconline.com.cn/pcedu/specialtopic/css3-doraemo
2017-06-06 20:58:36
605
转载 jQuery placeholder, fix for IE6,7,8,9
让支持的直接路过，不支持的，完美显示~~演示：http://ishere.cn/demo/jquery.jplaceholder/标签： jQuery源码与演示：源码出处演示出处代码片段(2)[全屏查看所有代码]1. [代码][JavaScript]代码 ?1
2017-06-01 09:57:51
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人