自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 argc 和 argv的区别

argc和argv对应的英文全称是arguments counter 和 arguments vector (arguments 参数 counter 计数器 vector向量) argc: 整数,用来统计你运行程序时送给main函数的命令行参数的个数 argv[ ]: 字符串数组,用来存放指...

2019-12-31 14:05:06 46 0

原创 [前端] touch事件方向判断

// 触摸开始 $("body").on("touchstart",function(e){ e.preventDefault(); startX=e.originalEvent.changedTouches[0].pageX, startY=e.origi...

2019-12-29 10:36:52 41 0

原创 [php] thinkphp 开发注意

Thinkphp开发总结,在开发过程中难免会遇到 一些小问题,这些小问题需要注意一下,由于本人好忘,所以在这里做个记录,也希望能帮到大家 1、在使用自动验证的时候,指定附加规则callback时,使用echo/die()/exit()来输出 (function应该也是这样的) 代码示例: ...

2019-12-27 13:51:40 28 0

原创 [前端] px 与 em 和 rem

px单位都是众所周知的是个绝对单位,而em和rem则是相对单位,不过还是有区别的 em是相对于父元素的 rem是相对于根元素的 单位换算 10px = 0.625em 10px = 0.625rem 所以可以给html加个font-size: 62.5%; 对于em和rem...

2019-12-27 09:24:01 39 0

原创 rgb与hex颜色互转绝对实用

