之前一直用的 wp-super-cache，效果确实非常不错！网络不出问题的话，页面基本秒开。可惜，这款插件有时候会缓存我的手机主题，导致在电脑上浏览时，呈现的也是手机样式，有点不爽！本想尝试 JS 来切换主题的，可惜博主太笨，没搞定！只好忍痛割爱，放弃了 wp-super-cache。 最终，在将常见的缓存插件都测试了一遍之后，找到了本文的主角——>静态缓存插件三件套： Hyper Cache + DB Cache Reloaded Fix+ Autoptimize 经博主测试之后，三款插件同时启用后效果
MDUI 需要为页面内容和网格布局系统包裹一个 .mdui-container 容器。我们提供了两个此作用的类。
一、背景： 在使用burpsuite做代{过}{滤}理抓取应用数据包时，如果要抓取到HTTPS数据，需要将burpsuite证书导入到浏览器或手机。 浏览器或手机设置好burpsuite的代{过}{滤}理地址，即可抓取到https数据包。 <ignore_js_op>
现在的浏览器动不动就是默认开启广告屏蔽功能，不论是手机浏览器还是电脑端浏览器，各种网站广告屏蔽插件和规则，网站正常的广告联盟广告几乎被屏蔽得干干净净，作为用户而言子凡肯定是开心的，毕竟阅读体验非常好，然而作为站长来说，这就是在断自己的财路啊。
新建[Blogroot]\themes\butterfly\source\js\wow_init.js，配置特性动画的默认项。
whistle 相当于一个连接客户端和远程服务器的“中转站”，当你向服务器发出请求后，代理服务器先获取用户的请求，再将服务请求转发至远程服务器，并将远程服务器反馈的结果再转交给客户端。
简单说呢就针对不同的屏幕分辨率应用不同的CSS样式。比如在电脑、Pad设备上，屏幕比较宽，就可以一行放2个Div。 到了手机上，或者Pad竖着拿的的时候，一行就只放1个Div。 这里有2个关键点： 一
Native.js技术，简称NJS，是一种将手机操作系统的原生对象转义，映射为JS对象，在JS里编写原生代码的技术。 如果说Node.js把js扩展到服务器世界，那么Native.js则把js扩展到手机App的原生世界。 HTML/JS/Css全部语法只有7万多，而原生语法有几十万，Native.js大幅提升了HTML5的能力。 NJS突破了浏览器的功能限制，也不再需要像Hybrid那样由原生语言开发插件才能补足浏览器欠缺的功能。 NJS编写的代码，最终需要在HBuilder里打包发行为App安装包，或者在支持Native.js技术的浏览器里运行。目前Native.js技术不能在普通手机浏览器里直接运行。
据说后期的项目会涉及到 React Native，今天在等待导入依赖的期间，简单配置了一波，特此做个记录。
1、首先，在系统变量里添加变量名为：ANDROID_HOME，值为：D:\android-sdk
不同于其他抓包工具（通过断点修改请求响应的方式），whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式。
摘要： 在做移动端app进行测试的时候，经常需要对APP进行抓包，此文主要介绍使用Fiddler对安卓app进行抓包，APP是使用逍遥模拟器的APP，过程中参照慕课网视频教程，并使用慕课网APP进行抓包。
注意：使用 sequelize 和 mongoose 的时候，会自动创建 id ，createdAt 和 updatedAt ，无需自己手动创建 。
uni-app是一个使用vue.js开发跨平台应用的前端框架。 开发者通过编写vue.js代码，uni-app将其编译到Ios,android,微信小程序等多个平台，保证其正确并达到优秀体验。 Uni-app继承自vue.js，提供了完整的vue.js开发体验。
因为目标站点只能用微信打开，微信又不能调试看代码。这里推荐可以使用pc端旧版微信3.2.1，具体方法放链接里：
使用APICloud平台，可以使用前端技术快速开发iOS、Android App、小程序、Web等多端应用。在开发过程中，调用模块可以极大的提升开发效率。本文分为三个部分，告诉大家如何使用APICloud 的原生模块、H5模块以及多端组件，快速实现功能开发。
混合式开发，在产品体验以及页面加载速度的体验上已经非比以往的。今日早读文章由@unclechen分享。
前天，张戈博客终于搞定了网站静态缓存下的移动端站点切换，从而也多了一个移动二级域名。于是又开始纠结这个 2 二级域名是否需要屏蔽搜索引擎的收录，毕竟内容一摸一样。 听 SEOer 们说，搜索引擎会将二级域名视为不同的 2 个站点，如此一来，我的移动站点是否要做相应的处理，就值得深思了。（如有清楚的站长，请告知，多谢~） 然而，就在今天百度搜索相关资料的时候，发现百度开放适配居然有三种方法...... 之前只注意到了百度开放适配的 sitemap 提交方法，张戈前后折腾了如下几篇文章： 1、百度开放适配专用
很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在移动端我们不得不借助于alert来调试，但是这样的调试方法效率极其低下，很多时候，都是靠经验，或者是靠排除法。甚至，我们不得不归结为是浏览器的实现问题。
1.app.js 里面调用微信登录异步，这样导致首页onload 提前加载，那么写在onload 里面的 接口拿不到请求参数，解决办法：设置一个请求开关，写一个页面回调函数。 2. 小程调用canvas 的层级较高，使用普通的标签 设置z-index 不生效。 解决办法：使用cover-view 代替 view, cover-image 代替 image 3. image 设置图片src 不显示图片问题。 解决办法： 坚持请求是不是https ，检查nginx 的配置等。 4. 在button 上设置o
前端爱好者的知识盛宴 本文提供者是腾讯工程师——樊东东。 前端开发者很重要的一个工作就是调试了。 线上出问题了，赶紧看看； 服务器是别人开发的，想在自己电脑调用测试或正式接口； 手机访问开发环境(自己电脑)的页面； 此文讲述笔者日常工作中常用的三个工具————Fidller、Switch Host、Nginx Fiddler+Willow插件 Fiddler是客户端和服务器之间的代理，网上很多文章把它描述为抓包神器。 结合Willow插件我们在日常工作中可以用它来将静态文件请求代理到本地文件，手机设置代理
https://www.cnblogs.com/yangfengwu/p/10050784.html
基本理清这些平台就足够了，一般公司都是会在新人入职文档写明，如果没有，那就得一个一个去问。
Fiddler主界面 Fiddler的主界面分为 工具面板、会话面板、监控面板、状态面板
使用APICloud开发平台的云修复功能可以实现快速版本迭代，快速修复bug。不用发布新的apk或者ipa版本既可对你的app进行更新，即增量更新。在项目迭代过程中，如果修改了其中某几个文件，那么只需要更新这几个文件即可。
EasyPlayer属于灵活性强、开放度高、可靠且稳定的H.265流媒体播放器，可支持多类型的视频流格式播放，包括RTSP、RTMP、HLS、FLV、WebRTC等，还可支持H.264/H.265视频播放。并且，为了满足用户的多样化需求，EasyPlayer还推出了多种版本，包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等，EasyPlayer.js还可支持Linux平台。
想必大家上网时候，经常碰到这种情况吧？禁止复制粘贴！！！有时候特别需要网页上的一段字或者一行代码，他就是不让复制，气不气，哈哈，不过也要体谅作者，毕竟人家辛辛苦苦写的东西，被你动动鼠标就拿走啦，也要注重版权的嘛。
☁ 背景介绍 今天在网站后台的文章列表进行添加视频的测试操作时，发现上传后页面显示空白 然后通过网上资源查询和测试，在此做一下笔记，希望能帮到各位… ♘ 解决方案、分析 > 注意： 测试的视频格式
这两个都是font-style属性的值，这两个值都能实现倾斜的效果，但是有区别的。
接触过前后端开发的同学应该都了解网络请求代理工具fiddler(mac下面常用的是Charles)，可以用来拦截分析请求、包装请求、本地调试和移动端代理开发调试等。多多少少，fiddler和Charles使用起来还是有些区别，不过还好都是可视化的界面使用配置起来也都比较方便。
在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。 首先在head中加入如下代码：
由于移动端网页开发不能直接打开developer tools，导致我们调试起来稍微麻烦。好在我们有解决方案： Remote Devices 谷歌为我们提供的开发利器，让我们可以在电脑端使用developer tools进行elements检查和network监测，非常方便快捷。 使用方式：
1、开发工具下载 可到微信公众号—小程序 下载 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html 2、创建小程序项目
移动测试的同学在日常工作中需要频繁用到抓包、mock数据、限速等测试手段，而Fiddler作为一款强大的辅助工具，深受测试同学的青睐。虽然它有很强大的功能，可是使用的时候也会遇到一些问题，今天想给大家分享一些我在实际业务中遇到的问题和解决办法。
工具 - HBuilder 起因 HTML最开始其实不是一个编程语言，确实用不着什么ide。 但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前的文本编辑器能搞定的。 目前竟然没有一个开发工具能把7w多HTML5语法提示齐全，这不科学，在原生开发里这是不可想象的，xcode之于iOS，eclipse之于Android，vs之于winphone，在语法提示、转到定义、重构、调试等方面都非常高效。 作为同时熟悉原生和HTML5开发的我们，我们在开发HTML5时明显感受到效率
React Native(以下简称RN)为传统前端开发者打开了一扇新的大门。其中，使用浏览器的调试工具去Debug移动端的代码，无疑是最吸引开发人员的特性之一。
首先是熟悉Mac的使用习惯：命令行是Linux风格，界面则类似于Windows风格。
打开手机，可以看见手机上各种各样的应用，每一款软件都是别人开发的，想想就觉得不满足，怎么就没有我自己的app呢！想法一旦产生就止不住的往外流露。那怎么办？当然是开发一个属于自己的app了，岂不美哉。
由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。
公司有人反馈，iOS 12.0的手机上，H5页面有个地方键盘弹出了，关闭之后，再次点击输入框，没有反应了，其实是界面上移了之后，没有回到原来的位置。所以导致再次点击输入框时，没有反应
测试使用script引入 也可以使用npm（https://cloud.tencent.com/document/product/647/78731）
小技巧：不同类型的数据从 console 中打印出的颜色也不相同，可以借此判断数据类型
近几年来，随着手机和pad的普及，越来越多的用户选择使用移动客户端访问网站，而为了获取更好的用户体验，就需要针对不同的设备显示出最合适的匹配，这样就是近年来流行的“响应式web设计”。 响应式web设计是一种纯前端技术js、css等实现的针对不同设备访问同一网址看到不同的布局，是页面内容更适合当前设备阅读。但这个不是本文的重点，重点还是放在nginx如何实现上来。 本文要讲的的是如何使用nginx区分pc和手机访问不同的网站，是物理上完全隔离的两套网站(一套移动端、一套pc端),这
工作原理 Fiddler是以代理web服务器的形式工作的。如下图所示，相当于在客户端和服务器设置了一个中间层，客户端将请求数据发送出去后，会先经过中间层，中间层可以对请求做处理再发送给服务器；同理，服务器的响应数据返回给客户端，也会先通过中间层，中间层也可做相应的修改，返回给客户端。 基本操作 连上代理 要使用Fiddler做抓包和其他操作，首先应用程序需要连接上Fiddler代理。Fiddler代理默认的服务器是127.0.0.1环回地址，默认端口号为8888（可修改）。这里分为两种连接方式： 1
何为CDN呢？为什么的网站需要它呢？网站全国各地可能因为延迟访问慢，而CDN是帮助一个网站能够加速打开。CDN全称内容分发网络（Content Delivery Network，CDN）通过将站点内容发布至遍布全球的海量加速节点，使其用户可就近获取所需内容，避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题，有效提升下载速度、降低响应时间，提供流畅的用户体验。
自动签到脚本此脚本涵盖了目前京90%以上的签到任务，我们只需要简单配置，每天定时触发，就可以签到，领奖品了。而且都是免费的。
移动端调试方案 页面容器 移动设备上的各种浏览器 各类app内的webview debug方案 Android端 iOS端 跨平台 抓包工具Charles 调试工具weinre 其他方案 附录：ES6标准兼容情况 页面容器 移动设备上的各种浏览器 chrome、safari、firefox、samsung browser
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
