- 博客(41)
- 收藏
- 关注
RSS订阅转载 Linux Centos7 搭node配合Ngxin反向代理 pm2自动托管
在阿里云上买了个ESC服务器，于是就装了个Linux Centos7.4，开始了采坑之路 第一个问题，怎么让人访问自己的网址可以访问到自家的网站呢？ 首先当别人输入域名就会去访问你服务器的80端口，如果输入域名加端口号才会去访问到你服务器上其他的端口，于是乎就需要用到Servevr来暴露了端口了 此处我用的是http-server，一个精简的http服务，但是有个问题，...
2018-02-01 11:06:00
236
转载 JS复习之Call和Apply
文章见于知乎：https://www.zhihu.com/question/20289071 如果知道call和apply的创造原因，应该就能很方便的理解它们了。 如果正常来说，创造这样一个构造函数与实例的话，是能直接使用的 function cat(){ } ca...
2017-11-08 21:17:00
170
转载 JS复习之数据类型
在JavaScript中有5种（Undefined、Null、Boolean、Number、String）简单数据类型和1种（Object）复杂数据类型，用var声明变量 可以使用typeof方法来检测数据类型 下面来详细介绍6种数据类型 1.Undefined类型 未初始化与未声明的变量值都为undefined，未声明的变量直接使用会导致报错，但是可以用typeof操作符执...
2017-11-05 20:06:00
180
转载 JS复习之JavaScript引入注意事项
笔记: 1.<script>标签常用属性 一.async表示应该立即下载，但不妨碍其他资源或等待加载其他脚本，只对外部文件有效 二.defer表示脚本可以延迟到文档完全被解析和显示后再执行，只对外部文件有效 三.src表示要执行代码的外部文件 2.标签位置 传统的做法是放入head标签中，但是这样会影响页面的加载，在加载过程中页面是一片空白，为避免...
2017-11-04 17:04:00
215
转载 JS复习之JavaScript简介
1.JavaScript历史回顾 一开始JavaScript是为了减轻表单验证的负担而出现，因为当时网速的限制加之复杂性不断增加，客户端验证语言JavaScript就诞生了。由Netscape的布兰德·艾奇（Brendan Eich）发布的LiveScript是JavaScript的前身，后为了搭上Java的顺风车改名JavaScript 2.JavaScript是什么，它与EC...
2017-11-04 00:16:00
434
转载 Javascript事件对象小结
事件是将JavaScript 与网页联系在一起的主要方式。“DOM3 级事件”规范和HTML5 定义了常见的大多数事件。即使有规范定义了基本事件，但很多浏览器仍然在规范之外实现了自己的专有事件，从而为开发人员提供更多掌握用户交互的手段。有些专有事件与特定设备联，例如移动Safari 中的orientationchange 事件就是特定关联iOS 设备的。 在使用事件时，需要考虑如下...
2017-09-21 13:23:00
112
转载 JavaScript事件对象EventUtil
JS中事件对象有很多种，兼容性参差不齐，这个对象封装了大部分所需的各种方法 var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){ element.addEventListener(typ...
2017-07-05 10:08:00
109
转载 Js造轮子，基础篇
在js中，只要不是在函数内部声明的函数都是全局变量了，如果代码量大的情况全局变量的污染是非常可怕的，所以需要造轮子声明自己的变量和自己的全局变量和函数方法 一，声明一个对象 先简单的声明一个对象tool={}，这样就可以了，这样一个简单的全局对象就弄好了 二，声明方法和变量 这时候定义方法和变量就可以这样了 1 window.tool = {} 2 win...
2017-05-16 09:35:00
347
转载 js碎片节点
//文档碎片:类似一个临时的文档，要所有要加的dom元素先放在这里，达到不要每次操作dom元素提高页面效率 var d1 = new Date(); //创建十个段落,常规的方式 for(var i = 0 ; i < 1000; i ++) { var p = document.createElement("p"); var oTxt = document.c...
2017-04-11 10:35:00
134
转载 input的file一些实用属性
file自带一些有用的属性，今天整理一下 html: 1.multiple:是否多选，如果在html上面写上multiple="multiple"或者multiple就可以实现多选 2.accept:文件格式，这个可以控制文件格式，比如jpeg和gif还有Png之类的，写法是这样的<input type="file" accept="image/png,ima...
2017-04-10 16:02:00
704
转载 不写for也能选中checkbox!
今天因为要写很多checkbox，很麻烦所以特地去问了有没有简单的方法，果然有非常简单的方法！ 如图 这样写，你点击123的时候也可以选中checkbox,但是注意要删掉label的for，不然会无效，虽然简单，但绝对实用！ 当然你也可以访问这篇文章深入了解原因：http://www.zhangxinxu.com/wordpress/2011/07/%E8%AF%B4%...
2017-04-07 15:55:00
118
转载 ES6第一章
本章全部的整理自“ECMAScript 6 入门”，希望大家看完能去买书，让这本开源的书不至于亏本！ 本章总共5个题目，分别是： 1.let命令 2.块级作用域 3.const命令 4.顶层对象的属性 5. global对象 先说说我对这几个的个人理解，我觉得let将会逐步替代var，因为var存在易泄漏和不稳定的因素，加上var不能适应块级作用域，而对于const觉得...
2017-04-06 17:34:00
119
转载 EcmaScrip6t核心用法
EcmaScript6是在2015年发布的，又称ES2015，希望自己在尝鲜的时候代码又有兼容性的人可以尝试用 Babel来把ES6转为ES5的写法。 今天主要介绍ES6的核心用法，可以说这部分是ES6中最常用的部分，也绝对是日后会有实用性的命令。 let,const,class,extends,super,arrow function,template strin...
2017-04-06 11:26:00
130
转载 jQuery prop方法
在读取checked的时候用prop替换attr 在读取checkbox的checked的时候应该使用prop $("#btn").on("click",function(){ $("#che").attr("checked"); } $("#btn").on("click",function(){ $("#che").prop("checked")...
2017-04-05 18:16:00
143
转载 ftp550权限问题
很多人在使用别人服务器上传ftp的时候都是没什么问题的，但是如果遇到了自己或公司内部的服务器就可能出现ftp权限550的问题 问题：为什么会出现550？ 因为你的权限出现问题，可能的问题就是服务器不认识你，所以不给你权限，这种在不同的操作系统上可能会出现，第二种就是你登录的用户没有权限，第三种就是你想操作的文件夹本身就不允许操作。 解决方法1：为“用户”设置Ftp上...
2017-04-05 09:13:00
3110
转载 一个很适合用来套用后台的框架
今天分享一款比较好的后台Ui，一款名叫H-Ui的框架，目前自己的项目正是用这款框架，效果还不错，下图 虽然作者自称和bootstrap没有关系，但是我作为一名熬夜看过bootstrap文档的人，一眼就看出来这东西和bootstrap的Api一模一样，但是既然他这么认为，大家也就睁一只眼闭一只眼吧。 希望大家用的开心，配合上layer的框架开发出来的效果非常棒 ...
2017-04-01 18:06:00
144
转载 Ajax中post方法400和404的问题
1.从400变成404 我相信有很多人都用过Ajax技术来获取数据，一般都是使用get来获取的，但是敏感信息就不能继续用get了，于是就换成了post，但是用post的时候有时候发生一些奇怪的事情，比如直接访问是400，加上header和data访问是404，这就令人疑惑了，为什么不是从一开始就报错404呢？ 2.400的原因 400在http状态码中的意思是服务器不理解你...
2017-04-01 11:28:00
768
转载 图片上传，直接通过js预览
因为后台需要，但是因为没接口，所以找找有没有js获取图片的方法，然后找到了这个js直接浏览的方法。 这个的思路在ie以外的浏览器用files[0]来获取到文件路径，在ie使用滤镜的方法。 具体代码如下： <script type="text/javascript"> function setImagePreview(avalue) { ...
2017-03-29 13:32:00
118
转载 JavaScript的DOM扩展
虽然 DOM 为与 XML 及 HTML 文档交互制定了一系列核心 API，但仍然有几个规范对标准的 DOM进行了扩展。这些扩展中有很多原来是浏览器专有的，但后来成为了事实标准，于是其他浏览器也都提供了相同的实现。本章介绍的三个这方面的规范如下。 1 Selectors API，定义了两个方法，让开发人员能够基于 CSS 选择符从 DOM中取得元素，这两个方法是 querySelect...
2017-02-21 14:59:00
72
转载 JavaScript的DOM操作
DOM 是语言中立的 API，用于访问和操作 HTML 和 XML 文档。DOM1 级将 HTML 和 XML 文档形象地看作一个层次化的节点树，可以使用 JavaScript 来操作这个节点树，进而改变底层文档的外观和结构。DOM 由各种节点构成，简要总结如下。 1 最基本的节点类型是 Node ，用于抽象地表示文档中一个独立的部分；所有其他类型都继承自Node 。 2 Docum...
2017-02-21 09:54:00
77
转载 深入理解javascript原型和闭包
今天看到一篇非常好的文章，记录一下 虽然错别字很多，但是瑕不掩瑜的道理我还是懂的，而且是原创，必须点个赞 http://www.cnblogs.com/wangfupeng1988/p/3977924.html 转载于:https://www.cnblogs.com/myzsy/p/6419970.html...
2017-02-20 16:00:00
79
转载 Url栏目导航判断
不久前，做了个可以实现通过链接来判断当前位置的JS，实现思路是将链接地址（location.pathname对象）分散成数组，然后判断特定(class='nav')的元素中所有a标签的href属性，如果包涵链接内容就使它高亮，代码实现如下： String.prototype.Trim = function() { return this.replace(/(^\/*)|(...
2017-02-20 10:38:00
147
转载 php中隐形字符65279（utf-8的BOM头）问题
今天在优快云看到一个php输出空白隐形字符65279的问题，在网上找了下，发下这个65279字符是php用来标记文件是utf-8编码的，输出的时候会一起输出到客户端，导致客户端如果使用ajax得到返回值时，无法匹配字符串。 php隐形字符65279解释如下： UTF-8 编码的文件可以分为无 BOM 和 BOM 两种格式。 何谓BOM？ "EF BB BF" 这三个字节...
2017-02-06 11:13:00
99
转载 JavaScript客户端检测
客户端检测是JavaScript开发中最受争议的一个话题，由于浏览器之间存在差别，通常需要根据不同的浏览器的能力分别编写不同的代码。有不少客户端检测方法，但下列是经常使用的。 1.能力检测：编写代码之前先检测特定浏览器的能力。例如，脚本在调用某个函数之前，可能要检测该函数是否存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来，让他们先把注意力集中到相应的能力是否存在...
2017-01-17 20:47:00
120
转载 JavaScript浏览器对象模型(BOM)
浏览器对象模型(BOM)以window对象对象为委托，表示浏览器窗口以及页面可见区域。同时，window对象还是ECMAScript中global对象，因而所有全局变量和函数都是它的属性，且所有原生的构造函数函数及其他函数也都是存在于它的命名空间下。本章讨论了下列BOM的组成部分。 1.在使用框架时，每个框架都有自己的window对象以及所有原生构造函数及其他函数的副本。每个框架都...
2017-01-10 19:36:00
197
转载 JavaScript函数表达式、闭包、模仿块级作用域、私有变量
函数表达式是一种非常有用的技术，使用函数表达式可以无需对函数命名，从而实现动态编程。匿名函数，是一种强大的方式，一下总结了函数表达式的特点： 1.函数表达式不同于函数声明，函数声明要求有名字，但函数表达式不需要，没有名字的叫匿名函数 2.在无法确定如何引用函数的情况下，递归函数就会变得比较复杂 3.递归函数应该始终使用arguments.callee来递归调用自身，不要...
2017-01-06 18:31:00
135
转载 JavaScript面向对象的程序设计
ECMAScript支持面对对象(oo)编程,但不使用类或接口。对象可以在代码执行过程中创建和增强，因此具有动态性而非严格定义的实体。在没有类的情况下，可以此采用下列模式创建对象。 工厂模式，使用简单的函数创建对象，位对象添加属性和方法，然后返回对象。这个模式后来被构造函数模式所取代。 构造函数模式，可以创建自定义类型，可以像创建内置对象实例一样使用new操作符。不过，构造函数模...
2017-01-03 15:10:00
122
转载 引用类型
对象在JavaScript中被称为引用类型，而且有一些内置的引用类型可以用来创建特定的对象，现简要总结如下： 1.引用类型与传统的面向对象程序设计中类似，但是实现不同； 2.Object是一个基础类型，所有类型都从Object继承了基本行为； 3.Array类型是一组值的有序列表，同时还提供了操作和转换这些值的功能； 4.Date类型提供了有关日期和时间的信息，包括当前日期和时间...
2017-01-01 13:52:00
86
转载 JavaScript值类型与执行环境和垃圾处理机制
JavaScript变量分为基本值类型和引用值类型，基本值类型就是以下这五种：Boolean，Number，String，Null，Undefined。基本值类型和引用值类型具有以下特点： 1.基本值类型在内存中占用固定的大小，所以被放入栈中(String是值类型，放入栈) 2.变量复制变量基本类型的值会创建这个值的副本 3.引用类型是对象，放入堆中 4.包含引用值类型的变量不是...
2016-12-25 14:00:00
96
转载 JavaScript基础语法
首先，JavaScript的基本语法是以名为ECMAScript的伪语言定义的，理解ECMAScript的细节就是理解它在浏览器中实现的关键，目前大多数浏览器都遵循了ECMAScript第3版的,但是很多也已经开始着手实现第5版了，下面总计一下今天看书的内容： 1.ECMAScript变量的六种其本类型：Boolean，Number，Object，Null，Undefined，Stri...
2016-12-24 18:40:00
118
转载 Bootstrap
平时写项目写多了就渐渐感觉到了框架的作用性，有个好框架可以见减少很多布局的时间，虽然我也想过自己写，但是碍于兼容性和多态和样式这些的工作量太庞大了，幸亏目前前端框架已经有很多比较优秀的，今天我就介绍一下Bootstrap，这个框架是开发响应式的优秀框架，而且优先考虑手机端，这样就不用再去为了手机端多花太多时间调整内容大小了，我想它的审美应该比我要好，这就可以有效改变用户体验了，而且这个框...
2016-12-23 12:30:00
119
转载 圣杯布局
意指用最少的代码实现到兼容Ie6的现代布局 效果如图所示，用到了浮动负边距和相对定位三种知识 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="...
2016-12-09 10:35:00
162
转载 响应式图片
之前因为响应式的问题和客户还有过矛盾，今天正好把响应式学一学 picture 这个是新的标签，兼容性方面不怎么样，所以需要用到插件Picturefill2.0 具体用法我也试了一下 <script type="text/javascript"> document.createElement("picture") </script> <scri...
2016-12-08 10:18:00
121
转载 上传和设置Mime类型
这两天一直在忙把主页上传的事，幸亏不久前花七块钱买了一年的数据库和虚拟主机，昨天上传了自己的个人主页，发现很多问题要改，因为代码一直没整理就那么放着了，大部分东西都要重新弄，然后把本地数据库的数据迁移到了云数据库 这个操作可谓是问题最少的了，直接在数据库用它自带的迁出数据就成功了，之后配置了config文件的数据库名和密码就成功的迁入了，可是SqlServer自带的迁移有个问题，只能复...
2016-12-07 16:20:00
232
转载 JavaScript严格模式
作者：阮一峰 日期：2013年1月14日 一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码...
2016-12-05 11:21:00
109
转载 JavaScript语法规范
推荐的JavaScript编码规范 阅读 247评论 0喜欢 0 作为前端开发人员，我相信每一个人都或多或少的用到原生的JavaScript，也正是因为用的人多，导致编码风格也是多种多样的，而不规范的编码风格，不仅会导致一些奇怪的问题出现，而且不利于后期维护和提高执行效率。 基于本人也在开发中因为规范而出现各种问题，我特意的整理了一下JavaScript编码规范（并不强制...
2016-12-02 08:54:00
200
转载 js中的逻辑与（&&）和逻辑或（||）
之前有一个同事去面试，面试过程中碰到这样一个问题： 在js中写出如下的答案 ： var a = 2; var b = 3; var andflag = a && b ; var orflag = a || b; 问andflag 和orflag 分别是什么？ 起初我认为： andflag 和orflag 的值都为 true; 毕竟 && 和 ...
2016-11-27 10:40:00
123
转载 canvas边界与摩擦力
处理物体超出画布时的三种基本状态，复位，移除，反弹 （1）检测是否越界的核心算法 if( object.x - object.width / 2 > right || object.x + object.width / 2 < left || object.y - object.height / 2 > bottom || object...
2016-11-27 10:11:00
147
转载 canvas模拟重力效果
总结 速度和加速度是动画的基础元素，其中两者都是向量，包括了一个重要因素：方向。 要学会应用分解和合成，将速度或加速度分解到x、y轴上，然后将每条轴上的加速度或速度相加，然后再分别与物体的位置坐标相加。 附录： 总要公式： （1）将角速度分解为x、y轴上的速度向量 vx = speed * Math.cos(angle) vy = spedd * Math...
2016-11-26 16:15:00
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人