- 博客(85)
- 收藏
- 关注
RSS订阅原创 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-02-27 14:49:22
273
原创 Node[4] --数据
JSON 可以将表示对象的一组数据转变为一组字符串 ，异步应用程序中将字符串从 Web 客户机传递给服务器端程序最普遍的键值对形式 {"firstName":"Brett"}JSON 转换格式JSON转为对象var json='{"name":"CJ","age":18}';data1 = JSON.parse(json); // { name: 'CJ', age: 18 }对象转为JSONv
2016-08-12 10:35:38
335
原创 Node[3] -- npm包管理
1 写了一个编码解码的包 包名字是 encodeBase64【click me see in npmjs.com】npm install encodeBase64 -D 安装本包之后var Coding = require('encodeBase64');console.log('逐 的编码结果是 '+ Coding.Encode('逐'));console.log(' 6YCQ 的编码结果是
2016-08-04 10:25:12
250
原创 javascript
1 删除全部子节点//判断目标元素是否还有子节点，有的话一直删除第一个子节点while(obj.hasChildNode()){ obj.removeChild(obj.firstChild)}
2016-07-21 09:46:13
233
原创 React项目实战【2】--webpack
项目的使用了一个模块化管理工具webpack ,用来实现模块的管理打包。然后找了各种教程，各种安装bug 。最后翻墙到一篇，把基础的过程算是摸索了一遍。点我查看原文地址【需要翻墙】流程文章讲的很清楚，这里就不赘述了。需要注意的是，原文中在执行代码 webpack-dev-server --progress --colors之后，通过访问地址 http://localhost:8080/webpa
2016-07-18 14:48:53
488
原创 react项目实战【1】react基本知识
按照惯例，首先是各种参考资料建议先看看这个学习顺序，不要前后颠倒或者舍本逐末了关于react 1 一个完整的express react 项目2 react 的component 3 router 3.1 click see router 1 3.4 click see router 2 4 react官网 【需要翻墙】5 阮一峰的react入门关于es6 1 es6 速成开
2016-07-12 16:42:17
1175
原创 食尚项目总结
因为想试试利用node的文件模块fs 切分静态页，所以 简单写了几个页面，点击我看看 1 然后在搜索页的时候，利用正则做了一次搜索事件var searchVal = $("input[name='search']").val();。。。var find = new RegExp(searchVal,'g');if(find.test($it)){ $(item).parents("
2016-07-08 11:42:57
333
原创 基于Node的开发管理工具
1 BowerBower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如javascript、HTML、CSS之类的网络资源基本操作指令使用注意： bower 会自动发现安装库的依赖并且安装该依赖，所以可能会额外给项目添加不必要的库，这是bower的一个缺点原来这是一系列新技术介绍文章，有兴趣可以看看
2016-07-04 09:36:51
260
原创 YUA项目总结
这个项目中用到图表来展示数据，效果图 点击日期按钮返回不同时间段的数据波动。图表是使用的ichart.js 使用方法点击这里查看1 ichart基本展示 看过实例就知道，ichart.js 主要核心属性是 data 和 label 。其中前者用来决定图表中数据显示 后者是图表的X 轴轴标 数据表的Y轴由 srtart_scale end_scale scale_space 分别是起点
2016-07-01 10:11:15
365
原创 Node[2] -- NODE中关于文件的操作 fs模块的使用
参考张大神的这篇文章主要使用的是node中的fs文件系统的模块1 图片批量重命名var fs = require("fs");var src = 'D:\Testing/img'; //路径写了半天不对，原来是这么写的，如果进入的是子文件，要用反斜线 如果是一个，可以直接使用 var src = 'D:\images'; fs.readdir(src, function(err, fil
2016-06-29 17:42:17
845
原创 MP 新版本 [3 mysql sequelize 数据库到前端页面渲染]
在商品案例页面，需要根据商品的种类来处理三种商品，借此机会，来写一遍完整的后台到前端的流程。首先是数据表的创建 产品分类是通过属性category 来区分的然后相应的在 这里创建好对应文件，运行node update/init 之后，可以在数据库中查看，是不是已经创建成功了然后是控制器部分 控制器中封装了各种处理操作的方法函数 然后处理路由文件后台控制页面 对应页面部分
2016-06-23 15:26:48
649
原创 关于HTTP
1 HTTP状态码表示 其实分为5大类别 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 常用来表示重定向 400-499 用于指出客户端的错误。 500-599 用于支持服务器错误。下面列出经常见到的几种200 表示请求已成功400 表示1、语义有误，当前请求无法被服务器理解。除非进行修改，否则客户端不应该重复提交这个请求。2
2016-06-17 10:03:20
1345
原创 [前端框架]React
学习资料 1 阮一峰 2 官方文档 3 汇智网这里写链接内容 4 土豆视频 5 API感觉react的原理完全混乱了之前所谓“结构 行为 表现”三者分离的原则。 真是分久必合，合久必分呀 以下是练习过程中的胡言乱语，不成系统1 页面script 的 type 注意，要写为 type="text/babel"2 主要会用到 ReactDOM.render() 来进行页面搭建3 组件化v
2016-06-08 18:09:30
772
原创 图片延迟加载
页面中图片比较多，用到一个图片延迟加载的效果主要原理是判断当图像出现在当前窗口的时候才显示src 中的属性值 核心代码是这里$(window).scroll(function () { // 滚动的时候判断显示 var srcollHeigt = $(window).scrollTop(); $("img").eac
2016-05-19 10:31:03
322
原创 MP 新版本 [2 mysql sequelize 搭建数据库]
二 msqul sequelize 搭建数据库正在发懵中 搭建网站后台数据库部分，本来想的是使用XAMPP 和ecshop . 但是之后说，我们的网站是node 配合 sequelize 进行数据库搭建。 okay，lets do it right now;度娘告诉我关于sequelize：1 http://www.cnblogs.com/showtime813/p/4512699
2016-05-06 10:38:25
1271
原创 node 图片加水印
先看看ng的启动及执行过程 1)浏览器加载静态HTML文件并解析为DOM；2)浏览器加载angular.js文件；3)angular监听DOMContentLoaded事件，监听到时开始启动；4)angular寻找ng-app指令，确定作用范围；5)找到app中定义的Module使用$injector服务进行依赖注入；6)根据injector服务创建injector服务创建compile服务用于编
2016-05-03 14:06:18
1838
原创 [试水框架] ionic
最近想写一套电影APP界面，之前的时候有用过jquery mobil，但是不是很好用。正好学习一下iconic配合着angular来简单写一下。这里只使用iconic的css样式，其余操作用angular.js 来写。1 参考文档 API 地址 2 ionic官网
2016-04-28 17:26:12
291
原创 MP 新版本[1 express框架 ]
* express框架搭建*1 http://itbilu.com/nodejs/npm/EJUJrGVsg.html2 使用一下命令进行全局安装 npm install -g express之后。执行express相关命令，失败。是因为需要再安装 Express 应用生成器 。这样才可以快速创建一个应用的骨架npm install -g express-generator才可以使用3 expre
2016-04-12 19:39:55
490
原创 个人网站重构
1 占位图片生成<img src="http://placehold.it/350x150">不用引入任何外部文件，会自动形成对应数字大小的图片。2 关于伪元素和伪类css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。p::first-letter{font-size:24px;}a:hover{color:red;}其实再写的时候发现如果是<b></b> 是
2016-04-08 17:46:32
244
原创 FAQ前端面试大杂烩5
一 ： css3 1 border:0 ; border:none; 两者区别：性能差异： 【border:0;】把border设为“0”像素效果等于border-width:0，浏览器依然对border-width、border-color进行了渲染，即已经占用了内存值。 【border:none;】把border设为“none”，实际效果等同于border-style:none，浏览
2016-04-06 11:37:27
333
原创 Cookie&Session
看一个简单的例子： var res = document.cookie.substring(5); //这步是读取cookie值 alert(res) if (res!='www.ba.com') { alert("res none"); alert("what are ding")
2016-03-31 18:23:25
202
原创 Node
1 中文ａｐｉ ２ 英文ＡＰＩ这是会用到的两个管理器。第一个是node终端，第二个是npm,全称是node package manage.即node包管理器。基本操作是在npm中进行的，比如安装什么模块啦。npm中输入node,就可以进入node环境 1 关于模块 一个js文件就相当于一个模块。如下我们创建一个 ‘main.js’ 文件，代码如下:var hello = require('./
2016-03-30 11:36:54
255
原创 学习资源网址
1 Javascript1.js基础教程 2. javascript电子书 3 js代码规范 4 汤姆大叔的博客，深入理解js 5 js—this陷阱 6 js秘密花园 7 jsMDN2 JQ1 英语教学视频 2 相关推荐 3 jqAPI 英文 4 jqAPI中文 5 jqAPI中文3 大神们的网站1 张鑫旭 2 阮一峰网络日志 3 白树博客园 4 4 angular.
2016-03-29 17:50:18
377
原创 Ajax
1 put 和 delete 用法相同$.ajax({ type:"put", url:"", success:function (result) { console.log(result); }});
2016-03-28 16:30:38
143
原创 womoso项目总结
1 关于元素命名问题将元素的样式标签与行为标签分开，便于日后的操作。 比如一个删除按钮<button class="btn btn-theme-bg ac-btn-delete">delete</button>在文档迁移中知道自己命名的坏毛病了吧，自己给自己挖坑能怪谁呀 2 很多项目可以使用很多共同的样式比如margin padding 等等。可以搭建自己的一套样式列表在配合bootatrsp的
2016-03-28 14:11:45
413
原创 FAQ前端面试大杂烩4
1 输出结果答案是 hello189字符串与数字相加，得到的还是字符串2 关于js的执行问题head部分中的脚本：需调用才执行的脚本或事件触发执行的脚本 放在HTML的head部分中 body部分中的脚本：当页面被加载时立即执行的脚本放在HTML的body部分3 flash js 交互 Flash提供了ExternalInterface接口与JavaScript通信 两个方法：call
2016-03-21 18:59:10
332
原创 Less
网站重构用到了Less。 what is this? LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。1 变量@color:#826650; // 主色调@color0:rgba(0,0,0,0.5);.page{color:@color;background-col
2016-03-15 14:28:43
246
原创 资源奉献
1 图表 chart.js ichart.js http://www.ichartjs.com/samples/index.html?page=area2d_01.html&pageno=0ichart使用注意引入文件<script type="text/javascript" src="jquery-1.11.0.js" ></script><script type="text/j
2016-03-09 17:52:55
356
原创 控制飞机移动
网址http://www.webmxx.com/Blog/try1/flygame.html例子分析 1 键盘事件 onkeydown document.onkeydown = function (event) { ..... }2 分析按键的ASII 值来控制飞机运动方向左 上 右 下 对应是 37 38 39 403 获取键盘值function(event){ var
2016-03-09 15:53:41
589
原创 随机抽奖
点击按钮随机显示文本这里使用了一个随机显示数组中元素var data=['ipad mini','iphone 6','iphone 6s','魅族','ipad air','荣耀3C'];var random=Math.floor(Math.random()*data.length);然后是使用了计时器 setinterval 网址在这里 http://www.webmxx.com/myw
2016-03-09 10:45:05
295
原创 Math 相关操作
1 Math.max(x,y,c,v) 获取最大值如果max函数没有给出任何参数，返回-Infinity 如果有NaN或者非数字类型的参数，返回NaN max函数示例console.log(Math.max(5,8,6,-5,-6));console.log(Math.max());console.log(Math.max("dreamdu",8));console.log(Math
2016-03-08 17:20:49
251
原创 小东西
1 div 变化成可以输入文字的效果<div class="write" contenteditable="true"></div>contenteditable这是HTML5的新增属性，一般可以用来制作富文本编辑器。2 margin：auto为什么只能实现水平居中，不能垂直居中？当一个常规流中块级元素的margin属性左右值设为关键字auto，且它拥有固定宽度时，它便会平分剩余的水平空间，居中
2016-03-07 19:13:39
232
原创 Grunt
安装grunt 首先是要安装 node 。 通过node的官网可以下载下来，同时还有node 的 npm 也会一起下载下来的，不需要另外重复下载。 然后打开node 的 npm npm install -g grunt-cli这样在全局范围下载了grunt然后再建立新项目文件夹，比如 test ，通过指令 cd test 进入文件夹后输入指令npm init 输入指令 将会出来一个
2016-03-07 19:01:35
356
原创 FAQ 前端面试大杂烩3
1 关于函数 B是创建一个数组对象 C是创建一个对象 D是一个创建正则对象；若为var obj=/ /； 即赋值被注释掉，及运行被结束； 所以A错误。2 <meta charset='UTF-8' />这个有涉及到一个文档的解析过程， 当浏览器收到一个url 地址，按照这个顺序进行 1.浏览器访问对应的url地址，并获取对应的html（或者，以及，其他的css，javascrip
2016-03-07 10:43:52
351
原创 音乐播放器
网址 http://www.webmxx.com/myweb/my_thing/do/try1/song.html主要知识点 1 audio video 音频视频播放 audio 音频播放 本例子主要用到了两个属性 autoplay 自动播放 loop 循环播放 //mps播放器 var audioDom = document.
2016-03-02 18:07:39
307
原创 jq制作banner 滚动
网址 http://www.webmxx.com/myweb/my_thing/do/try1/address.html需要注意的点是 1 $(".move li").eq(index).stop().fadeIn().siblings().stop().fadeOut();这里有使用stop() 函数，参见 http://www.css88.com/jqapi-1.9/stop/2 $(t
2016-03-01 17:18:44
552
原创 FAQ 前端面试大杂烩2
1 关于 link 和 @import 2 var newObj = obj相当于两个对象指向同一个地址，修改其中任何一个，另外一个也会受到影响。‘ 3 关于跨域操作 域名 端口 协议 三者必须全部相同，才能称为相同的域参考网址 http://www.cnblogs.com/2050/p/3191744.html4 关于 ECMAScript定义了isNaN（）函数。这个函数接
2016-03-01 14:49:48
325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人