- 博客(119)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 买16款macPro和还是15年macPro啦？实用大比较！
最近准备把自己的用了四年的老古董电脑换掉，迎接新年的到来。当然大家也知道，16款的macPro一出，大家蜂拥而至。土豪就直接15寸顶配，穷苦的老百姓再三捉摸，到底带不带bar。和大部分屌丝一样，博主我也是大学生一枚没啥钱，东凑凑西借借，准备了大概14000+的人民并准备买mac，其中考虑（6000京东白条，或者淘宝花呗）。看了很多文章再比较15,16款的优劣，也问了同事，和使用者的意见。大致决定买15年的15寸顶配，大概15000左右。
2017-02-08 10:18:19
64578
3
原创 css适配移动端flex css sprite rem
适配和兼容性问题？这个比较重要css篇 ● 识别各种端 ○ meta ■ ● h5 css3新特性 ○ max-width ○ @media screen and (max-width: 650px) ■ 不同规格下使用 ● 长度单位适配使用 ○ em
2017-04-11 17:09:05
1387
原创 阻止click点击事件
网上查了后有一下几种实现方法1.css禁用鼠标点击事件.disabled { pointer-events: none; }注：（这个没有试过）2.直接使用阻止事件的进行 e.stopPropatation||e.cancelBubble = truejquery 禁用a标签 方法1$(document).ready(function() {
2017-04-11 11:55:23
33886
1
原创 mac下bash的基本命令
1、mac环境下命令的使用ls -l -a 列出指定目录下文件 -l 显示文件的详细信息 -a 显示目录下所有文件（包括隐藏文件） -d 显示指定目录pwd 显示当前的工作目录的路径cd 切换工作目录. 表示当前目录.. 表示当前目录的上一级目录/ 根目录/目录分隔符./ 当前目录../
2017-04-09 00:08:36
5196
原创 跨域的几种解决方法
什么是跨域？跨域，不同域名之间的通信，就是跨域。如何区分是否是跨域呢，请看下面的例子。以 http://www.a.com:8888 为例@@@产生跨域的情况@@ 一个网站的网址组成包括协议名，子域名，主域名，端口号@一个网站的网址组成包括协议名，子域名，主域名，端口号。比如https://github.com/ ，其
2017-03-26 14:30:28
639
原创 css3大总结-面使用
1 这里为了面试总结一些常用的css3的用法2 css3动画 animatition//css@keyframes firstAnimate{ form{ background:red; } to{ backgrounf:yellow; }}// 当然我们可以用100% >> 0% @-webkit-keyframes firstAnimate /*
2017-03-24 11:32:44
419
原创 js的深浅clone
slice()方法会浅复制（shallow copy）数组的一部分到一个新的数组，并返回这个新数组。 这个方法会返回一个新数组，出来的结果当然和原来的数组不同。所以，c === a//肯定是false。所谓浅复制，是指这样的情况：Array.clone = function(arr) { const ans = []; for(let i = 0; i < arr.leng
2017-03-11 21:57:47
697
转载 关于jq 的懒加载指南
W3Cways.com 微信公众号Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某
2017-02-25 11:59:08
845
转载 HTTPS 为什么更安全？
HTTPS 为什么更安全，先看这些HTTPS 是建立在密码学基础之上的一种安全通信协议，严格来说是基于 HTTP 协议和 SSL/TLS 的组合。理解 HTTPS 之前有必要弄清楚一些密码学的相关基础概念，比如：明文、密文、密码、密钥、对称加密、非对称加密、信息摘要、数字签名、数字证书。接下来我会逐个解释这些术语，文章里面提到的『数据』、『消息』都是同一个概念，表示用户之间通信的内容载
2017-02-22 10:23:43
400
转载 关于前端的xss防御
最近深入了解了一下XSS攻击。以前总浮浅的认为XSS防御仅仅只是输入过滤可能造成的XSS而已。然而这池子水深的很呐。 XSS的类型总体来说，XSS分三类，存储型XSS、反射型XSS、DOM-XSS。存储型XSS数据库中存有的存在XSS攻击的数据，返回给客户端。若数据未经过任何转义。被浏览器渲染。就可能导致XSS攻击；反射型XSS将用户输入的存在XSS攻击
2017-02-17 10:11:00
1298
原创 使用canvas fingerprinting追踪用户信息
总结一下使用canvas fingerprinting的过程 需求分析（页未央的点赞模块功能） 详细需求看这里》》 点我《《 - 点赞次数 - 是否登陆 - 登陆了 - 记录userId判断是否点赞 - 没登录 - 1:会出现的问题： - 什么时机产生
2017-02-13 11:13:36
4911
转载 关于csdn的makdown使用方法
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-02-12 20:33:05
1013
原创 使用enCode和deCode来解决xss的危害
最近项目网站被一个黑帽来搞了几遍，所以有幸来研究一下xss和漏洞防护，web端，&，<,>(直接在<后面加/，html的扫描过程，当发现<的时候进行close，模式)
2017-02-08 09:46:48
1051
原创 升级node.js的方法
升级node.js的方法 直接去官网下载一个最新的稳定版本的node安装就可以了，npm包也随便升级了；不过以前的配置还是要自己走一遍，如果嫌麻烦还是按照一下的方法来吧或者使用这个方法 一行命令搞定，省去了重新编译安装的过程。 node有一个模块叫n（这名字可够短的。。。），是专门用来管理node.js的版本的。 首先安装n模块：npm install -g n第二步： 升
2017-01-13 10:02:13
602
原创 浅谈xss
xss详解 link这样来形容XSS “ 如果把浏览器看作WEB2.0后时代的操作系统，那么客户端脚本就相当于传统的应用程序，而XSS的攻击方式其实就相当于在被攻击者的系统上执行了一个木马程序。但这种“木马”有个很大的缺点，就是无法像传统木马那样在操作系统中安家，以后还能自动执行。 ”- XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里
2017-01-11 11:01:40
530
原创 被注入js脚本的xss的解决方法
acelan的解决方法// acelan fix xss// 20170110 假红包注入事件function encodeHTML(source) { return String(source) .replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>')
2017-01-10 15:20:31
4357
转载 jquery对象的一些讨论
1、jquery选择器$(‘selector’)返回的不是数组，而是封装好的jquery对象。但这个对象有一个特别的地方，就是查询到的节点被以下标为属性，添加到了jquery对象上，所以它看起来像数组，因为它存在一些属性是数字；2、jquery对象有哪些属性和方法？我们可以理解，$(‘selector’)返回了一个对象obj，obj[0]….obj[i]总是返回查询到的第i个节点。除此之外，jque
2016-12-15 10:27:30
297
原创 css3的居中,flex和普通的悬挂布局
css3的居中,flex和普通的悬挂布局<!DOCTYPE html><html lang="en"><head> <title>悬挂布局</title> <meta charset="utf-8"> <style type="text/css" media="screen"> * { margin: 0; padding: 0;
2016-12-15 10:17:46
924
原创 多种css垂直居中的方法
多种css垂直居中的方法==css3不定宽高水平垂直居中==-webkit-justify-content:center;justify-content:center;//子元素水平居中-webkit-align-items:center;align-items:center;//子元素垂直居中display:-webkit-flex;display:flex;1：固定高宽的垂直居中
2016-12-15 10:13:06
421
转载 使用JSON.parse()和JSON.stringify()区别
1:parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果JSON.parse(str)Object 1. age: "23" 2. name: "huangxiaojian" 3. __proto__: Object注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。2: stri
2016-12-09 22:17:41
779
转载 flag和jq on 的绑定多个对象和方法
使用flag跳出循环判断，当你判断一个值符合一堆数据中，符合一个就跳出的情况； 调用接口循环嵌套 参数名 要不同eg：<script> for (var i = 0, len = data.list.length; i < len; i++) { if (urlname == data.list[i].id) { util.alert("站点存在!"
2016-12-09 22:17:03
715
转载 js----全局变量和局部变量部分讲解
js—-全局变量和局部变量部分讲解以此文作为自己学习的一个总结。关于全局变量和局部变量的一句简单的定义：在函数外声明的变量都为全局变量，在函数内声明的为局部变量。 一、局部变量和全局变量重名会覆盖全局变量 var a = 1; function test1() { var a = 2; alert(a); } test1();// 2 二、
2016-12-09 22:15:46
462
转载 在JS方法中返回多个值的方法汇总
在JS方法中返回多个值的方法汇总 在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现： 使用数组的方式，如下：<html><head> <title>JS函数返回多个值</title></head><body> <input type="button" onclick="getNames()" value="test" /> <scri
2016-12-09 22:15:11
1353
转载 js/jquery/css 禁用点击事件
js/jquery/css 禁用点击事件> 工作中遇到这种情况： 验证邮箱 页面的重新发送需要在3分钟后才可以点击重新发送，所以在这之前需要禁用他的点击==我网上查了后有一下几种实现方法==1.css禁用鼠标点击事件.disabled { pointer-events: none; }//简单方便 鼠标呈现普通指针状，但是***失去***了点击事件jquery禁用a标签方法101 $(docu
2016-12-09 22:13:55
13124
原创 js使用indexOf()和substr()和split()取字符串特定值
学会使用indexOf()和substr()和split()取字符串特定值点我点我 eg：<script>var transferId;transferId = parseInt(urlname.substr(urlname.indexOf("=")+1,urlname.length-1));//transferId = parseInt(urlname.split("/z/").[1
2016-12-09 22:13:08
2666
原创 JS使用一个函数获取另外一个函数的多个返回值
废话不多说我们直接看代码╮(╯▽╰)╭<!DOCTYPE html><html lang="en"><head> <title>使用一个 函数 获取另外一个函数的返回值</title> <meta charset="utf-8"></head><body></body><script type="text/javascript" charset="utf-8">windo
2016-12-09 22:12:26
4954
原创 flag的使用和jq on 绑定多个事件和对象
使用flag跳出循环判断，当你判断一个值符合一堆数据中，符合一个就跳出的情况； 调用接口循环嵌套 参数名 要不同eg：<script> for (var i = 0, len = data.list.length; i < len; i++) { if (urlname == data.list[i].id) { util.alert("站点存在!"
2016-12-09 10:18:59
942
转载 sass入门学习
作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！一、什么是SASSSAS
2016-05-13 21:03:25
487
转载 常用数组Array方法: indexOf、filter、forEach、map、reduce使用实例
ECMAScript5标准发布于2009年12月3日，它带来了一些新的，改善现有的Array数组操作的方法。然而，这些新奇的数组方法并没有真正流行起来的，因为当时市场上缺乏支持ES5的浏览器。Array "Extras"没有人怀疑这些方法的实用性，但写polyfill（PS:兼容旧版浏览器的插件）对他们来说是不值得的。它把“必须实现”变成了“最好实现”。有人居然将这些数组方法称之为Arra
2016-05-02 20:18:05
3904
原创 css3的box-sizing
Box-sizing 是 CSS3 的Box属性之一，那他当然也遵循CSS的Box model原理。CSS中Box model是分为两种，第一种是W3C的标准模型，另一种是IE的传统模型，他们相同之处都是对元素计算尺寸的模型，具体说就是对元素的width，height，padding，border以及元素实际尺寸的计算关系。W3C的标准 Box Model:外盒尺寸计算（元素空间尺
2016-04-24 20:04:38
539
原创 jquery中detach()和remove()区别
JQuery是一个很大强的工具库，在工作中开发中，可是有些方法还是因为不常用到，或是没有注意到而被我们而忽略。 remove()和detach()可能就是其中的一个，可能remove()我们用得比较多，而detach()就可能会很少了 通过一张对比表来解释2个方法之间的不同方法名参数事件及数据是否也被移除元素自身是否被移
2016-04-23 20:41:35
863
原创 jQuery对象与DOM对象的区别
jQuery对象与DOM对象1:对于才开始接触jQuery库的初学者，我们需要清楚认识一点：jQuery对象与DOM对象是不一样的2:可能一时半会分不清楚哪些是jQuery对象，哪些是DOM对象，下面重点介绍一下jQuery对象，以及两者相互间的转换。通过一个简单的例子，简单区分下jQuery对象与DOM对象：3:我们要获取页面上这个id为imooc的div元素，然后给
2016-04-23 20:18:56
1588
原创 DOM对象和Query对象相互转换
相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了HTML代码
2016-04-23 20:12:14
911
原创 jquery中的html()及.text()和.val()的区别
读取、修改元素的html结构或者元素的文本内容是常见的DOM操作，jQuery针对这样的处理提供了2个便捷的方法.html()与.text().html()方法 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法：.html() 不传入值，就是获取集合中第一个匹配元素的HTML内容.html( htmlString ) 设置每一个
2016-04-23 20:06:05
772
转载 js中for in 和 for each in的使用
区别一： for in是javascript 1.0 中发布的。 for each in是作为E4X标准的一部分在javascript 1.6中发布的，而它不是ECMAScript标准的一部分。 这将意味着存在各种浏览器的兼容性问题。for each in，对很多浏览器都不支持的。例如是不支持IE6，IE7，IE8等浏览器的。 区别二： 例： va
2016-04-02 19:28:50
413
转载 css的特殊选择器 nth-child
下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：:nth-child(2)选取第几个标签，“2可以是你想要的数字”.demo01 li:nth-child(2){background:#090}:nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同.demo01 li:nth-child(n+4){backgro
2016-04-02 18:09:49
549
原创 关于数组的一些常用函数
关于数组的一些常用函数push()数组尾部增加元素unshift()在数组的头部增加元素；delete()删除数组元素；长度不变只是变成了 undefined；占一个位置pop()删除尾部元素；shift()头部删除元素；遍历数组（数组是对象 for in的遍历方式）join()将数组转换成
2016-04-02 18:00:27
1515
转载 前端代码的一些基本规范使用
基本Web标准一个符合基本Web标准的网页前端代码，HTML标签中的标签名应该全部都是小写的，属性的定义需要加上引号，CSS样式和Javascript代码不要夹杂在HTML标签中，而是应该分别单独存放在CSS样式文件和Javascript脚本文件中。理想状态下，一个网页的前端代码应该由.html文件、.css文件、.js文件这基本的三部分组成。HTML代码规范.
2016-04-02 10:48:05
725
转载 css的引入方式
最常看见的CSS的使用方式有三种1. 在span, div 等标签上直接使用 style 属性定义CSSspan style="color:blue">This is Blue.span> 2. 在当前的html 文件中定义class, 在html 标签中用class 的属性设置。
2016-04-01 20:54:55
307
转载 初学前端的点思考
计算机行业很多都符合82定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，我们的首要目标就是把这20%学起来，而重点就是把这20%的东西找出来。在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。
2016-04-01 18:48:53
310
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人