201705-25 在PC端调试微信手机页面方法 场景 假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开。而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试。这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备 1、方便调试的浏览器。个人喜欢Chrome,本文.... Read More >
201705-08 Chrome devtools inspect后打开空白解决办法 解决方案一: 因为chrome inspect需要加载 https://chrome-devtools-frontend.appspot.com 上的资源,所以需要翻墙。 GoogleChrome/ADBPlugin#14 解决方案二: 编辑hosts文件,添加: 61.91.161.217 chrome-devtools-frontend..... Read More >
201705-08 移动设备上调试网页(IOS、Android调试页面) 手机端页面,大多运行在webkit内核的 浏览器上,但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的 是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器.... Read More >
201705-04 HTML5屏幕适配标签meta设置 开发HTML5游戏中,我们常用的一些mata标签: <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: v.... Read More >
201704-19 [转]获取元素CSS值之getComputedStyle方法 一、getComputedStyle是? getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。 getComputedStyle() gives the final u.... Read More >
201704-11 安装淘宝 npm 镜像加速 安装淘宝的 npm 镜像,使用命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 这样大部分 npm 命令可以用 cnpm 替代,如: cnpm install 使用淘宝 npm 镜像安装gulp: cnpm install gulp 到此 Node.js 和 npm 依赖都安装成.... Read More >
201702-27 手机端rem布局详解 – 浅析淘宝与网易团队 从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 这是淘宝的github.... Read More >
201702-22 Vue多页面依赖webpack开发共用配置 由于项目历史遗留问题,项目目录不尽合理。如下 root //其它文件 |–vue_dev // 基于vue开发的 ……..|—package.json // 不解释 ……..|—node_modules // 不演示 ……..|—build // 打包运行代码 ……..|—views // 下面会有很多项目 ……..|—utils // 放一些公共的有用的东西 |–web //输出.... Read More >
201612-07 构建单页Web应用 单页应用是什么? 让我们先来看几个网站: coding teambition cloud9 注意这几个网站的相同点,那就是在浏览器中,做了原先“应当”在客户端做的事情。它们的界面切换非常流畅,响应很迅速,跟传统的网页明显不一样,它们是什么呢?这就是单页Web应用。 所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块.... Read More >
201611-01 IE9 CSS HACK 减法解决了 IE9 下的神奇 filter 黑背景 问题描述 做半透明黑色遮罩时,使用 css filter 做 IE 下的半透明背景兼容,一般这样写: .semi-trans { background: rgba(0, 0, 0, .7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);}.... Read More >
201610-24 手机上的图片展示 PhotoSwipe PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/PhotoSwipe/c.... Read More >
201610-24 [转]移动开发框架剖析(一) Hammer专业的手势控制 一直在写jQuery的源码教程,都没时间研究别的框架了。Hammer是我项目御用的一个手势库,早期1.x版本的swipe事件的响应不灵敏的问题而改过源码,2.x就已经更正过来,而且源码的结构也整个翻新了一遍,不管从逻辑还是组织结构上,我个人都觉得有必要深入,所以就当作一个系列教程一起学习吧。 .... Read More >
201610-20 使用Excel、Bat文件实现批量重命名功能 在我们工作和生活中,会在WINDOWS平台遇到很多文件,有时候文件名的不如意,必须要重命名,才能符合标准,比如,数码相机拍摄的图片,开始DSC_ 开头的,但是具体内容是关于剪彩动工的,所以你要重命名一下,还有就是有的文件为了区分,需要在文件的名字后面加一个后缀,比如 手机浏览网页的时.... Read More >
201609-09 【转】最新版 Google Chrome 浏览器,点击上传图片时,等待非常久 1. 问题描述:最新版 Google Chrome 浏览器,点击上传图片时,等待非常久(重复点击会出现N个文件浏览对话框) 解决方案:通过js创建input file元素的时候accept属性为"image/*",这个地方修改为"image/jpeg,image/png"就可以正常弹出了 2. 问题描述:输入中文字符时,不触发contentChange事件无法实现统计字数.... Read More >
201607-09 远程桌面之终端服务器超出了最大允许连接数 故障详情:用远程桌面链接登录到终端服务器时经常会遇到“终端服务器超出最大允许链接数”。 诸如此类错误导致无法正常登录终端服务器,引起该问题的原因在于终端服务的缺省链接数为2个链接,并且当登录远程桌面后如果不是采用注销方式退出,而是直接关闭远程桌面窗口,那么实际上会话并没有释放掉,而是继续保留在.... Read More >