网站开发中难免会遇到颜色互转的情况,如改变图片颜色等。。 先来看下rgb转hex的方法 function rgb2hex(){ hexColor = "#"; var rgb = Array.prototype.slice.call(arguments...

2016-12-20 16:05:18 1568 0

原创 php自动加载文件

为了解决页面多文件引入的麻烦及难以管理 ,PHP提供了几种自动加载文件方案,这里会一一介绍 自动加载最好做到类名和文件名一至,高手路过。。首先贴下目录结构 方法一:使用__autoload()魔术函数app/home.php<?php class home { public st...

2016-07-08 16:35:33 786 1

原创 shadow dom介绍

什么是shadow dom? 首先我们先来看看它长什么样子。在HTML5中,我们只用写如下简单的两行代码,就可以通过<video>标签来创建一个浏览器自带的视频播放器控件。 <video controls=""> <source sr...

2016-05-24 20:44:44 783 0

原创 js解析xml

XML文件 <?xml version="1.0" encoding="utf-8" ?> <DongFang> <Company> <cNname>1</cNname>...

2016-05-12 11:34:07 846 0

原创 判断浏览器(微信、微博、QQ)、操作系统、横竖屏等

以下都是干货,没有别的费话,相信搞过前端的都懂得一些,这里只是记录了一遍,以便在忘时查阅,十分有用,希望对你有所帮助,代码如下: 一、根据浏览器判断URL跳转 var browserOfMobile = { wapUrl: 'http://m.baidu.com&#...

2016-04-22 18:18:09 6979 0

原创 node使用buffer生成图片

buffer是node里的一个模块,这个模块的出现是因为js没有阅读和操作二进制数据流而出现的1、buffer是什么及作用? Buffer顾名思义叫缓冲区,用于存储速度不同步的设备或优先级不同的设备之间传输数据;通过buffer可以减少进程间通信需要等待的时间,当存储速度快的设备与存储速度慢的设...

2016-04-07 18:07:36 12783 0

转载 [nodejs] ccap验证码

用node做web开发很多都可能碰到需要验证码的地方,之前在github上搜索,有一些比如node-captcha等的类库,都需要依赖第三方的图形处理库或者软件,像我之前安装cario这个图形库时,真是费了好大一番劲,但是其实我们只用到了这些图形库的一点点小功能,比如图片的尺寸修改裁剪,或者生产验...

2016-04-06 14:34:36 2323 0

原创 console.log格式输出全解及console的其他方法

一、console.log格式化打印 console.log格式化这一用法一般都在个人博客或其他官网上有,当F12查看网页元素时,在控制台(console)那里偶尔会发现一些个性化的输出,感觉很奇特很好玩,其实现原理不难看一遍就晓得,具体实现如下 1、%c表示css样式 conso...

2016-03-31 14:09:40 16551 0

转载 js实现浏览器通知功能

概述 Notification API是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email。具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏。 如果网页代码调用这个API,浏览器会询问用户是否接受。只有在...

2016-03-29 11:55:36 10745 2

转载 js监听手机屏幕亮度、震动、方向变化

Vibration API Vibration接口用于在浏览器中发出命令,使得设备振动。显然,这个API主要针对手机,适用场合是向用户发出提示或警告,游戏中尤其会大量使用。由于振动操作很耗电,在低电量时最好取消该操作。 使用下面的代码检查该接口是否可用。目前,只有Chrome和Firefox...

2016-03-29 11:48:47 6466 0

转载 [node] ejs模板手册

嵌入式 JavaScript 模板 安装 $ npm install ejs 特性 <% %> 用于控制流 <%= %> 用于转义的输出 <%- %> 用于非转义的输出 -%> 结束标签用于换行移除模式 带有<%_ _%>...

2016-03-08 16:23:12 1058 0

转载 [nodjes] express中间件之权限认证

next() express的路由控制有个next()功能,在定义了多个路由的时候,对匹配的url会按顺序执行, 例如,有这样两个路由,第一个路由会对满足“/”的地址,在req中添加一个user的属性,然后再交给接下去的路由处理 所以当访问....../user时,可以从re...

2016-03-08 12:03:03 3348 0

转载 [nodejs] cookie操作

通过node.js建立了一个完整的网站不是一件容易的事,这涉及读取页面模板,从数据库中抽出数据构建成新的页面返回给客户端。但光是这样还不行,我们还要设置首部,在chrome中如果CSS没有设置正确的Content-Type,会不起作用的。此处理还要考虑访问量,要设置缓存,缓存不单单是把东西从内存中...

2016-03-08 11:44:50 722 0

原创 [nodejs] 格式化日期、ejs模板引擎改变.ejs为.html、mongoose查询所有

一、 格式化日期 1、常用的格式化日期 moment.js http://momentjs.com/ 安装: npm install moment 引用: var moment = require('moment'); 使用: momen...

2016-03-07 18:06:05 3631 0

原创 [mongo] mongoose增删改查操作

测试前准备: 1、npm install express -g 2、express -e demo (e 表示ejs模板引擎) 3、cd demo && npm install && npm install mongoose 4、下载mongodb 并从命令...

2016-02-25 11:52:11 832 0

转载 div转svg svg转canvas svg生成图片及图片下载

svg相关操作 div转svg  svg转canvas svg/canvas生成图片及图片下载 HTML: div id="div"> p>Just have a span style='color:white; text-shadow...

2016-02-24 12:03:50 7249 1

转载 svg动画

一、CSS3动画交互的局限 CSS3也能实现很多精彩的动画效果,配合transform新增的多个变换,以及animation的延时、重复次数、前后端状态控制等,可以实现很多精彩的效果。 然而,也是有局限的。很明显,CSS3对图形所做的变化效果,往往都是基于图形整体的动画。什么意思呢?比方说,一...

2016-02-22 15:23:15 861 0

转载 css calc(expression)使用

calc()对大家来说,或许很陌生( 与expression()表达式的功能类似 ),不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-si...

2016-02-15 10:28:56 709 0

转载 meta link之预加载图片、文件

prefetch 即预加载,在用户需要前我们就将所需的资源加载完毕。 有了浏览器缓存,为何还需要预加载? 用户可能是第一次访问网站,此时还无缓存用户可能清空了缓存缓存可能已经过期,资源将重新加载用户访问的缓存文件可能不是最新的,需要重新加载 Chrome 的预加载技术 现在的 chro...

2016-01-26 16:04:37 1581 0

转载 OAuth2.0认证和授权原理

什么是OAuth授权?   一、什么是OAuth协议 OAuth(开放授权)是一个开放标准。 允许第三方网站在用户授权的前提下访问在用户在服务商那里存储的各种信息。 而这种授权无需将用户提供用户名和密码提供给该第三方网站。 OAuth允许用户提供一个令牌给第三方网站,一个令牌对应一个特定的第三方...

2016-01-21 10:30:25 1035 0

转载 mongoose 增删改查 基础篇

###1.1 名词解释 Schema(模式,架构) : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Mode(模型) : 由Schema发布生成的模型,具有抽象属性和行为的数据库操作对 Entity(实体) : 由Model创建的实体,他的操作也会影响数据库 注意...

2016-01-19 22:03:04 1738 0

转载 jquery ajax之loading效果

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。 具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/ $....

2016-01-19 13:50:07 2348 0

转载 Blob、FileReader全面解析

上传图片获取base64图片或2进制图片 base64: var uploadFile = document.getElementById('uploadFile'); // uploadFile.onchange = function() { var f...

2016-01-18 16:44:59 4330 0

原创 canvas save、restore及图片组合

重回此篇文章,已经时长n长时间了,简单了看了一下,发现对一些知识的介绍及描述不多,主要还是本人的文采不照啊,谁叫me上学期间没有好好重视语文这门课程呢,真到实战的时候才知书到用时方恨少,一直不及格造成的困挠。希望大家还要凑活看吧,在这里只能说纯干货,哈哈哈。。 一、save()和restor...

2016-01-18 12:44:17 937 2

原创 mysql单表60亿记录等大数据场景的MySQL优化和运维之道

本文作者: 杨尚刚,美图公司数据库高级DBA(Database Administrator),负责美图后端数据存储平台建设和架构设计。前新浪高级数据库工程师,负责新浪微博核心数据库架构改造优化,以及数据库相关的服务器存储选型设计。 前言 MySQL数据库大家应该都很熟悉,而且随着前几年的...

2016-01-18 10:40:40 953 0

转载 离线应用简述

简介: Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)和时候(网络坏了),也能进行内容撰写,等到有网络的时候,再同步到 Web 上,就大大方便了用户的使用。HTML5 作为新一代的 HTML 标准,包含...

2016-01-13 16:42:33 1146 0

原创 canvas 设置拐角类型、裁切、曲线、转换等

HTML: <canvas id="myCanvas" width="500" height="300"></canvas> 1、createPattern() 方法在指定的方向内重复指定的元素 ...

2016-01-13 12:46:42 1580 0

转载 [mysql] 性能优化20条建议

数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显。关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序员需要去关注的事情。当我们去设计数据库表结构,对操作数据库时(尤其是查表时的SQL语句),我们都需要注意数据操作的性能。这里,我们不会讲过多的SQL语句的优化,...

2016-01-05 16:42:45 432 0

原创 js严格模式

一、什么是严格模式 严格模式使用javascript代码以更严格的方式进行处理 二、使用严格模式的好处 1、 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; 2、消除代码运行的一些不安全之处,保证代码运行的安全; 3、提高编译器效率,增加运行速度; 4、为未来...

2015-12-28 11:23:29 1075 1

转载 [前端] js高阶函数

在这里所谓高阶函数,只是对函数方法进行组装和进阶。。。  1、sort() 对数组进行排序 document.write([1,2,5,4].sort()); 这是最简单不过的数组排序语句了。实际上 Array.prototype.sort() 还能够支持一个可选的参数“比较函数”,其形式...

2015-12-24 17:12:46 496 0

原创 [前端] js prototype简单理解

JS原型prototype学习 1、使用prototype可以扩展对象方法 2、使用prototype可以继承类 已知类a function a() { this.name = '张三'; this.say = function() { ...

2015-12-23 15:10:39 627 0

原创 [前端] jquery验证手机号、身份证号、中文名称

验证: 中文姓名、手机号、身份证和地址 HTML(表单): form action=""> div class="form-group"> label>姓名:label> input id...

2015-12-17 14:09:15 12650 7

转载 [前端] node net模块测试

net模块可以用于创建socket服务器和socket客户端 服务端:server.js var net = require('net'); // 创建TCP服务器 var server = net.createServer(function(socket) { ...

2015-11-26 17:53:02 521 0

转载 [前端] node UDP 用户数据报测试

UDP(user datagram protocol)用户数据报协议 dgram是datagram的简写 服务端:udpServer.js var dgram = require("dgram"); var server = dgram.create...

2015-11-26 17:21:37 521 0

原创 [前端] centos下搭建nodejs

首先要下载node 官网:https://nodejs.org/en/download/ 下载linux版本的node (注意查看你电脑是多少位的32/64,对应下载就行了) 以node-v4.2.2-linux-x64.tar.gz版本为例 接下来就是找到下载目录(一般在用户...

2015-11-16 18:52:49 446 0

转载 [前端] 重复字符串函数

字符串重复函数 if(!String.str_out_times) { String.prototype.str_out_times = function(l) { return new Array(l+1).join(this); } } 调用...

2015-11-09 17:40:52 476 0

提示
确定要删除当前文章?
取消 删除