前面提到，小程序服务端的数据是基于Ghost的公共API的，在设计首页文章列表时，为了美观加上了头图，但是服务端没有提供对应的字段（头图url）。
我们在开发中，显示信息详情时，一般后台会给出html文本，在android端一般采用webview控件来展示，但是后台给出的html文本一般是给电脑端用的，没有自适配手机，导致手机端图片显示过大，需要左右移动来查看全图。下面给出几种实用方法，达到在手机端用webview展示html中的图片，能自适应手机屏幕展示。
前端之所以有趣，就是每年有比较多新奇的插件和工具让我们去探索和研究。我们在开发前端应用时，自然少不了去找一些第三方插件帮助我们提高开发效率。本文给大家介绍的这50款新工具，都是相当的新，都是去年的新项目，时间不会超过1年，希望通过我的介绍，你能找到适合的工具，应用到项目中。
前端之所以有趣，就是每年有比较多新奇的插件和工具值得我们去探索和研究。我们在开发前端应用时，自然少不了去找一些第三方插件帮助我们提高开发效率。本文给大家介绍的这50款新工具，都是相当的新，都是去年的新项目，时间不会超过1年，希望通过我的介绍，你能找到适合的工具，应用到项目中。
之前上传图片很大没怎么理会，手动调一下，最近发现在手机上查看没法自适应，很是烦，便想着改掉这个问题。
8 月 25 日，Chrome 85 正式向稳定版通道进行推送。本次更新以标签页功能增强为核心，同时也带来了诸多不容错过的好功能！一起来看一看。
当然有条件的话，搜索引擎首先还是推荐使用 Google，如果没办法使用，可以使用以下几个作为备用：
负责活动的小编，把文案和活动海报以word文档的形式发给了我，我将word中的文档另存到桌面，发现图片不清晰。难道是我打开的方式不对？于是我将word导出为html
H5标准中引入了支持输入范围的input，有了这个属性，我们在写调整一些图片大小或是颜色时就可以用到这个属性，不用再用原生的JS去写一个拖拽效果了，可以很方便的实现人性化的用户操作，以下是一个拖动改变背景颜色的实例。
随时移动互联网的不断发展，人们的生活和消费方式都发生了前所未有的变化，在移动互联网时代，客户在哪？买家在哪？能够把握用户市场的企业或商家往往得到了很好的发展。基于H5商城建站是大势所趋，H5商城网站可以帮助企业覆盖整个网络，提高转化率，提高企业品牌形象。很多企业纷纷采用H5响应式技术建设自己的手机H5商城网站。
最开始一直是将图片保存在博客项目之中，调用的时候直接写路径，感觉也没啥不方便的，就一直没整图床。但有时候想展示一些图片发现有点慢（当然原因是因为图片文件本身较大），就想着压缩以下，想来干脆顺便整个图床，然后发现真香。之于我本人最大的提升就在写文章的时候，直接可以复制url或者Markdown格式的图片路径，而且可以实时显示（我写博客用的软件是Typora），这个可较之以往太爽了。
独特且强悍的JavaScript 算法，能极速压缩 80% 的图片大小，而不损害其质量。
最近在开发过程中，需要用webview控件来展示文章的详情页面，流程是通过请求后台数据，然后用控件加载，而后台返回的文章详情页面是直接网页端使用的，并没有对移动端进行适配，导致webview加载后文章详情展示的图片过大，需要左右移动才能查看完整的图片，这显然给用户的体验很差，这个时候就需要我们移动端进行做适配了。
昨天实践了一下Pivot控件，今天就趁热打铁，继续来看看Windows Phone Developer Tools RTW 中加入的新特性-Panorama控件。关于Panorama控件的介绍，大家可以参考MSDN上的文档：“Panorama Control for Windows Phone”，也可以浏览浏览WPMind上的中文版：《Windows Phone 7 UI设计及人机交互指南》第一版，第二版的pdf文件可以在这里下载：《UI Design and Interaction Guide f
前端的小伙伴们，我想大多数都是颜值控吧，看到一个漂亮或新奇的效果，都想搞明白是怎么实现的吧。但是前端发展的实在太快，各种框架和组件五花八门，由于项目业务时间的问题，我们都习惯了使用各种框架和组件去实现，以至于离开这些东西，我们有可能连个最基础的动效都不清楚怎么实现，这就是我想写这个系列文章的原因，除了这个原因，也是方便小编自己总结和梳理，日后用到时方便查阅。总之练习这些基础的项目并不low，放低姿态，从最基础的原生代码开始复习实践，帮助我们梳理基础知识，日积月累，一定会有不少收获。
file Input官方文档 中文翻译 file input 特性 1、这个插件会把简单的html文件变成一个更好用的文件选择输入控件，通过一个html的文件输入框，能兼容那些不支持jquery或js的浏览器。 2、fileinput 插件包括options，templates等三个部分来控制展示 。文件标题部分：用来展示选中的文件的简介信息 。文件按钮行为部分：用来浏览，移除和上传文件 。文件预览部分：用来将展示选中的文件到客户端实现预览（支持图片, 文档, flash, 和视频类型），别的文
插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的
缘起 最近产品想让我在富文本里加个旋转图片的功能，我一想?，就觉得事情并不简单，因为印象中好像没见过这种操作。果然，经过一番百度之后，确实没怎么看到相关信息，这也就意味着要自己动手丰衣足食了?。但我自
不论什么你想反复进行的操作都能够通过创建 Photoshop 批处理程序来完毕。比如。你想批量改变图片的大小，就能够通过下面操作来实现。
因为标题写的是实例，所以本次就不做讲解了，因为这个实例我也算是东拼西凑整出来的，参考了大概5、6款拖拽上传的插件和demo，然后把其中好的地方挑出来，最后就成了这么一个实例，一起来看下吧（地址不能保证长久有效，如果失效请在文章最后点击demo下载）：http://hoorayos.caifutang.com/dropupload.html
如果要更详细了解 MWeb，建议你一定要去看一下官网的帮助文档，网址为：https://zh.mweb.im/help.html。我们建议在使用文档库之前，一定要阅读一下 MWeb 文档库详细介绍 这篇文章，以便更好的使用文档库。
eruda与腾讯推出的vconsole很相似，都是用于移动端的调试，让开发者在移动端的浏览器中获得近似PC端浏览器的调试能力。 截止至本文发稿之日，eruda在GitHub上已经有2.7K个star
对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本是来写代码的,你给我一张图干嘛的, 有时,或许你总奢望着UI设计师,把所有的图都给你切好,你只管撸码的,然而事实并非如此,有时候呢,设计师给我们的图,也并非是一成不变,往往也需要作一些调整,更改,完美的将UI设计图,进行还原实现产品经理的意图,是前端小伙伴职责所在,那么熟练简单的ps操作,就很重要了,虽然我们不是设计者,但是我们是具体的实现者,实现从0到1的过程,至于前端ps操作,绝大多数工作是简单的切图(抠图),测量,图片简单的处理,将图片利用web技术进行填充布局实现静态页面展现就可以了,至于,ps软件,我也只是停留在简单的使用,有时候,在一些群里,看到一些小伙伴,对于切图,有些畏惧,打开ps软件,无从下手,有时候呢,即使自己曾今,ps技术玩的很溜,但是只要一段时间没有去接触,就会很陌生,一些习以为常的技巧,忘得一干二净,非常苦恼,您将在本篇学会一些常用的奇淫绝技,完全可以胜任ps切图工作,今天,就我的学习和使用,跟大家分享一下自己的学习心得,如果你已经是老司机了,可以直接忽略,欢迎路过的老师,多提意见和指正
根据 Discourse 官方的博客说明： Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG | Blog
Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情，如下：
之前写过一篇笔记，《使用fabric.js 快速开发一个图片编辑器》，简单介绍了如何用vue和fabric.js快速开发一款编辑器。
jsdelivr是一个免费的CDN服务，可以利用它配合github来为页面静态资源提供加速，有效提升资源加载速度。
这是「进击的Coder」的第 635 篇技术分享 作者：崔庆才 我们肯定经常跟图片打交道吧，不管是写文章、传图片还是网站开发，我们或多或少都要插图，但有时候图片体积比较大的时候就会带来加载速度慢的一些问题，那么这时候你可能会有这么一个需求： “有没有什么办法在保证图片清晰度的时候把图片的体积压缩到最小？ ” 大家通常会用什么办法呢？ 我的话其实用的比较多的办法就是使用 PS，然后另存为 Web 所用格式，但用到这个功能我还得额外装个 PS，感觉比较麻烦。 所以，今天给大家推荐一个非常好用的图片压缩网站，可以
让你高效工作的六大windows应用 今 天我将给大家介绍一些我个人用到的这些Windows平台上的效率神器们。 page 1 Wox Wox官网 用 Macbook 的小伙伴们用过 Alfred 吧
大家好，我是 ConardLi，网页中的图片处理一直是 Web 开发的一大挑战，今天跟大家来一起看看 Next.js 中的 Image 组件，我觉得这个组件的设计有很多值得借鉴的地方，可以作为图片组件设计的最佳实践。英文原文在这：https://web.dev/image-component/
HTML+CSS meta标签的viewport属性说明 2016.05.30~2016.06.03 核心概念 viewport（视口） 参考答案 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> width=device-width 是设置视口宽度为设备的宽度，还可以固定视口的宽度，例如： width
QQ空间Android版4.2和4.5上线的玩吧游戏“空间疯狂套牛”是一款使用HTML5开发出的手机游戏，虽然还有很多不足，但其中使用的一些技术与技巧还是很有必要为大家分享出来，方便大家用秘籍打通各种关卡创造出更多更好的HTML5游戏。(本秘籍主要讲述使用HTML + CSS技术方面) 一、自适应 Android手机的屏幕碎片化非常严重，各种各样的分辨率非常之多，那么如何让游戏可以适配这些机型就显得尤为重要。这里也是前前后实验了多种方案。先想到用JS来动态的根据分辨率来设置相关元素的大小，但要么在
移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因，除加载外渲染速度也是优化重点 6. 基于第五点，要合理处理代码减少渲染损耗 7. 基于第二、第五点，所有影响首屏加载和渲染的代码应在处理逻辑中后置 8. 加载完成后用户交互使用时也需注意性能
文件上传在WEB开发中应用很广泛，我们经常发微博、发微信朋友圈都用到了图片上传功能。
本文主要介绍了如何通过修改CSS样式的方式，使用Font-awesome3.2替换EasyUI图标。首先介绍了为什么选择使用Font-awesome3.2，然后介绍了具体的替换步骤，包括查找对应关系、删除背景图样式等。通过这种方法，可以快速实现EasyUI图标的替换，同时保持样式的一致性。
jpeg优势： 非常通用，JPEG在色调及颜色平滑变化的相片或是写实绘画（painting）上可以达到它最佳的效果。 jpeg劣势： 它并不适合于线条绘图（drawing）和其他文字或图示（iconic）的图形,因为它的压缩方法用在这些图形的型态上,会得到不适当的结果；
4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB
一次偶然的机会，让我接触到了 .md 文档，进而开始摸索，并意外结识了 Typora 这个编辑器。
主要内容为下面几大类：移动端、图片、JavaScript、css、html、页面内容、服务器、cookie。
表情包支持的图片格式包括jpg、jpeg、bmp、gif、png，不支持doc、xls、flv、txt等；
我是 盛瀚钦，沪江 CCtalk 前端开发工程师，Taro 框架的 issue 维护志愿者，主要侧重于前端 UI 编写和团队文档建设。
最近在做小程序，和域名更换，和新域名备案事情，甚是较忙，少写了文章，今天尝试写一篇小白总结小程序的常见问题，刚接触小程序不到2周，在业余时间尝试小刀小程序，在做这个简历之前，自己亲身搜索了个人简历的小程序，都体验过，大部分是参差不齐，我这个算是比较用心的制作了，搜索出来的简历小程序要不就是其他第三方支持自动生成的，或者是自己制作的，但是都是放置一个设计的图，比较简单，但是也不缺一些好的案例。
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html
近年来，在电商、新零售趋势的影响下，实体零售商也都在谋求自身的渠道变革，完善消费体验。如今微信已有超过十亿的用户，市场巨大，而微信小程序的开通不仅能够降低品牌开发和营销成本，实现精准营销，提升品牌知名度，同时能提供便捷的支付方式，提升用户购物体验，因此多个品牌纷纷投入到小程序的开发中。
图片压缩对于我们日常生活来讲，是非常实用的一项功能。有时我们会在在线图片压缩网站上进行压缩，有时会在电脑下软件进行压缩。那么我们能不能用前端的知识来自己实现一个图片压缩工具呢？答案是有的。 效果展示 原图片大小：82KB
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
