随笔分类 - 前端开发
摘要：我自己在用socket.io开发，对官方网站上的文档，进行简单的整理，然后自己写了一个简单的聊天程序。最最开始 先安装socket.io: 利用Node的搭建Http服务 分为两个文件，服务端文件app.js和客户端index.html 这里需要注意的是： require(‘socket.io’).
阅读全文
摘要：socket.io 中文文档转载于：http://www.cnblogs.com/xiezhengcai/p/3956401.html 服务端 io.on(‘connection’,function(socket));//监听客户端连接,回调函数会传递本次连接的socket io.sockets.e
阅读全文
摘要：有很多js的细节基础不太了解，希望能通过阅读这本书查漏补缺!长期更新!
阅读全文
摘要：1.什么是GitHub Pages GitHub Pages可以当做项目的Websites，GitHub Pages有两种最基本的用法： 作为你自己（或者组织）的网站（访问地址示例：http://username.github.io） 作为你某一个项目的网站（访问地址示例：http://userna
阅读全文
摘要：1.原生ajax请求 2.JSONP的核心是动态添加script标签来调用服务器提供的js脚本 ajax与jsonp本质上不是一个东西，ajax的核心是通过XMLHttpRequest对象来获取非本页的内容，而jsonp则是通过动态创建script标签来获取服务器端的js脚本。 ajax与jsonp
阅读全文
摘要：思路是将图片抽样显示在canvas上，然后用通过canvas.toDataURL方法得到base64字符串来实现压缩。 1.base64转二进制文件 2.压缩 参数(图片对象,品质,输出格式) 返回压缩后图片对象 3.主要流程 获得和读取图片对象 创建canvas,尺寸设置压缩后的图片尺寸 调用dr
阅读全文
摘要：第一种方法 isNaN isNaN返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。 NaN 即 Not a Number isNaN(numValue) 但是如果numValue果是一个空串或是一个空格，而isNaN是做为数字0进行处理的，而parseInt与parse
阅读全文
摘要：1.最简单的方法是锚点用<a>标签，在href属性中写入DIV的id。如下： <!DOCTYPE html><html><head><style>div {height: 800px;width: 400px;border: 2px solid black;}h2 {position: fixed;
阅读全文
摘要：之前用的服务器响应头部添加Access-Control-Allow-Origin: *来解决的 现在spring boot可以通过配置CorsRegistry来解决
阅读全文
摘要：1.function xx(){}定义函数，而对象和函数合写才是方法。 2.typeof返回一个用于识别其运算数类型的字符串。但是需要注意的是，比如typeof null返回的对象是object而不是null，因此尽量不使用。 3. parseInt将字符串转化为整数。但是如果该字符串的第一个字符是
阅读全文
摘要：1.简介 fullPage.js 是一个基于jQuery的插件，它能够很方便、很轻松的制作出全屏网站。fullPage属于jquery很常用的插件，虽然目前很多web应用用react开发，但功能较少的web还是用jQuery吧。 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸
阅读全文
摘要：本周知道了主机名同样可以用域名，于是便想试着分配些子域名。直接可以在云解析分配子域名启用，再在服务器设置vhost文件，添加子域名指向目录重启apache即可。 腾讯云=>云解析=>一级域名=>点击域名添加记录=>主机记录(子域名)、记录值(ip地址)。需要将虚拟主机的注释删去！！！ 例如cheny
阅读全文
摘要：1.百科:回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。 2.常见误区: 这只是
阅读全文
摘要：1.禁止访问某些文件/目录 增加Files选项来控制，比如要不允许访问 .txt扩展名的文件，保护php类库： 2.禁止访问某些指定的目录：（可以用 <DirectoryMatch> 来进行正则匹配） 3.通过文件匹配来进行禁止，比如禁止所有针对图片的访问(慎用)： 4.针对URL相对路径的禁止访问
阅读全文
摘要：flex和white-space等属性 1.flex属性让所有弹性盒模型对象的子元素都有相同的长度，忽略它们内部的内容。style={{flex:5}},该元素占父元素的六分之五。 2. white-space:nowrap;用于处理元素内的空白，只在一行内显示。 3. text-overflow:
阅读全文
摘要：onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发； onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。 oninput事件是IE之外的大多数浏览器支持的事件，在value改变时实时触发，但是通过js改变
阅读全文
摘要：input[placeholder], [placeholder], *[placeholder] { color:#fff; text-align: left !important; } ::-webkit-input-placeholder { /* WebKit browsers */ col
阅读全文
摘要：http://goodui.org/ 中文翻译:http://www.cnblogs.com/Wayou/p/goodui.html 一年了，小小少年从幼年期过渡到成长期要开始加速冲刺了。毕竟钻头就是我的浪漫啊！
阅读全文
摘要：Apache与Nginx的优缺点比较 1、nginx相对于apache的优点： 轻量级，同样起web 服务，比apache 占用更少的内存及资源 抗并发，nginx 处理请求是异步非阻塞的，而apache 则是阻塞型的，在高并发下nginx 能保持低资源低消耗高性能 高度模块化的设计，编写模块相对简
阅读全文
摘要：1. 禁止访问某些文件/目录增加Files选项来控制，比如要不允许访问 .inc 扩展名的文件，保护php类库：<Files ~ "\.inc$"> Order allow,deny Deny from all</Files>禁止访问某些指定的目录：（可以用 <DirectoryMatch> 来进行
阅读全文
浙公网安备 33010602011771号