在众多 md 编辑器中，Typora 是大家公认的体验较好的写作软件之一，它最大的特点就是：所见即所得，无须分屏预览，或者开启新页面预览。除此之外，还有很多优点，这里不做介绍，不是本文的重点，感兴趣的可以去官网下载体验。
D2C 是指 Design to Code，设计稿转代码，输入是 sketch、figma、PSD 等设计稿，输出是 vue、react、小程序等各平台的前端代码。
因为公司需求，需要完成一个显示屏定制的业务，用户自主上传图片然后在线裁剪的功能，我选择了jQuery Jcrop这个插件。 先看看怎么使用 使用方法 载入 CSS 文件 <link rel="stylesheet" href="jquery.Jcrop.css"> 载入 JavaScript 文件 <script src="jquery.js"></script> <script src="jquery.Jcrop.js"></script> 给 IMG 标签加上 ID <img id="e
Snipaste是一款功能丰富的屏幕截图和标注工具，具有许多实用的功能，使其成为一款备受欢迎的工具。用户只需按住F1快捷键即可轻松截取屏幕截图，同时还能够调整截图窗口的大小和位置。此外，Snipaste还提供了其他有用的功能，如测量尺寸、获取指定位置的颜色值以及将截图固定在特定窗口上进行查看等等。总之，Snipaste是一款功能强大、易于使用的屏幕截图工具，对于需要频繁进行截图和标注的用户来说，是一款非常实用和便捷的工具。
在Bootstrap框架中并没有提供完整的响应式图表功能，不过可以引入强大的、基于JavaScript的、完全开源的第三方图表插件，并基于Bootstrap框架良好的兼容性来整合这些第三方插件，最终设计出性能优越的响应式图表 为了实现基于Bootstrap框架的响应式图表的设计，引用了Bootstrap框架、jQuery框架和ECharts插件所需要的脚本文件、样式文件和资源文件，并自定义了相关样式文件和资源文件
官方文档地址：Cloud Studio（云端 IDE）简介 | Cloud Studio
大家好,我是前端实验室的大师兄!一名资深的互联网玩家，专注分享大前端领域技术、面试宝典、学习资料。
毫无疑问，比起其他浏览器，谷歌浏览器虽有着明显的优势，但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱，为了尽可能地提高用户体验，火狐浏览器的社区在插件开发和运用上有着丰富的经验，说它是网站开发者的
工欲善其事，必先利其器。对于一名程序猿来说，好的编辑器能够大大提高写代码的效率。VSCode作为微软主推的开源跨平台编辑器，是前端开发的利器，它拥有各种丰富的插件，更是使得其如虎添翼。
最近在提炼一个功能的时候发现可配置项过多，如果全都耦合在一起，首先是代码上不好维护、扩展性不好，其次是如果我不需要该功能的话会带来体积上的冗余，考虑到现在插件化的流行，于是小小的尝试了一番。
笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的来几个star，不过也给我安静的github平添了几分人气，本文就给大家推荐一下笔者的开源项目，如果觉得可以欢迎给个关注~
很多新手都喜欢一个人完成项目，从项目的规划、搭建，到实施、debug、验收，一整套流程都是自己纯手完成，当然，对于提高自己的整体开发能力和自适应能力很有帮助。ok,不废话，下面开始介绍小白如何快速完成一个微信小程序。
2016年刚接触移动端开发，刚开始比较疑惑，每次遇到问题都是到社区里提问或者吸取前辈的经验分享，感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家，希望也能帮助刚步入移动端开发的新人解惑。以下会以其中一个以公积金页面开发项目作为例子，介绍移动端的一些常见问题和使用Vuejs作为lib进行多页开发的经验。
1.CodeFun是什么 CodeFun是一款UI 设计稿智能生成源代码的工具,支持微信小程序端、移动端H5和混合APP,上传 Sketch、PSD等形式的设计稿，通过智能化技术一键生成可维护的前端代码. 2.学习成本高吗？ 对于前端工程师来说，几乎没有学习成本。 对于用惯了蓝湖/摹客的前端工程师来说，CodeFun使用流程与前者几乎一致：设计师上传完稿件后，工程师打开界面，选择任意需要的 UI 区域拷贝走想要的代码即可，只是从原来看标注变成了直接拷贝代码。 对于设计师来说，完全不需要遵循某些设计规范。 CodeFun 算法的识别过程并不依赖于设计稿中任何的手工标注、特殊编组或特定规范，所以设计师按照原有的流程和设计风格正常输出即可，零新增工作量、零学习成本。
UI是User Interface的简称，即用户接口，也称用户界面。UI泛指用户的操作界面，对手机来说，UI设计就是app的页面设计。一个好的UI，不但能让用户操作起来更加舒适、方便，而且还能让app变得有个性、有品位，所以UI设计做得好，app就成功了一半（另一半当然是代码设计啦）。 UE是User Experience的简称，即用户体验，它是用户在使用一个产品（或服务）的过程中建立起来的主观感受。具体的说，UE体现了用户的印象和感觉（包括正面与负面的），如该产品是否成功，用户是否享受、是否还想再来使用。评判UE是否合格主要有四个标准：有用、易用、友好、美观，要想收获好评的UE，便需要用心的UI设计。 下面是一些常见的UI设计准则： 一、显示正确的内容 1、最常用的操作，用户应该立即可以看到并且使用，如聊天或者购买操作； 2、次要功能可以放到菜单里面，如系统设置操作、资料修改操作等等； 二、给予用户适当的回馈 1、交互式的UI元素最少需要反映出两种不同的状态（如按钮要体现按下与松开，编辑框要体现正在输入与退出编辑）； 2、保证操作结果是清晰可见的，对于用户期待的功能，无论成功还是失败均应给予合适的提示； 3、多给予用户进度提示，但是不要干扰他们当前的操作，如图片加载与文件下载不应妨碍用户进行页面跳转操作； 三、有章可循的行为模式 1、行为模式遵循用户的期望（正确的操作活动栈，显示用户期望看到的信息和动作），如用户登录成功后，从栏目页面返回上一级，就不应返回登录页面而要返回首页； 2、使用合适的方式来加强功能可见性（可点击的元素就应该看起来是可以点击的），如一段文字中有部分文字允许点击，那么这些文字就要标注为不同的颜色或不同的字体； 虽然UI设计有专门的设计师和美工来负责，但是码农最好也要熟络一些，这样一方面可以扩大知识面，另一方面也有助于丰富编码手段。因此对于码农来说，掌握常用设计工具的使用，对工作是很有帮助的。
最近参与了APP内嵌H5页面的开发，这次使用vuejs替代了jQuery，仅仅把vuejs当做一个库来使用，效率提高之外代码可读性更强，在此分享一下自己的一些开发中总结的经验。 关于布局方案 当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单，关键在于对不同设备的适配。之前介绍了一篇关于移动端rem布局方案，这大致是网易H5的适配方案。不过实践中发现淘宝开源的可伸缩布局方案效果更好且更容易使用。 网易云的方案总结为：根据屏
话说之前就有人反馈，主题设置无法上传图片，当时我还很懵逼，怎么会呢，结果一看才知道没有使用官方的UE编辑器，所以无法上传，没有组件支持，然后就没有然后了，解决办法就是启用官方的UE编辑器或者，，，放弃上传图片的功能直接添加图片网址，当然现在觉得挺敷衍的是不？但是没办法了，当时工作较多，只能告知问题原因和临时的解决办法了。
👆点击“博文视点Broadview”，获取更多书讯 摇树优化Tree Shaking是Webpack里非常重要的优化措施，它的优化效果在Webpack 5中又得到了进一步的提升。 Tree Shaking可以帮我们检测模块中没有使用到的代码块，并在Webpack打包时将没有用到的代码块移除掉，减小打包后的资源体积大小。 它的名字也非常形象，通过摇晃树把树上干枯无用的叶子摇掉。 01 使用Tree Shaking的原因 我们来看一个例子。 b.js文件的内容如下： var name = 'Jack'
Satelite是一款创新且优雅的创意WordPress主题，在很多主题中你都找不到这类型创意的主题。包括它优秀的界面设计，所以又很适合摄影站点使用，主题全屏展示界面十分的亮眼， 精选的各种图片排版展示，巧妙的菜单选项，视频音乐背景支持等等。所以是一款非常有创意又好用的主题。
首先说下/wp-admin这个缓存设置，wp-admin是wordpress网站后台的地址，我们让其缓存设置为0天是为了防止打不开后台这种情况发生。
进入大数据时代，调查报道愈加成为信息战。从哪里收集有效数据？如何抽取、筛选、整合、分类大量琐碎的信息？如何分享、存储数据，并实现随取随用？钱塘君整理了一张数据收集和处理工具清单，分为八大类，方便实用，各有所长，供大家选择。 ---- 1.全文本搜索和挖掘的搜索引擎： 包括：搜索方法、技术：全文本搜索，信息检索，桌面搜索，企业搜索和分面搜索 开源搜索工具： Open Semantic Search：专门用于搜索自己文件的搜索引擎，同样的还有Open Semantic Desktop Search:可用于搜索单
一、安装 安装初始化 npm i -g fis3 fis3 -v fis3 init 二、配置 类似Gruntfile.js或Gulpfile.js，新建fis-config.js文件 配置api介绍
类似Gruntfile.js或Gulpfile.js，新建fis-config.js文件 配置api介绍如下：
最近用户提出了一个新的需求，老师可以批改学生的图片作业，需要对图片进行旋转、缩放、裁剪、涂鸦、标注、添加文本等。乍一听，又要掉不少头发。有没有功能强大的插件实现以上功能，让我有更多的时间去阻止女票双十一剁手呢？答案当然是有的。
2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正的实践。这次因为公司有一个app需要做一个推广的下载页面，虽然简单，但也值得一试那篇文章里提到的适配方法，所以本文的内容就是介绍该文中提到的淘宝的做法：《lib-flexible弹性布局方案》。（注：该文中提到的网易的做法跟淘宝的做法其实是大同小异，你访问http://3g.163.com/touch/看下页面源码顶部的JS就能明白了。相较于淘宝的做法，淘宝的方法更能称之为一个方案，网易的做法代码质量实在不敢恭维，所以从本文的角度，推荐淘宝的lib-flexible）
切图是很多UI设计师的一项日常工作。平时做完设计图，要将设计稿切成便于制作成页面的图片，并标注好尺寸和间距，交付给前端来完成html+css布局的静态页面，有利于交互，形成良好的视觉感。
这是我昨天晚上刷视频发现的一款word实用工具，很多朋友和我一样，在工作过程中需要对Word文档进行编辑处理，如果想让Word排版更有效率可以试试这款不坑盒子软件，这是一个非常好用的插件工具，专门应用在Word文档中，支持Office跟WPS，用户可以借助工具快速实现排版操作，还支持仿手写功能，简单实用。
但是如果每次都手动添加会很麻烦。我之前写过关于一篇用 JavaScript 批量添加 nofollow 的文章：
当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单，关键在于对不同设备的适配。之前介绍了一篇关于移动端rem布局方案，这大致是网易H5的适配方案。不过实践中发现淘宝开源的可伸缩布局方案效果更好且更容易使用。
这款主题制作了好久，历时一个多月，曾经几度要放弃这个主题了，最终还是不舍，至于原因嘛，，，因为我感觉越来越像《知更鸟》主题，最开始我打算做一款自用主题，把自己喜欢的元素都添加在内，但是做完才发觉主题真的很不错，精简美观，响应式一应俱全，所以决定放出。
Babel 是 JavaScript 编译器，更确切地说是源码到源码的编译器，通常也叫做“转换编译器（transpiler）”。 意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。
很久之前就想弄这个仿微博的模板了，但是时间一直不允许，这不抽空弄出来了，主题简单明了，后台设置简单，无需复杂操作，比起以往的CMS主题要简单的多，太适合做个人博客的网站了，当然这不太适合技术和科技播主们，毕竟这款娱乐元素居多，可以设置独立的背景图，列表卡片（要知道，这些功能只有微博会员才能设置）把你微博上你喜欢的卡片和背景抠出来，复制地址到相关接口就性了。一起来看看吧！
前几日在推送《六大方向助你突破前端生涯平台期》之后，收到了一位读者的来信，我觉得这位同学的发展经历还是很具有代表性的。所以经本人允许之后，我决定把原文发出来给其他同学借鉴一下，并标注了其中的关键信息：
ggtooltip.js是一款非常实用的基于bootstrap 3.X的jQuery tooltip提示插件。该bootstrap jQuery tooltip插件实用简单，支持在4个方向上像素tooltip信息，支持修改tooltip的背景色、前景色和边框颜色。 该jQuery tooltip插件实用简单，支持在4个方向上像素tooltip信息，支持修改tooltip的背景色、前景色和边框颜色。它的特点有：
本贴在手机端因为mermaid插件的问题显示会超出屏幕，以后在想办法解决，目前建议使用电脑浏览
这篇文章中，我们将介绍小程序地图组件的使用，官方文档已经比较详细的介绍了map组件的使用，但是对于刚开始接触地图组件的同学，难免有些难以下手。本文将以Hello World为例对地图组件的使用列出一些demo，以方便后续开发。
要完整的支持深度学习，需要一个很长的 Pipeline，通常我们的工作起步于标注平台, 尽管Byzer 也可以作为标注平台的上游，比如对图片和视频做一个统一的处理（诸如缩放成统一大小等），然后再放到标注平台里。
最近业余时间做些创新探索，在微信小程序上实现找到纸或笔记本，定位，然后取到纸上的简笔画，之后进行简笔画识别，找到对应位置（之后可以在此位置上加载对应3d模型，实现ar效果, 对应ar官方案例：https://github.com/bbSpider/miniprogramThree）
Fiddler：译名—小提琴手，有Eric开发，曾就职微软。 Fiddle支持多个平台的版本： Windows: https://www.telerik.com/download/fiddler Mac/Linux： http://fiddler.wikidot.com/mono
这个仓库主要是收集非常好用的Mac应用程序、软件以及工具，主要面向开发者和设计师。有这个想法是因为可以查看微信公众号文章《工具武装的前端开发工程师》，于是建了这么一个仓库，持续更新作为补充，搜集更多好用的软件工具。请Star、Pull Request或者使劲搓它 issues 给我推荐优秀好用的Mac应用，很显然我是一个资深Mac用户，我需要它们帮助我快乐、高效的工作，同时也分享给你。
iDoc对PS插件的界面进行了全新设计，无论是登录、上传、还是设置界面，都变得更精致、简洁美观，功能分布也非常明确，是一款轻巧且实用的小插件。
作为资深的程序员，虽不如市面上传的那样，背心拖鞋大裤衩、脑袋不洗牙不刷，但也是基本加班到深夜，眼圈黑黑的。
VS Code 是微软提供的一款轻量级但功能十分强大的编辑器，内置了对JavaScript, TypeScript和Node.js语言的支持，并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时。
本文分享主动学习用于目标检测的论文『Consistency-based Active Learning for Object Detection』
一、zoomfiy.js 推荐可以从这里下载 使用说明： 使用该jquery 插件 引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zoomfiy.css 或 min 前后顺序都可 js里加入 调用插件的函数 $('这里写要放大的图片').zoomify(); 如果有ajax 新生成的图片，要在ajax里再次调用一遍该函数。 二、zoomooz.js 推荐这里下载 使用说明： 这个插件有很多种 放大功能，可进行优雅的缩放操作，特别适用相册网站。这个图片方法不是 单独图片跳脱出来的
apply的参数是数组形式，call的参数是单个的值，除此之外在使用上没有差别，重点理解这两个函数调用的this改变
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
