dpr dpr = devicePixelRatio; } scale = 1 / dpr; } 这时候会不会发现有些安卓机可以正常显示...，有些安卓机显示样式反而特别小呢？...其实有一点一定要注意，在代码中，我们可能针对不同dpr的设备设定了不同的样式，比如图片、宽高、字体大小等，这时候就要考虑到安卓可能的dpr了，否则这些针对性的样式必然会按默认的dpr=1的样式来展示的。...www.cnblogs.com/ling-du/p/4623623.html http://mdsa.51cto.com/art/201507/484215_2.htm 在测试过程中还发现一个问题，vivo打不开我们的手机端网站
我们在开发手机版网页的时候，常常会出现下面的情景： * 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log… *上线后，某用户表示页面失灵，但我们自己又重现不出来...调试移动端的三种方法 vConsole ——开源的前端 console 调试面板 Eruda chrome://inspect/ 一、vConsole vConsole 是一款由微信公众平台前端团队打造的前端调试面板...使用方法 下载模块 下载vconsole.min.js文件到本地。...Resources面板：查看并清除localStorage、sessionStorage及cookie；查看页面加载脚本及样式文件；查看页面加载图片。 ?...三、安卓机调试 —— chrome://inspect/#devices 第一步：首先在移动设备上开启USB调试模式并下载一个手机端的chrome。
1 负边距实现两边贴边的自适应布局 这个看起来是一个很普通的四列布局，但要求是自适应宽度大小，而且两边的图片还要和边缘对齐，图片和图片之间还有有相同的间隙，这样光把空间平分成4份是不够的，还要在外层的两边扩展出一些空间来...，这里就用的负边距了以下是代码片段： 当然，负边距的使用场景还有很多... 2 文字截取 这个文字后面跟了图标，要求文字多的时候显示省略号而文字后面的图标要一直显示，代码如下： 3 padding-top...取代占位图片 之前对于这种自适应宽度的图片列表，如果在没有加载完的时候，图片区域是没有高度的，所以我们会设置一张等比例的占位图片，用占位图片撑起图片区域，但这样又多了一个图片请求，幸好有padding-top...来帮忙，代码如下： 这样做可以让图片区域即使在图片没有加载的情况下也能有高度，而且能自适应布局，感觉妥妥的。...6 移动端不固定宽高元素水平垂直居中 这个也是老话题了，记得有次去某家公司面试还做不出来（没有JS根本不行），但这个在移动端使用flex布局就很容易实现了，以下是我们的一个浮层组件，无需JS，无论宽高怎么变都能保持浮层水平和垂直居中
appexplore/jianavi hexo下next的优化： # hexo下新建一个page hexo new page navigate # 在source下会生成navigate目录，进入该目录，使用wget下载开源导航页后解压并将所以文件都移动到...与js.js请求资源失败 部署后通过浏览器网络功能抓包发现请求jquery.js与js.js资源失败，代码为404。...修改js目录下的名字，改为jquery.min.js与js.min.js即可，或者在index.html中修改js的正确名。...问题二：背景图片无法加载 这个问题我反复在css与index.html中检查，发现确实没有什么问题，但背景图片死活加载不出来，后来我的解决办法是注释掉css目录下style.css中的背景图片设置项，然后在...index.html中的body头中加入如下： 部署后背景图片正常显示 OVER
打印需求端 ? 小票业务场景 ? 小票打印机设备类型 ? 过去我们存在的痛点： 每个端各自实现一套打印流程，方案不统一。...1、JS 引擎设计 JS 引擎主要能力就是处理小票模版和业务数据，将业务数据整合到模版中（处理不了的交给移动端处理，比如图片），然后将整合模版数据转换成打印指令返给移动端。 整体处理流程图 ?...移动端只需要关心需要打印什么业务小票，然后去后端拉取业务小票模版和业务数据，将拉取到的数据传给 JS 引擎进行预处理，返回模版中处理不了的图片 url 信息，然后移动端进行下载图片，进行二值转换，输出像素的...4、图片处理 由于 JS 引擎是不能解析图片文件的，所以在最初模板中存在图片链接时，全部由移动端进行处理，然后进行替换。...4.1 下载图片 采用 SDWebImage 进行下载缓存，创建并行队列进行多图片下载，每下载成功一张后回到主线程进行后续的相关处理。所有图片都处理完成或，回调给 JS 引擎进行指令解析。
-- 优化搜索页面功能，重写摘要代码，增加搜索关键词及高亮显示功能。 -- 优化首页轮播图片尺寸，固定比例显示，不再拘于固定图片尺寸。 -- 优化移动端部分模块功能间距不统一的问题。...-- 优化网页背景图片显示代码，避免图片不统一导致参差不齐的问题。 -- 优化页面代码，优先调用自定义css接口的顺序问题。 -- 优化后台主题设置相关PHP代码，删除无用函数信息。...-- 新增文章缩略图多图开关，文章即使超过三张图片也默认显示一张，需要开启三张则单独开启功能。 -- 优化文章列表移动端自适应部分细节和显示效果。...-- 临时修复“首页分类图片展示”设置展示分类无效的问题。 -- 优化主题移动端样式效果。 更新日志：2021/07/09 -- 优化相关阅读文章在移动端显示效果。...-- 优化顶部自定义文章移动端显示不全的问题。 -- 修复某些用户未绑定邮箱导致头像出错的问题。 -- 优化移动端评论留言模块样式。
首页消息按联系人分组按时间逆序显示。聊天气泡有待优化，收发消息所有採用 NSNotifaction 不用操心消息发了页面不刷新。自己主动滚到最新一条。...3.加入好友功能，加入完后能够在好友列表查看到，若是在是注冊的太早要翻非常久，或者新注冊用户刷新不出来，能够通过webview直接加入，可是需到控制台查看互相的ID 4.User对象和Message...图片/文字畅聊不闪退 4. 支持按昵称模糊搜索。找到朋友更easy 5. 修复了域名丢失引起的连接失败问题，如今server24小时确保能连接 6....更好的用户体验 PS: 1~3期的用户数据已清除，如需尝试请又一次注冊 作者说：这次给大家带来的demo我已经写好了server端，也配置好了openfireserver...源代码下载：http://code.662p.com/view/5849.html 发布者：全栈程序员栈长
1.减少页面请求 按需加载 合并压缩文件 将小图标合并成雪碧图 字体图标 dataURL 内置图片 2.优化网络链接 cdn, 减少dns查询, 避免服务器端重定向 3.减少下载量 压缩css...图片 混淆压缩js代码 服务器端启用gzip压缩 4.启用缓存 5.页面内部优化 css置顶 —- 为避免当页面变化时重绘页面元素，浏览器会阻塞页面呈现，直到样式表解析完毕 js置底 —...页面只要不低于30帧 就都是流畅 一般到26都看不出来 flash 是多少帧？...包括内容 、服务器 、 CSS 、 JavaScript 、Cookie 、图片 、移动应用 ，七部分。...移动端使用zepto库，不允许使用jquery 给js代码一个全局命名空间，举个例子，我们的项目是某个自行车官网，全局命名空间就叫bike，和本项目有关的所有js方法，函数，变量，全部挂在bike
购买并下载主题之后，登录网站后台，主题管理，上传刚才下载好的主题，然后点击启用，一般会提示“未登录客户端”或者“授权文件非法”等界面，这时，参考此教程：zblog开启主题或插件显示“授权文件非法”的解决办法...-- 新增移动端侧栏开关。 -- 优化主题模板后台设置，分类文章相关设置tab。 -- 优化文章页版权声明文字自定义模块。 -- 新增文章页缩略图居左对齐功能。 -- 适配移动端自适应显示效果。...2021/08/16 -- 修复移动端海报生成后因遮罩层覆盖导致无法点击菜单的问题。 -- 修复移动端导航栏页面效果。...-- 修复移动端导航栏部分模块边距不统一问题。 2021/06/08 -- 重新优化文章模板友好时间代码，用户体验更好一些。 -- 优化侧栏部分模块鼠标滑过特效。 -- 优化夜间模式样式代码。...但是也有缺点，就是在搜索快照下显示占位图片，不显示文章缩略图，因为快照下不会加载js，所以只能显示占位图片。
例如同一个域名 CDN 服务器上的 a.js，b.js，c.js 就可以按如下方式在一个请求中下载。...一般推荐移动端页面首屏数据展示延时最长不超过 3 秒。目前中国联通 3G 的网络速度为 338KB/s（2.71Mb/s），所以推荐首屏所有资源大小不超过 1014KB，即大约不超过 1MB。...需要注意的是，要保证图片较小，一般图片大小超过 2KB 就不推荐使用 base64 嵌入显示了。 3．使用更高压缩比格式的图片 使用具有较高压缩比格式的图片，如 webp（需要设计降级兼容方案）等。...，加快部分机型的图片加载速度，这在移动端非常值得推荐。...7．定义图片大小限制 加载的单张图片一般建议不超过 30KB，避免大图片加载时间长而阻塞页面其他资源的下载，因此推荐在 10KB 以内。
本文编辑于OS X系统，之前出现过windows下看不到部分图片的情况，如有请大家告知 为什么需要Lottie 在相对复杂的移动端应用中，我们可能会需要使用到复杂的帧动画。...PNG 同视觉质量的情况下体积更小 缺点：兼容性问题严重 参考资料 《APNG 那些事》 https://aotu.io/notes/2016/11/07/apng/ 《复杂帧动画之移动端...下载AE，这个可以到官网下载，有7天试用期 2....9a1500571269 Lottie使用的坑点 就像我刚才说的,Lottie只支持AE的基本功能，不支持表达式，特效，mask蒙版等功能，这些功能要是用了，要么是你的JSON数据导出失败，要么你最后在Web端上显示不出来...，或者显示和预期不一样。
API显示，比如 漫月API PC 端首页的博主描述，可以选择使用“一言”代替，由 Hitokoto – 一言 支持 修正菜单栏显示效果：PC 端清晰可见了，移动端文字加大和居中显示 主页文章列表修改图文风格为卡片式风格...友链分类添加判断，没有友链时不显示友链分类元素 2018.01.10 添加管理员前台 AJAX 删除评论的功能 修改移动端评论列表评论时间的显示效果 2018.01.14 移除难看烦人的 ServerChan...，仅对首页文章列表和文章内的图片生效，减轻服务器加载压力 梳理主题设置的部分功能开关顺序，图片放大开关和懒加载开关放到了其它项 2018.11.19 修复图片懒加载在移动端失效的情况 修复多项 PJAX...2019.03.28 修复后台编辑器“下载按钮”不能使用的 BUG 净化去除图片插入、缩略图、正文中多余的图片标签元素 全局字体使用“微软正黑体”，更具逼格 整理了一个博主万年没有发现的东西 —— 主题居然自带...（BAGUETTEBOX.JS）图片灯箱，只是使用条件苛刻，添加图片时需要把文件“链接到媒体文件”才能使用，也就是 IMG 标签需要 A 标签包裹，现在已写选项在后台与 ZOOMING.JS 二选一 2019.03.29
用Babel-cli将ES6转ES5 一、为什么要转ES5 虽然ES6非常好用，但并不是所有浏览器所有客户端都适应ES6的，降成ES5是为了更强的使用性。...我一直不关注这个东西，直到有人和我说，你做的东西很好，但是对不起，我82年的浏览器显示不出来 二、安装转换工具 babel-cli 1.第一步初始化文件夹（如果已经有package.json文件说明已经初始化过了...,并在里面写上以下内容 { "presets":"latest" } 图片 三、开始转换 1.单文件转换 假如我要将名为ES6.js的es6文件转化成名为ES5.js的ES5文件...，在终端输入以下命令 babel .\01-ES6.js --out-file 01-es5.js 你会发现文件夹目录下新增了一个文件 图片 里面的内容已经变成ES5能使用的语法了...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
，最近也在初步的对JavaScript学习，想着如果我全部用js写，还能检验一下自己最近学的怎么样 于是就开整，以下对联全都是用js写的，还是问了大三学长部分问题，不然自己还写不出来，在此特别谢谢学长...，接着上传为自己的本地图片，因为这里图片使用的是自己的腾讯云文件托管，需要添加为referer白名单，否则直接引用会裂图 曾经被油老师嘲讽自己的思考问题不全面，每次整活都没考虑到移动端，所以这次对移动端也做了特别考虑...，为了更好的去适应访客效果，我计划在低于1500分辨率的电子设备上不显示对联，否则在小屏幕的手机端，对联会显示出来遮挡对文章的正常浏览 当然控制方法也很简单，直接用css进行控制就好了，有一些设备的分辨率大概在...1440，显示了就会影响侧栏的内容显示，当然我已经写了两个关闭按钮去控制，毕竟每次要去关闭两张图片会麻烦 @media (max-width:1500px){#left,#right{display:none...important}} 这样效果基本上就弄好了，是不是很容易理解 后来学长建议对联跟随侧栏的拉条移动而移动会更好 这个比较简单直接在 document.writeln("<style type=\"text
移动轮播图 移动端轮播图与PC段轮播图，在技术选择上是有区别的，因为移动端的浏览器版本非常好，对于H5和CSS3的支持非常完美，所以很多效果可以CSS3的方式实现，比如可以使用 Transorm 属性替代原来的动画函数...可以自动播放图片 手指可以拖动播放轮播图 添加指示器，但只起到指示作用，点击不能切换图片 不需要左右导航 因为移动端轮播图的宽度一般与屏幕一样宽，所以focus不设置宽度 移动端使用CSS3的方式进行图片切换...解决方案：设置每个li标签的宽度为ul的20%，再设置图片的宽度与li标签一样狂 案例分析: 自动播放功能 开启定时器 移动端移动，可以使用translate 移动 想要图片优雅的移动，请添加过渡效果...此时 索引号要复原为 0 此时图片，去掉过渡效果，然后移动 如果索引号小于0， 说明是倒着走， 索引号等于2 此时图片，去掉过渡效果，然后移动 关于anime.js Anime.js (/ˈæn.ə.meɪ...下面我们轮播图的实现就是基于这个js插件（可以访问官网下载插件） 代码： <!
官方客户端库可用于Ruby，PHP，Node.js，Python，Java和.NET，还可以使用WordPress插件压缩JPEG和PNG图像。...基本是看不出来有压缩的痕迹，还是比较不错的。 如果你是用的wordpress那个还可以下载插件Compress PNG for WP实现媒体库批量优化。...开源地址：https://github.com/kyleduo/TinyPNG4Mac 从 TinyPNG4Mac 项目主页下载客户端，填入 token，就可以开始给图片减肥了。...的图片压缩数量，你就说屌不屌吧。...TinyClient是一个超强压缩图片的小工具，压缩率可以达到50％以上，压缩质量接近无损。是一个基于Electron和Tinypng的图片压缩客户端工具。
触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。...移动端常见特效 1.2.1 案例: 移动轮播图 移动端轮播图功能和基本PC端一致。 可以自动播放图片 手指可以拖动播放轮播图 1.2.2....案例分析: 自动播放功能 开启定时器 移动端移动，可以使用translate 移动 想要图片优雅的移动，请添加过渡效果 ?...插件的使用总结 1.确认插件实现的功能 2.去官网查看使用说明 3.下载插件 4.打开demo实例文件，查看需要引入的相关文件，并且引入 5.复制demo实例文件中的结构html，样式css以及js代码...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数 1.7.
2020/08/05 - 优化首页轮播，显示文字标题。 - 优化文章页打赏功能，后台，主题设置，上传对应收款码。 2020/08/03 - 优化移动端样式、文章间距。...- 优化移动端导航侧栏样式。 - 优化搜索页无结果时友好提示。 - 兼容和适配“链接模块管理”插件，优化对应导航高亮代码。 - 优化移动端展示样式。...2020/04/22 V、新增滚动条顶部显示位置百分比。 V、优化移动端自适应显示效果。...2020/04/09 V、修复分类列表文章缩略图太小显示不全的问题。 V、优化列表分类之间间距，适配移动端显示效果。 V、修复用户模板页无法打开的BUG。 V、增加其他模板顶部背景图接口。...7.js、css代码精简优化移动端。 2020/01/20 1.修复标签和用户模板无法打开的BUG。 2.添加春节皮肤特效，主题管理，功能开关，开启春节皮肤即可。
.*.com）是网站建设标配，在用dedecms建站也可以实现（不会的话欢迎来骚扰ytkah），手机站一个比较麻烦的事是图片一直显示不出来，为什么呢？...程序一般是调用图片的相对地址，比如是/images/123.jpg，在PC端就显示为www.*.com/images/123.jpg，但是如果你没有把图片传一份到手机站的网站目录，那图片为m.*.com.../images/123.jpg就显示不出来了。...$filename; 再测试一下，是不是手机站就能显示图片了呢？ ...更多dedecms移动建站可以参考某度站长学院http://zhanzhang.baidu.com/college/courseinfo?id=750
-- 修复在不同移动端下部分页面出现错位的问题。 -- 优化og富媒体标签代码，完善摘要关键词调用方案。 -- 优化模板首页轮播代码，减少无用js加载，加速网页速度。 -- 优化缩略图显示优化方案。...-- 修复缩略图接口策略，优化文章无图但自定义缩略图设置图片依然不显示的BUG。 -- 优化移动端顶部搜索框代码及样式。 -- 优化奥森图标代码，取缔奥森CDN链接，采用本地链接方案。...-- 适配移动端自适应显示效果。 -- 优化文章页图片灯箱插件，改用更为精简的js代码，提高网站效率。 -- 优化页面头部整体代码，减少无用js和css样式代码。...-- 优化自适应显示效果。 -- 优化后台主题设置样式，保存按钮悬浮显示，不再需要翻到最下面点保存了。 -- 优化夜间模式代码。 -- 新增移动端侧栏展示开关，在手机端可开启侧栏展示。...-- 优化文章图片灯箱效果代码。 更新日志：2020/12/03 -- 修复首页“企业优势内容”模块文字过多时导致文字叠加的问题。 -- 修复移动端搜索框没有css样式的问题。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
