2017年11月_霜月枫桥

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 JS原型链图

原型链构析对于每个对象，其自身创建成功后都有一个属性——__proto__，该属性表示一种关系，指向该对象构造器的原型，下面代码表示出 var demo=new Person("name",age); 的生成过程。var demo={};demo.__proto__=Person.prototype;Person.call(demo,"name",age);对于构造器 fu

2017-11-28 15:28:14 467

原创配置Canvas为全屏时，无滚动条

问题描述：当需要canvas元素充满整个屏幕时，我们一般将window的宽高赋值给canvas。但是，canvas赋值后，页面中会出现滚动条，从而影响用户体验。这里，我列举出我的三个解决方法，希望对大家有所帮助，同时欢迎大神补充。代码如下： var windowHeight=0; var windowWidth=0; var canvas=document.get

2017-11-23 17:25:24 4490 1

原创前台开发总结12——20171122

一、JS中判断变量的类型Object.prototype.toString.call([]); //控制台输出[object Array]Object.prototype.toString.apply(""); //控制台输出[object String]二、HTML5的API接口getBoundingClientRect(),可以在JS中获取页

2017-11-22 14:50:20 403

原创 HTML 3D表白爱心

代码如下: Document @keyframes ani{ from{ transform:rotateY(0deg) rotateX(0deg); } to{ transform:rotateY(360deg) rotateX(360deg); } } body{ perspective:1000px; } #heart{ pos

2017-11-21 14:16:19 11952 2

原创 canvas漂浮动画

代码如下: canvas漂浮动画 body{ margin:0px; } canvas{ display:block; } var canHeight=0; //画布的宽度 var canWidth=0; //画布的长度 var canvas=null; //画布对象CanvasRenderingContextD var mouseTop

2017-11-21 10:51:13 1214

原创 iPhoneX下拉特效

代码如下所示: Document body,ul{ padding:0px; margin:0px; } li{ list-style:none; } #body{ width:400px; height:200px; border:10px solid black; border-radius:10px; margin:30px aut

2017-11-20 10:58:41 1043

转载 js的forEach,for in , for of

forEach遍历数组[].forEach(function(value, index, array) { // ... });例子var myArry =[1,2,3,4];myArry.desc ='four';myArry.forEach((value,index,arr)=>{ console.log(value); });//1//2//3

2017-11-16 10:22:44 431

原创 HTML文字波浪形移动和复原

代码如下所示： Document html,body{ height:100%; }/* #demop{ position:absolute;} */ #demop span{ position:relative; } 江南皮革厂！江南皮革厂倒闭了！王八蛋黄鹤欠了我们3.5个亿，跟着他的小姨子跑了。 var reset=null; /*复

2017-11-15 15:45:18 858

原创前台开发总结11——20171115

一、各主流浏览器cookie大小一般为4K,get请求方式，传递数据的长度为2K,session大小有限制，具体是多少不清楚，但是不建议session太大，容易宕机。二、使用SSL对信息进行加密，可以确保信息的传输安全，但是却会降低传输效率。如果普通的http访问的效率为100%，那么使用https访问的效率便是40%——50%之间，而使用Stunnel加密，传输的效率为5

2017-11-15 15:30:52 319

转载说一说JS的IIFE

1 定义IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。对比一下，这是不采用IIFE时的函数声明和函数调用：123456function foo(){ var a = 10; console.log(a);} foo();下面是IIFE形式

2017-11-14 17:34:18 11466

转载理解HTML语义化（WEB语义化）

1、什么是HTML语义化？　　根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO：和搜索引擎

2017-11-14 17:16:50 496

原创 JS插件封装——生成表格

调用页面HTML代码如下： Document 输入行数: 输入列数： function build(){ var rows=document.getElementById("rows").value; var cols=document.getElementById("cols").value; var table=new Tab

2017-11-14 16:20:02 3263

原创 HTML页面侧栏动态效果

代码如下所示：页面侧栏动态效果 *{ padding:0px; margin:0px; } body{ background-color:skyblue; height:1200px; } #sidebar{ position:fixed;

2017-11-13 11:15:36 4641 2

转载 nginx定制header返回信息模块ngx_headers_more

一. 介绍ngx_headers_morengx_headers_more 用于添加、设置和清除输入和输出的头信息。nginx源码没有包含该模块，需要另行添加。该模块是ngx_http_headers_module模块的增强版，提供了更多的实用工具，比如复位或清除内置头信息，如Content-Type, Content-Length, 和Server。可以允许你使用-s选项

2017-11-03 10:59:49 2347

转载 Linux(Centos)之安装Nginx及注意事项

阅读目录1.Nginx的简单说明2.准备工作3.安装SSL功能需要openssl库以及gzip模块需要的zlib库4.安装 rewrite模块需要pcre库5.安装 Nginx服务6.监测Nginx是否安装成功7.将Nginx设置为开机自动启动8.使用server命令启动nginx服务回到顶部1.Nginx的简单说明　　a. Nginx是一个高性能的HTTP和

2017-11-02 18:01:34 456