- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 纯 CSS 实现缕空遮罩层
需求有很多网页在做引导时，遮罩层做成了缕空效果，最近我也遇到一个这样的需求，如图：实现常见方法最容易想到的方法是切图，这个不用解释了。在网上找到的大部分做法都是用边框，那么我们来看一下边框怎么实现这个效果。<div class="mask"></div>.mask { position: absolute; top...
2018-07-20 16:36:57
3685
6
原创 理解 JavaScript 的 this
初识 this 关键字this 是个特殊的关键字，被自动定义在所有函数的作用域中。假设我们要写一个 sayName 函数，应该是这样写的：function sayName(who) { console.log(who.name);}var me = { name: 'Lwenn';}var you = { name: 'Nana';}sayName(...
2018-05-13 17:08:26
153
原创 canvas绘图在高清屏显示模糊
问题：canvas在高清屏显示模糊前几天在做PDF预览时（使用mozilla的pdf.js），发现PDF文字在canvas中显示非常模糊，在网上搜出来的中文结果都没有这方面相关的，后面用英文搜索到了原因，因为我测试用的是retina屏。立即用普通显示器上试了一下，表现果然是正常的。分析设备像素比 = 物理像素 / 设备独立像素dip canvas元素依赖于设备像素比，在retina屏中设备像素比
2017-07-22 15:52:19
4555
5
原创 华为mate8对flex的支持
最近做移动端页面，发现华为mate8真是傲娇（生气，对 flex 各种不支持。不知道华为别的机型有没有这个问题，以下以mate8为例。先上结论今天用 weinre 调试了一下，发现几点：华为mate8只支持 -webkit-box-webkit-box 盒子里的元素必须是块级元素（inline-block也是不行的）子元素不支持 flex 属性，所以要指定宽度得知这些之后，又愉快地（不存在的
2017-07-20 14:12:25
1997
2
原创 解决本地调试导致的Ajax跨域问题
写了Ajax在chrome测试时，会报错：XMLHttpRequest cannot load file:///E:/web/jqueryTest/ajax.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrom
2016-01-08 10:46:34
8846
2
转载 本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
原文出处：http://www.chenyunchao.com/?p=75新手学习js或jquery时，一般是在本地调试（前端学习一般用不到服务器端），当学习到cookie一节时，在谷歌浏览器chrome中调试居然不生效！！！不管是使用jquery的cookie插件，还是js原生态的cookie方法都不生效！！！什么原因呢？原因在于chrome不支持js在本地操作cookie!据测
2016-01-06 15:37:13
12005
原创 JavaScript事件mouseover和mouseenter的区别
如题，mouseover和mouseenter的区别主要在于监听对象的子元素是否触发事件。mouseover：鼠标移入监听对象中，或者从监听对象的一个子元素移入另一个子元素中时触发该事件。mouseenter：鼠标移入监听对象时触发，在监听对象内移动不会触发。一个简单的示例<!DOCTYPE HTML><html><head> <title>mouseover和mouseenter
2015-05-23 16:39:03
3663
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人