Devtools-Remote-Debugger 正如其名，是一个基于最新版 Chrome Devtools 开发者工具构建的 Web 远程调试工具。它能够让 Web 开发者使用最熟悉的 devtools 调试工具来远程调试 Web 项目。
一、导语 说起 Microsoft Office 办公三件套，想必大家都不会陌生，社畜日常的工作或者生活中，多多少少遇到过这种情况： 本地创建的文档换一台电脑打开，就出现了字体丢失、排版混乱的情况； 客户爸爸发来一个文档，想看内容需要下载，下载后发现和自己工作没有一毛钱关系，无奈之下秒送回收站； 网站上搜索到一篇干货文章，提示下载后才能查看，结果下载包夹带了未知来源的文件； 疫情下移动办公需求激增，而移动端打开文档需要在不同软件之间跳转，体验割裂； 某平台文档预览效果 这种时候，我们往往需要一个
看来远程调试是一大痛点。介绍了一个基于 Chrome Devtools 的远程调试工具，可以让前端开发者更好地调试远程 web 页面。今日文章由腾讯前端工程师 @Linkpan 分享。
在小程序开发中为了提升小程序的功能丰富度和用户体验，以及避免重复造轮子，特别是在实现一些通用功能（如地图定位、支付接口等）时，我们往往需要通过小程序插件来提高开发效率。目前我司的 app 中是通过嵌入第三方SDK来实现小程序运行的，我们发现该技术平台中是具备直接开发小程序插件的能力的，本期就给大家分享一下如何在第三方平台中开发小程序插件，以便于业务模块可以复用。
XDOC可以实现预览以DataURI表示的DOC文档，此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览，具体实现方法请看官方文档下面这种方式可以实现快速预览word但是对文件使用的编辑器可能会有一些限制
前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。
根据文章内容总结为摘要总结。
Causal 是一个多维电子表格，能够处理从基本算术一直到 10 亿次计算的金融模型的一切。Causal 的前端是在 2019 年用 Create React App（CRA）构建的，它为我们提供了很好的服务——它只需要最小的初始设置，并允许快速迭代。随着我们的客户规模和复杂性的增加，性能变得越来越受到关注，我们达到了 CRA 设计支持的极限。最重要的是，CRA 本身并不支持跨多页应用程序的路由分割，所以我们的页面加载时间慢得令人沮丧。为了解决这些问题，我们改用 Next.js，将初始页面加载时间减少了 70%，并将开发者的体验提升到一个新的水平。
本文完整版：《React 实现 PDF 文件在线预览 - 手把手教你写 React PDF 预览功能》
3年前在AWS re:Invent 大会上AWS 宣布推出 Cloud9, 用于在云端编写、运行和调试代码，它可以直接运行在浏览器中，也就是传说中的 Web IDE。3年后的今天随着国内云计算的发展, 各大云计算服务厂商都在部署自己的WEB IDE, 而且已经有非常成熟的落地方案, 对于这一块的技术原理和实现, 也非常值得我们去学习和剖析.
其灵感来自于 HexoPlusPlus/HexoPlusPlus (基于 Cloudflare Workers 的无服务器 Hexo 后端)
我们在写需求时都会封装一些组件，然后会为该组件定义一些 props ，使其跟业务分离，变得更通用。写完组件后需要验证一下组件的效果，也就需要简单 mock 一下数据传进去，然后跑一下项目看一下
1，必须有两个微信 2，这两个微信都需要是这个小程序的开发者 3，测试的时候两个微信必须都扫码预览二维码
微信在发布小程序之前，有一个佐助微信 Html5 页面开发的 WeixinJSSDK，地址是这个：
首先使用如下命令在自己的电脑上安装 docsify-cli 工具，方便后续的创建和预览自己的文档网站；
微信小程序作为一个轻量级的应用平台，为用户提供了便捷的信息获取和服务体验。本文将以一个新闻阅读类的微信小程序为例，详细介绍如何实现新闻列表展示、图片加载、Tab滑动切换、获取数据、处理图片加载失败、数据缓存、分页加载、错误处理、下拉刷新、列表项点击跳转、用户授权、搜索功能、图片预览和小程序分享等功能。跟随本文的步骤，你将轻松掌握微信小程序的开发技巧，为用户打造一款实用且美观的新闻阅读应用。
mobile.png pc.png 特性： 🔥任意拖拽嵌套：通过组件预览面板拖拽组件，到设计面板实现任意嵌套，设计面板中的组件也可随意拖拽嵌套 💻实时预览：设计面板中会实时展示组件的属性效果和样式效果，并且与真实页面无异 🎄DomTree展示：页面组件dom树的展示并实现dom实时追踪 🎁可视化属性配置：结合React 特性和JS语法定制了可视化的组件属性配置，实现复杂数据结构的可视化配置 🎆可视化样式配置：通过样式配置面板修改样式，实时在页面中显示样式效果 📹模板功能：可以选中局部或者整个页面做为可复
近来一段时间在忙工作上的事，对鸿蒙的文章很久没有更新了，而鸿蒙之前的开发者文档中说明了会在近期更新DevEco Studio的版本，当版本更新之后肯定会增加一些新的内容，下面来看看吧。
Vue-H5-Template 项目以小商城作为基本的内容演示，使用 Vue3.0+Typescript+Vant 搭建 移动端h5页面 开发所需的基础模板，并提供一些通用型的解决方案及扩展功能。
最近在做图片上传的一个前台页面，上传图片功能虽然很简单，但是需要我们学习的地方很多。在上传图片之前验证图片的格式，并同时实现预览。这篇博客我们就用一段简单的js代码来实现验证图片格式，并同时预览的功能。
这个vant组件与其它组件的引入方式不同，不需要在main.js中引入，直接在页面中引入即可：
分页预览即普通预览模式，FineReport 的默认预览方式，一般在只需要查看报表数据用于分析的时候使用。
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production) 下Developer Menu是不可用的。 如何开启Dev
（1）一切以用户价值为依归→用户是微信的核心，所以微信中没有很多与客户无关的功能，比如QQ中的乱七八糟一系列东西。
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。WeUI 为微信 Web 服务量身设计的h5框架。严格的讲它是一个css库。算一个精简的库，它是使用less编写，最终编译成css，压缩成weui.min.css
想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提供思路，并非最佳实践）
随着Vue.js越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。
携程前端框架团队，为携程集团各业务线在PC、H5、小程序等各阶段提供优秀的Web解决方案。当前主要专注方向包括：新一代研发模式探索，Rust构建工具链路升级、Serverless应用框架开发、在线文档系统开发、低代码平台搭建、适老化与无障碍探索等。
随着编程的普及，越来越多的人开始参与到代码的编写当中。很多时候，你并不需要很多专业知识，你就可以写出非常出色软件，而这一切都得益于很多低代码编程工具，这些拖拽工具可以非常方便地让你生成页面，甚至是获取数据。接下来我们就来盘点一下可视化代码生成工具。
vuepress-theme-aurora 是一款基于 Vuepress2 的博客主题，将本地 Markdown 文件解析成静态 html 页面，作为博客文章。搭配 说说，时间轴，文章分类，评论，友情链接，相册，音乐播放器 等特色功能，给您不一样的使用体验。
swagger-bootstrap-ui 1.7.5 发布了。swagger-bootstrap-ui 是 Swagger 的前端 UI 实现，目的是替换 Swagger 默认的 UI 实现 Swagger-UI，使文档更友好一点儿
众所周知，Vue目前越来越热门，被很多开发人员采用，因此其生态也越来越完善，相关的工具和库也很丰富。这主要得益于：Vue的学习曲线，清晰的设计结构和使用文档，让有经验的开发人员从其他框架（React和Angular）很方便的入手。今天的这篇文章笔者从这些工具的实用性、有效性、独特性选了这十款工具和库，而不是依据Github受欢迎程度或星级，有些你已经很熟悉了并在使用，有些还比较陌生，好了，让我来一起看下这十款热门的工具和库。
在iOS开发中大家对于有些功能和模块不可避免的需要使用HTML来加速开发和实现功能的快速变更,例如：预览和活动页面。
最后注意一点，H5实现图片预览只能使用原生JS进行DOM元素的操作，若使用jQuery则无法实现该效果。
本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production)
最近自家产品开发使用中收到反馈，安卓内嵌网页无法打开PDF，而IOS可以打开。其实安卓无法打开分以下几种情况：
说起腾讯文档，相信大家对此并不陌生。在新冠疫情防控期间，腾讯文档在人员流动排查、健康信息收集、居家学习、协同办公等场景发挥了巨大的作用。
界面跟vscode差不多, 可以安装vscode插件, 打开终端, 整体体验跟本地vscode没啥区别
很显然，正如大家所见到的，这一版本主题v4.7.0进行了大量的删减工作。可能正如 “大道至简” 吧，相比于前一版本 v3.7.1 ，个人认为可能有点花哨（仅个人认为），所以这一版本并未过多魔改，只在样式上做了些许调整，更多的继承沿用了主题自带的效果。
如果项目是基于微信开发的可以直接引用微信的sdk预览图片功能 npm install weixin-js-sdk <script> import wx from "weixin-js-sdk"; getpreview(e) { if (e.target.tagName == "IMG") { wx.previewImage({
IE浏览器（Microsoft Internet Explorer） 对URL长度限制是2083（2K+53），超过这个限制，则自动截断（若是form提交则提交按钮不起作用）。中文字符的话只有2083/9=231个字符。
Vue.js 是一个目前比较流行的前端框架，已经到了前端人人都会的地步，今天这里为大家罗列一下基于 Vue 的后端管理的框架。目前比较流行和 Vue 搭配的 UI组件 有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue，另外还有Vuetify、Buefy （Bulma css）、Vue Material 等等。基于这些组件库封装的后台管理模板，推荐一些常用 VUE后台模板 给大家。按照 Github 星标数量来依次介绍。
最近在 手机上要显示 PDF 文件，在搜索引擎上找到了很多方案，大体上有以下几种：
进入 Html5 时代，在页面中开启上传功能，只需要一个 input 组件。type 代表上传，accept 代表接受的文件类型，capture 代表从摄像头拍照获取，capture="user" 代表默认打开前置摄像头，multiple 代表一次可上传多个文件。
vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览
在做网站系统时经常会用到图片上传功能，用户往往希望能看到自己上传的图片的样子，有的人是采用将图片上传到服务器之后再回显到页面，这种方式在无形之中增加了服务器的运行压力，因为如果用户感觉不满意还会再次上传图片。为了减轻服务器压力，我们通过js来实现本地图片上传预览功能，不经过服务器就实现预览效果。下面请看代码
李俊负责 Cloud Studio 的产品规划，对于各种设计、开发工具有比较深的研究，一直在探索如何缩减设计开发之间的协作阻力。
把鼠标移到 blog 的链接地址上面，能够显示预览小图标，这样的效果是不是很酷，看看下面的这篇译文吧。翻译自 Weblog Tools Collection 的 APAD: Snap Shots Plugin
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
