开心大表哥

幽默有趣而程序员

Javascript 严格模式有什么限制

除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 严格模式主要有以下限制: 1.变量必须声明后再使用 2.函数的参数不能有同名属性,否则报错 3.不能使用with语句 ...

2018-02-27 10:33:17

阅读数 1387

评论数 0

nodejs 利用对mysql数据库进行查询和插入数据

nodejs对数据库的操作是比较简单的。下面看一个对laughter库操作: 这是项目文件结构图: config.js的配置如下: //数据库配置文件 module.exports = { mysql: { host ...

2018-02-26 16:31:30

阅读数 3445

评论数 0

nodejs Express路由传参数据交互express.Router() router.get

路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。 路由是由一个 URI、HTTP 请求(GET、POST等)和若干个句柄组成,它的结构如下: app.METHOD(path, [callback…], callback), app 是 express 对象的一个实例, METHO...

2018-02-26 15:04:13

阅读数 5711

评论数 0

ES6的Object.is()超越ES5 比较两个值是否相等

ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。 <scrip...

2018-02-24 11:48:35

阅读数 1703

评论数 0

es6对象的解构赋值和对象的拓展

ES6 允许在对象之中,直接写变量。这时,属性名为变量名, 属性值为变量的值。 <html> <body> <script> ...

2018-02-24 11:06:44

阅读数 432

评论数 0

简单轻松地理解js编译和执行顺序

javascript是一段一段执行的,以script标签来分割,执行每一段之前,都有一个“预编译”, 预编译干的活有两:1.声明所有var变量(初始为undefined),2.解析定义式函数语句。 有个关于 “window作用域下,a = 1和var a = 1” 的区别的很经典: a = ...

2018-02-23 16:05:41

阅读数 1107

评论数 0

canvas如何简单粗暴地载入视频

canvas加载视频和图片是一样的,使用drawImage,区别就是给一个定时器不停的抓取每帧的画面,放入Canvas画布里面,这个办法十分的简单粗暴。(粗粗粗粗~~~) 而且可以达到神同步,当视频暂停,canvas里面的视频就暂停,当视频再次开始播放,canvas里面的视频也再次播放。 ...

2018-02-12 17:55:49

阅读数 6480

评论数 0

解决微信浏览器video全屏的问题及黑边问题

这是苹果和安卓在微信上的效果图: <video src="./mp4/v1.mp4" x5-video-player-type="h5" id="player&quo...

2018-02-12 17:25:01

阅读数 10017

评论数 2

Canvas的事件处理,监听点击的位置

DOM是Web前端领域非常重要的组成部分,不仅在处理HTML元素时会用到DOM,图形编程也同样会用到。比如SVG绘图,各种图形都是以DOM节点的形式插入到页面中,这就意味着可以使用DOM方法对图形进行操作。比如有一个元素,可以直接用jquery增加click事件$(‘#p1’).click(fun...

2018-02-12 17:06:44

阅读数 8674

评论数 0

h5锁屏提醒-锁横屏和锁竖屏

移动端开发,我们一般是只做一套适配,但是拿手机来说,它又分横屏和竖屏;这两种屏幕要求的适配是完全不一样的。当我们只做了其他一种,不想做另外一种的话,屏幕使用提示就很重要了。 比如我们只做了竖屏的适配,不想让用户看到横屏的情况: 比如我们只做了横屏的适配,不想让用户看到竖屏的情况: 上...

2018-02-12 11:33:17

阅读数 3367

评论数 0

h5 audio 背景音乐播放开关控制

现在的活动h5基本都会有bgm的需求,下面提供一个通用的做法。 上面是开关的按钮,页面刚加载进来的时候,音乐是自动播放的。点击开关按钮可以控制音乐的播放和暂停。 产品:需求很简单,怎么实现我不管! 开发:好!那我给你来个五彩斑斓的黑 html: <!--...

2018-02-12 11:11:26

阅读数 3976

评论数 0

基于zepto的motion库-移动端页面无缝循环滑动效果

基于zepto的motion库-移动端页面无缝循环滑动效果 案例地址 <!DOCTYPE HTML> <head> <meta charset="utf-8&am...

2018-02-12 10:57:16

阅读数 911

评论数 1

移动端canvas合成图片,填充文字自动换行

今天用canvas合成带有微信公众号二维码和祝福语的春节贺卡 由于代码都是原生的没有引入其他库,所以直接将对应部分贴出来吧。 html <!--画布 --> <canvas id="canvas&...

2018-02-12 10:06:18

阅读数 1386

评论数 2

为程序员精心定制的对联,有没有感觉中招

相亲版 上联:捋顺红橙黄绿,不得美人 下联:远离世纪佳缘,方得始终 横批:欣欣向蓉 年度版 上联:说南道北,几个变量难取名 下联:思前想后,一行注释上头条 横批:穷逼 VIP 生活版 上联:上班写 JavaScript 处处 $ 高亮 下联:回家撸 PHP 行行 new 对...

2018-02-12 09:42:55

阅读数 576

评论数 0

canvas在手机高清屏下绘图不清晰的解决办法

原来的图片: 合成的图片: 原因分析   假设dpr = 2;图片大小为60x60px。   对dpr有一定的了解基础   1.DOM呈现图片过程   图片->浏览器css像素(显示尺寸)->屏幕实际像素   60x60 -&a...

2018-02-09 13:20:37

阅读数 4015

评论数 0

移动web开发之像素和DPR详解

前话:   像素在web开发中几乎天天用到,但到底什么是像素,移动端和桌面端的像素有区别吗,缩放对像素有影响吗,视网膜屏幕和像素有什么关系?关于这些问题,可能就不清楚了。本文将介绍关于像素的相关知识    什么是像素:   像素,又称画素,是图像显示的基本单位,译自英文“pixel”,pi...

2018-02-09 10:17:50

阅读数 7693

评论数 0

sass定义函数控制元素position的所有位置-超级方便

当页面布局用的比较多postition:absolute的时候,我们可以利用sass定义简单的函数,实现多次操作。 html: <!DOCTYPE html> <html> &amp...

2018-02-08 14:34:30

阅读数 286

评论数 0

移动端h5页面弹窗出来后,禁止底层的背景页滚动

先看图: 再需求和解决方法: 1.需求:在一个可上下滑动的h5-index.html中,弹出一个固定于设备高度的奖励层。当奖励层弹出来之后:1.index页面不能出现滚动条,2.index不能自动置顶,要停留在触发事件的位置。 2.解决方法: a.初始的css设置: ...

2018-02-08 11:38:54

阅读数 3159

评论数 1

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