- 博客(55)
- 资源 (7)
- 收藏
- 关注
RSS订阅转载 Vue.js 和 MVVM 小细节
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewMo
2017-02-11 08:43:43
584
1
原创 使用wireshark抓包
wireshark是非常流行的网络封包分析软件，功能十分强大。可以截取各种网络封包，显示网络封包的详细信息。使用wireshark的人必须了解网络协议，否则就看不懂wireshark了。 为了安全考虑，wireshark只能查看封包，而不能修改封包的内容，或者发送封包。wireshark能获取HTTP，也能获取HTTPS，但是不能解密HTTPS，所以wireshark看不懂HTTPS中的内容，总结
2016-11-07 18:40:50
428
1
原创 angularjs 容易踩到的坑
在Angular群里回答新手问题一段时间了，有一些Angular方面的坑留在这里备查，希望能对各位有所帮助。这个文章将来会随时更新，不会单独开新章，欢迎各位订阅。Q1. 错在哪里？如果你这么写过，会发现这个位置啥也没有加载出来，那么，错在哪里呢？错在ng-include需要的是一个变量，如果你在scope中有这样一个变量scope中有这样一个变量 scope.userShowTemplateUrl
2016-08-27 21:57:39
1077
原创 jsonp 跨域在angularjs 中的应用
JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时
2016-08-27 10:28:41
498
转载 Requirejs常用配置和应用
requirejs、require方法冲突 如果加载了多个requirejs脚本，每个requirejs会判断是否浏览器已经实现了require和define方法。如果浏览器已经自带require和define方法，或者之前已经有一个requirejs脚本执行，那么这个requirejs就会立刻停止执行。所以，即使页面上加载了多次requirejs脚本也不会有什么问题。配置Context 我把c
2016-08-01 15:06:25
353
原创 before&&after
css用clearfix清除浮动实例 /*所有主流浏览器都支持 :after 伪元素。*/ /*.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;}/*不知道有什么用处，不加ie7也没有问题*/ */.clear
2016-07-20 10:35:07
407
原创 require.js的用法
一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的
2016-07-16 21:06:18
311
转载 当我们谈Web应用安全的时候 主要谈哪些
在本文中，主要探讨Web应用程序的安全性，主要包括漏洞攻击者如何利用不安全的Web应用程序来危害整个服务器或者破坏一个网站、以及开发人员如 何避免引入这些漏洞。主要介绍业界几个需要被着重考虑的Web应用程序的安全问题：SQL注入、表格和脚本以及Cookies和会话管理。 一、防止SQL注入 SQL(结构化查询语言)是基于美国国家标准学会(ANSI)标准，并作为共同的语言与数据库通信。每个数据库系
2016-07-07 21:32:15
2815
转载 原生js获取鼠标坐标方法全面讲解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变兼容性：所有浏览器均支持pageX/Y:pageX/Y获取到的是触发点相对文
2016-06-24 10:43:38
894
转载 nodejs基础: 如何升级Noejs版本
文章来源： http://theholmesoffice.com/node-js-fundamentals-how-to-upgrade-the-node-js-version/ Node.js的开发非常活跃，它的最新稳定版本也频繁变化，你不时会发现，一个模块不能在你当前的Node版本上使用，此时你需要升级Node幸运的是，可以用一种非常简单的方法来管理你的Node版本，即使用Node Bina
2016-06-13 09:46:50
654
转载 Reset css
/* KISSY CSS Reset 理念：清除和重置是紧密不可分的 特色：1.适应中文 2.基于最新主流浏览器 维护：玉伯([email protected]), 正淳([email protected]) *//* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural eleme
2016-06-03 18:55:41
386
转载 html 移动互联网终端的javascript touch事件,touchstart, touchend, touchmove
前言 如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP，这个页面上肯定是有很多可点击区域的，如果用户触摸到了那些可点击区域怎么办呢?? 诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处
2016-06-02 17:06:13
734
转载 文章标题
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？ PX特点IE无法调整那些使用px作为单位的字体大小；国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言
2016-06-02 10:43:15
244
原创 jquery ajax 跨域
1、jsonp html<script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $.ajax( { type:'get',
2016-05-31 11:40:34
771
原创 Audio 对象属性
Audio 对象属性属性 描述 audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。 autoplay 设置或返回是否在就绪（加载完成）后随即播放音频。 buffered 返回表示音频已缓冲部分的 TimeRanges 对象。 controller 返回表示音频当前媒体控制器的 MediaController 对象。 controls
2016-05-25 22:57:27
1028
转载 你不知道的 与 或
一、先来说说||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。alert(true||false); // true alert(false||true); // true alert(true||true); // true alert(false||false); // false 但是，从深层意义上来说的话，却
2016-05-16 19:07:41
194
转载 函数式编程
什么是函数式编程？根据百度百科的描述，“函数式编程是种编程典范，它将电脑运算视为函数的计算。函数编程语言最重要的基础是 λ 演算（lambda calculus）。而且λ演算的函数可以接受函数当作输入（参数）和输出（返回值）。和指令式编程相比，函数式编程强调函数的计算比指令的执行重要。和过程化编程相比，函数式编程里，函数的计算可随时调用。” 可以看出，在函数式编程中，函数被看做是“一等公民”。Ja
2016-05-13 11:17:15
247
转载 margin-top导致子标签绑架父标签问题
现象： 当两个空的块级元素嵌套时，如果内部的块设置有margin-top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin-top属性会绑架父元素（即将margin-top传递凌驾给了父元素）。 就好比一个小兵，看到上级有漏洞，就假传圣旨，利用漏洞扩张自己的权利。只要设置父元素的border（栅栏）或者padding（隔离墙），就能管住这个调皮的下属。 parrent{ wid
2016-05-12 15:25:10
287
转载 js中的getDate() getMonth() getFullYear()方法；js如何获取当前日期/年月日
js中的getDate() getMonth() getFullYear()方法getDate() 方法可返回月份的某一天，返回值是 1 ~ 31 之间的一个整数。 例子1：var d = new Date()document.write(d.getDate())输出：17例子2：我们定义一个带有具体日期的变量，并输出变量中月份的天：var birthday = new Date("Sep
2016-05-12 11:22:09
31985
1
原创 获取屏幕宽高
function a(){ “屏幕宽高为：”+screen.width+”*”+screen.height； } 其它： 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.b
2016-05-11 17:21:56
1447
转载 移动端js触摸事件
一、手机上的触摸事件 基本事件：touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发下面这个比较少用： touchcancel //触摸过程被系统取消时触发 每个事件都有以下列表，比如touchend的targetTouches当然是 0 咯：touches //位于
2016-05-11 17:14:29
638
原创 JS事件
（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window（2）捕获型事件(event ca
2016-05-10 13:45:10
322
原创 html的<select>标签，如何获取当前选中的项的内容呢？
比如下边的代码，若当前选中了第一项“一月”，如何获取字符串“一月”呢？？<select> <option value=0>一月</option> <option value=1>二月</option> <option value=2>三月</option> </select>原生jsdocument.getElementById('select').options[docum
2016-05-09 11:52:18
5513
原创 关于 a标签
javascript: 是一个伪协议，其他的伪协议还有 mail: tel: file: 等等。 1 修改密码 javascript:是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击时就没有任何反应。一般在这种情况下，会给绑定一个事件回调，来执行业务，如： 1 2 3 4 document.getElementB
2016-04-26 10:40:01
454
转载 JavaScript的设计缺陷?浮点运算：0.1 + 0.2 != 0.3
0.1 + 0.2 == 0.3 false 0.1 + 0.2 0.30000000000000004很多人马上就开始认为JavaScript设计的不成熟,设计上有缺陷。实际上这并不是JavaScript仅有的问题，C/C++/Java甚至Matlab都有这个问题，参见: why 0.3-0.2-0.1 not equal to zero。这只是JavaScript遵循IE
2016-04-18 22:36:34
450
转载 JS是按值传递还是按引用传递
在分析这个问题之前，我们需了解什么是按值传递(call by value)，什么是按引用传递(call by reference)。在计算机科学里，这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的按值传递 VS. 按引用传递 按值传递(call by value)是最常用的求值策略：函数的形参是被调用时所传实参的副本。修改形参的
2016-04-18 22:15:49
242
转载 从本质认识JavaScript的原型继承和类继承
JavaScript发展到今天，和其他语言不一样的一个特点是，有各种各样的“继承方式”，或者稍微准确一点的说法，叫做有各种各样的基于prototype的模拟类继承实现方式。在ES6之前，JavaScript没有类继承的概念，因此使用者为了代码复用的目的，只能参考其他语言的“继承”，然后用prototype来模拟出对应的实现，于是有了各种继承方式，比如《JavaScript高级程序设计》上说的 原型链
2016-04-17 21:53:05
315
转载 Javascript实现二级联动菜单
本文实例为大家分享了Javascript实现二级联动菜单效果的对应代码，具体内容如下 效果图如下：具体实现步骤如下： 1.所用js代码如下：var arr_province=[“请选择省份/城市”,”北京市”,”上海市”,”天津市”,”河南省”,”山东省”,”河北省”]; var arr_city=[ [“请选择城市/地区”], [“中关村”,”海淀区”,”
2016-04-16 16:20:18
451
转载 JS闭包导致循环给按钮添加事件时总是执行最后一个
按钮1 按钮2 按钮3 按钮4 按钮5 比如现在要实现这么一个功能，在页面上点击上面的按钮1到按钮5时分别alert出1,2,3,4,5.那么很多人自然想到如下这么做： 加入如下脚本代码： var list_obj = document.getElementsByTagName('li'); for (var i = 0; i
2016-04-16 16:18:31
307
转载 伪类选择器：E:checked、E:default和E:indeterminate
19.4.4 伪类选择器：E:checked、E:default和E:indeterminateE:checked伪类选择器用来指定当表单中的radio单选框或checkbox复选框处于选取状态时的样式。代码清单19-21为一个E:checked伪类选择器的使用示例，在该示例中使用了几个checkbox复选框，复选框在非选取状态时边框默认为黑色，当复选框处于选取状态时通过E:checked伪类选
2016-04-15 15:04:38
981
1
原创 获取当前页面的完整URL
javascript实现：top.location.href 顶级窗口的地址 this.location.href 当前窗口的地址PHP：//获取域名或主机地址 echo $_SERVER[‘HTTP_HOST’].””; #localhost//获取网页地址 echo $_SERVER[‘PHP_SELF’].””; #/blog/testurl.php//获取网址参数 ech
2016-04-11 13:43:54
6328
原创 配置nginx使之支持pathinfo
修改3个地方location ~ \.php { #1去掉$ root H:/PHPServer/WWW; fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_split_path_info ^(.+\.php)(.*)$; #2增加这一句
2016-03-26 21:48:56
494
原创 阿里云-workerman 服务器环境配置
1、购买阿里云 centos 服务器2、下载 Linux一键安装web环境 ，并copy到服务器3、执行一键安装包(./install.sh),会自动清理之前一键安装包安装过的环境。4、根据需要选择相应软件版本5、查看密码： 标准版:cat /alidata/account.log 专业版:cat /root/sh-1.5.4/account.log 注意：有可能不在这里，而是在下载目录里6、
2016-03-20 16:00:33
8078
4
原创 VI基本操作
1、卸载 使用命令 rpm -qa|grep 列出需要卸载的软件包 rpm -qa|grep php 使用rpm -e 加包名 rpm -e php-4.3.9-3.15 –nodeps 强制删除2、linux删除目录，rmdir，如果目录非空，使用rm -rf命令即可。 直接rm就可以了，不过要加两个参数-rf 即：rm -rf 目录名字 -r 就是向下递归，不管有多少级目录，
2016-03-20 10:36:59
266
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人