最近又对之前的easyui主题做了点更新，自己挺喜欢layui风格的，正好赶上layui官方下线，所以就在之前基础上增加了一套仿layui风格的easyui主题，easyui1.5.0-1.10.0都可以用，修复了一些小错位及bug，全部组件都按照layui风格进行样式调整，下面是部分页面截图：
首先，实现手机页面在PC端预览， 则先在网上找到一个手机的背景图片，算好大概内间距，用来放预览的页面，我这里是给手机预览页面的尺寸按iphone5的尺寸来的；
这是一款半成品typecho主题，仅仅写了简单的电脑版，因为我自己时常爱好摸鱼，码字的效率，可能就是一天几行，另外加技艺不精，遇到问题，就是反复去找，去推为什么，怎么说呢，常常会因为一个样式去花半小时去写，所以...，其实最近心情挺emo的，做人好难，学习更难，除了高数，还要去学电工
也许你还没有过多的思考过手机页面与pc页面的差别，也没从产品角度思考过从产品设计上两者有什么不同，那么不妨跟小编一起去思考下，也许能给你一些有益的启示。
Weinre(全称Web Inspector Remote)是一款的可以在电脑上远程调试手机页面的工具。
内容来源：作者 | Jartto，http://jartto.wang/2018/11/01/mobile-debug/
前端爱好者的知识盛宴 本文提供者是腾讯工程师——樊东东。 前端开发者很重要的一个工作就是调试了。 线上出问题了，赶紧看看； 服务器是别人开发的，想在自己电脑调用测试或正式接口； 手机访问开发环境(自己电脑)的页面； 此文讲述笔者日常工作中常用的三个工具————Fidller、Switch Host、Nginx Fiddler+Willow插件 Fiddler是客户端和服务器之间的代理，网上很多文章把它描述为抓包神器。 结合Willow插件我们在日常工作中可以用它来将静态文件请求代理到本地文件，手机设置代理
一、安装我们所需要的一些库 cnpm install mint-ui -S // 安装mint-ui库，ui库，cnmp是按照淘宝镜像后的用法，用法和npm一样。-s是将库添加到项目的packag
AMP是移动页面加速器Accelerated Mobile Pages的简称，是Google带领开发的开源项目，目的是为提升移动设备对网站的访问速度。它的核心称作AMP HTML，是一种新型的HTML。
由于移动设备的显示屏幕相对于桌面显示器来说小很多，在桌面显示器上能够正常显示的内容，到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转，我们可以通过JavaScript来判断当前的设备是否是移动设备，然后执行相应的代码。
在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。 首先在head中加入如下代码：
发现浏览器页面和手机页面同步,你可以点击手机上面的cell 试试看,发现不能跳转页面,可能做了限制!
之前网站第一次访问，与pjax加载后js图标不显示的问题一直困扰我，昨天无意间把谷歌广告（GoogleAdsense）下面这段单元广告js删掉之后惊奇的发现网站正常了，于是就开整了。
一转眼的功夫，2022已经悄然的来到；因为最近忙着一个中型项目的迭代和AR项目的上线，都已经N久没发表过技术类的文章；最上一篇还是上一年Iot同学那边送的开发板的开发入门介绍。今天我们就来说一下H5手机页面的特效吧；都2022年还H5？没办法H5实在太深入人心了，特别是在微信开放了外连接H5又变得重要了。所以就说一下最近开发H5的一些经验。
从数据中看用户行为是一件很有趣的事情，了解用户行为后相应的对我们的产品设计、专题设计进行优化，就能生产更高转化率的作品。 下面跟大家分享10个我们从近期手机专题数据中提炼出来的小总结，希望对大家有所帮
公众号的H5网页,里面跑的语言是JS,本质是脚本语言.是没有能力调用硬件的API的. 微信这个是本地APP,本身就有很多调用硬件的能力,比如拍照,扫码,速度计,GPS定义等等. 那就我们就可以在微信里面打开公众号的网页,这个网页调用微信,微信调用硬件不就可以了.能做的事情就很多了.
在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。 代码如下：
###手机H5页面 ###文字滚动 使用li标签，通过改变margin-top实现向上滚动。 代码： js: carousel: function() { var items = $('.roll').find('li'); console.log(items); var $itemOne = items.eq(0); var margin_top = 0; var margin_top_height = $itemOne.height(); var
百度转码是手机百度的一项功用，将WEB页面转化为WAP页面以方便挪动端用户反省，目的是好的，但并不是每个站点都需求，有不少网站有手机版的、或许采用Html5、亦或是自顺应的设计，很多网站被百度转码后不美观，有的排版比拟乱等等，所以我们想方法不让百度中止转码。
从数据中看用户行为是一件很有趣的事情，了解用户行为后相应的对我们的产品设计、专题设计进行优化，就能生产更高转化率的作品。 下面跟大家分享10个我们从近期手机专题数据中提炼出来的小总结，希望对大家
下面跟大家分享10个我们从近期手机专题数据中提炼出来的小总结，希望对大家有所帮助。 在只有移动资源推送的情况下，手机页面访问热度持续2天。 手机页面上线推广第一天是访问顶峰，第三天后的数据趋于平稳，访
作者｜林鑫 原文｜http://imweb.io/topic/59559c01ad7fa941029740aa 前言 在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。 Orientation 这个参数并不是所有图片都有的，不过手机拍出来的图片是带有这个参数的。 旋转角度 参数值 0° 1 顺时针90° 6
HTML5学堂：在前一篇文章当中，我们借着weinre讲解了NodeJS中的一些简单命令，也讲解了weinre的安装方法，今天我们把weinre的使用“完结”掉。移动端页面的开发过程中，weinre“即时”的调试方式，能够让我们更好更快的解决调试问题，使调试工作变得更加方便。 想要调试的文件放在哪里 首先，按照全局模式“-g”进行安装~（前面一篇文章我们已经讲过了） 之后，将我们需要调试的页面放置于如下目录当中：C:\Users\Administrator\AppData\Roaming\npm\node_
电脑版的商城昨晚做完了，今天赶着做手机端的，提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度，保证在不同手机上都能正常显示给用户，我之前做这类网站都是无脑引进bootstrap的。但前一个项目做完之后我发现bootstrap虽好，但里面的各种样式我利用的很少，最多用到它排版，当网站最后上传的时候你会发现，即使压缩之后，它也会占用相当大的一部分，所以这次我想自己用原生写，响应式开发（我现在知道的尚浅）目前我了解有
手机设备屏幕尺寸不一，做移动端的Web页面，需要考虑在安卓/IOS的各种尺寸设备上的兼容，这里总结的是针对移动端设备的页面，设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备。
Apple iPad 设备上不支持 SharePoint 标准视图。用户可以改用移动视图在 iPad 设备上查看 SharePoint 内容。默认情况下，iPad 用户被重定向到 SharePoint 网站的标准视图。这是因为 iPad 用户代理没有包含在浏览器定义文件 (compat.browser) 中。若要更改 iPad 用户的默认视图，您必须将 iPad 用户代理字符串添加到 compat.browser 文件中，并将 isMobileDevice 设置为 true。这会将 iPad 用户重定向到 SharePoint 网站的移动视图。
如果页面的宽度超过了640px，那么页面中html的font-size恒为100px。否则，页面中html的font-size大小为：100*（当前页面宽度 / 640）。
增加数据池和随机值，通过关键词 values,random，count进行搭配进行使用。场景：1.搜索多个游戏名称，来校验是否能搜索出输相应的游戏，进而校验数据的准确性；2.重复发动态来验证是否有条数限制，内容限制或者多次发动态内容验证；
在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。
手机页面经常设置了设备宽度，也不允许用户缩放，往往发现页面左右宽度大于设备宽度，导致左右页面的漂浮。
使用Chrome浏览器，打开京东华为手机页面，网址为：https://item.jd.com/10026765609672.html
前言 在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，
在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。
要在仿真器下才能看到效果，比如chrome的里边（或者用手机浏览器查看，但测试发现有些浏览器有问题，目前手机猎豹是没问题的）
通过JS判断访问设备并跳转对应HTML页面 <script type="text/javascript"> if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location = "手机页面.html"; //移动端访问跳转页面 } else { window.location = "电脑页面.html"; //PC端访问跳转页面 } </sc
异常处理汇总 ~ 修正果带着你的Net飞奔吧！ http://www.cnblogs.com/dunitian/p/4599258.html 个人博客：http://dnt.dkill.net 下载下
这是一个历史遗留问题，自从博客部署了 PHP 纯静态缓存之后，所有页面都是 html 静态内容了，而且在七牛 CDN 静态分离之后，速度更是达到极致！ 不过也带来不少疑难问题，在之前写的《启用 WP
一个项目的开始，特别是丰富多样的前端工程，首先一定要确定好采用的框架和技术点。2016年vue.js如火如荼，webpack强势崛起，但是是否就可直接拿到项目中搞起呢？答案是否定的，一个新的技术如果自己或团队中成员都还在学习摸索的过程，是肯定不能在生产环境中使用的，更何况这是个创业的团队，没有成熟完整的前端团队。所以我当时还是走老套路，jquery为核心，fastclick辅助，requireJs按需加载，arttemplate做模板渲染，核心UI类库使用jqueryWeUI，加上sass预编译样式文件，gulp打包构建，（后台是微服务架构，maven构建，springMVC+mybatis，此工程为h5前置工程）这样一来就基本上满足条件，可以开工了。
其实 Hexo 用着是很舒服的。完全静态，主题模板修改起来很简单，很容易就能达到想要的效果。只是一些功能比如 Services Worker 和 LazyLoad 都只能用比较粗暴的方法实现，不美观，而且难维护。 早眼馋别人的各种 Gatsby 和 Next.js 开发的博客了，可自定义强、现代、自带各种优化。Next.js 的官网还有一套简单的教程可以直接上手，跟着教程做完后直接就获得了一个现成的博客系统，或者说是 Markdown 解析器？ 总之我们可以从这上面下手。
小技巧：不同类型的数据从 console 中打印出的颜色也不相同，可以借此判断数据类型
在介绍JSAPI模式之前，首先需要介绍一下微信内置浏览器。可能很多人注意到了，在打开微信“朋友圈”链接的时候会出现进度条，如图5.1所示，这实际上就是微信内置浏览器访问页面的进度。也就是说，“朋友圈”是通过微信内置的浏览器访问的手机页面，并且微信浏览器是在微信安装时内置在微信中的。
今天突然想到这个问题，那就是像我们这种自适应站如果替换为小程序资源的话，那是不是说电脑端已经收录的页面就没了呢。
【导读】徐汉彬曾在阿里巴巴和腾讯从事4年多的技术研发工作，负责过日请求量过亿的Web系统升级与重构，目前在小满科技创业，从事SaaS服务技术建设。 在过去的工作中，徐汉彬从事各类缓存建设和优化，遇到问题无数，从各种各样的问题中，逐渐总结出它们之间的“共性”，而这个“共性”又优雅地遵循“几何分形学”。从几何分形的角度去看待缓存机制，能够更容易和更清晰地表述出它的深层原理和部署思想。帮助技术人员去解决在缓存上遇到的技术问题。 缓存机制和几何分形学 缓存机制在我们的实际研发工作中，被极其广泛地应用，通过这些缓存
注意：使用 sequelize 和 mongoose 的时候，会自动创建 id ，createdAt 和 updatedAt ，无需自己手动创建 。
作者:Alone88 Email:im#alone88.cn (#换成@) Wordpress form 猫可喵
每次打开某些应用都是满屏的广告，会有点不爽？Google也这么觉得。最近，Google列出了一些它们认为会影响用户体验的Android手机广告形式： ·会挡住网页页面的弹窗广告； ·会覆盖整个网页的插
你可能会说，大家都是 秃头的 成熟的前端程序员了，每一台电脑上都有几套自己辛辛苦苦装好的全家桶，为什么还要新换一个开发工具？
熊掌号出来有一段时间了，西枫里博客早早的就申请好了熊掌号。久久没有启用，放置了一段时间后，第一次启用熊掌号，发现博客程序中对缩略图定义的尺寸不符合要求，另外考虑到和百度的粘性太大会否影响其它搜索引擎的问题，所以第一次使用无图版的上线一天，思考再三，无图版的没有数据流的样子，并不妥当，就干脆下线了。经过前段时间对博客前台的panel模块进行改造后，把文章封面图处理成百度要求的300*200的尺寸后，近期重新上线了熊掌号。接下来简单说一说熊掌号的接入操作。
在测试行业，基本做自动化的都用到minicap，什么要用到它呢？因为它截图都是毫秒级别，你知道stf设备共享平台核心模块是什么吗？就是minicap模块，通过ndk接口，执行minicap和minicap.so文件后指定接口，通过socket协议把图片传回来形成视频流，只是后来由于android10以上，权限收紧，特别是oppo，vivo，小米手机也就是国内厂商，权限更是没有开放，造成minicap无法使用，截图出现问题，只能通过scrcpy或者airtest的yosemite.apk 把视频流回传到兼容minicap的图片格式。目前这些可能对新手来讲难懂，但我们今天主要说的还是minicap，说的是什么呢？就是调试minicap是否兼容android发布的版本，比如现在发布了android11了，然后也有编译的android30了,那能不能截图，我android11的手机，要怎么确认，是否兼容呢？刚好小弟我，也是自己匹配了荣耀V50pro android11 minicap 的android30是否兼容，以便于把该设备，上架stf设备共享平台； 今天我分享不是怎么快，而是分享下怎么去看自己的android11的手机设备minicap是否兼容： 环境： 1.安装node11.15.0，安装完以后，通过node -v 查看版本看是否安装完成；
使用场景：浏览器中同时打开了n个页面，只播放当前页面的视频或者声音，自动静音其他页面
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
