文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【腾讯云的1001种玩法】激发云力量--打造我的云端工具集

先说说做了哪些事情（都来源于实际小需求）： 问卷系统：借鉴Google表单，支持文本、单选、多选、分页以及问卷的复制、导出 二维码工具集：支持生成二维码、解析/扫描二维码，微信加群短网址生成 地图搜索：...前端：从Google表单分离了前端js代码，略作调整 后台：php来收集表单元素的json，存储；组装问卷页面；问卷回答的存储和下载 实现思路 step1：前端使用js，添加各类表单元素元素，记录对应数据...step3：打开问卷时，使用id读取到对应问卷的json配置，根据EntryType生成html代码，返回给前端 step4：问卷回答后，以k=v&x=y提交，后台按题目顺序，将答案整理为csv，存储到文件...表单元素的渲染采用了纯html的拼接，如果在后端使用tinybutstrong/前端使用art-template或angular.js/react/vue.js这类MVVM框架，可以更优雅的完成。...: 64, height: 64, text: 'hello, world' }); 但是jquery-qrcode生成的二维码在table或canvas中，无法右击保存 所以改造下，渲染成能右击

3K01

React 在服务端渲染的实现

包括围绕与API交流的React应用程序的共同路障。 在本教程中，我们将逐步向您介绍服务器端的渲染示例。包括围绕着 APIS 交流一些在服务端渲染 React 应用程序的共同障碍。...入门 接下来让我们来看看如何将服务器端渲染添加到一个基本的客户端渲染的使用Babel和Webpack的React应用程序中。我们的应用程序将增加从第三方 API 获取数据的复杂性。...提供的代码中只有一个 React 组件，`hello.js`，这个文件将向 ButterCMS 发出异步请求，并渲染返回的 JSON 列表的博文。...这意味着要使 API 请求跳出 React 的组件渲染循环，并在渲染组件之前获取数据。我们将逐步介绍这一步，但您可以在GitHub上查看完整的差异。...同时我们把 render 方法中的 state 替换成 props，因为 React Transmit 将数据作为 props 传递给组件。

2.2K70
您找到你想要的搜索结果了吗？
是的
没有找到

2019-06-03 GitHub 上的顶级项目都是做什么的？

ant-design/ant-design 蚂蚁金服出的 react/vue 组件库，前一阵大名鼎鼎的“圣诞彩蛋”就是这个库搞得。主要 提供 React 的组件库，用于企业中后端的后台的建设。...facebook/react-native 使用 React 的语法来构建 native app，注意这里并不是使用一个 iOS 或者 Android 的 WebView 中嵌套了一个 webapp，...angular/angular.js Google 推出的前端框架，没用过 reactjs/redux react.js 的一个组件，用来管理数据。...d3.js 前端数据可视化组件 后端工具 elasticsearch 使用 Java 编写的一个搜索工具，要实现全文搜索的话，选择 ES 就对了。 moby Docker 的内核....请参考 Nodejs 通用工具类 typicode/json-server 这个其实既是前端工具也是后端工具吧. 根据给定的 json 文件, 提供一个模拟接口.

1.4K80

GitHub 上的顶级项目都是做什么的？（二）

toddmotto/public-apis 一些免费的公共 API, 值得收藏. 前端 UI 框架/库 moment/moment moment.js 是前端处理验证以及显示时间的一个库....mrdoob/three.js 前端的 3D 库. 可能需要一些基础的图形学知识才能用好. zeit/next.js 基于 React 的一个框架. 前端不是很懂, 不多说了....关于现在的前端三大框架 React/Vue/Angular 可以阅读前文. nwjs/nw.js 前身是 NodeWebkit, 使用 web 技术来编写跨平台的桌面应用的工具....apache/incubator-echarts 前端的一个显示饼图等示意图的库 gatsbyjs/gatsby Gatsby.js 是一个基于 React 的静态网站生成器 square...请参考 Nodejs 通用工具类 typicode/json-server 这个其实既是前端工具也是后端工具吧. 根据给定的 json 文件, 提供一个模拟接口.

70130

GitHub 上的顶级项目都是做什么的？

ant-design/ant-design 蚂蚁金服出的 react/vue 组件库，去年的 “圣诞彩蛋” 就是这个库搞得。主要提供 React 的组件库，用于企业中后端的后台的建设。...facebook/react-native 使用 React 的语法来构建 native app，注意这里并不是使用一个 iOS 或者 Android 的 WebView 中嵌套了一个 webapp，而是直接使用...angular/angular.js Google 推出的前端框架，没用过 reactjs/redux react.js 的一个组件，用来管理数据。...随着浏览器的发展，现在使用 jQuery 的越来越少了。 create-react-app 用来构造 react app 的辅助工具。 d3.js 前端数据可视化组件。...toddmotto/public-apis 一些免费的公共 API，值得收藏。 前端 UI 框架/库 moment/moment moment.js 是前端处理验证以及显示时间的一个库.

1.6K11

【JS】1714- 重学 JavaScript API - Geolocation API

1.2 作用和使用场景 Geolocation API 可以广泛应用于各种场景，例如： 「个性化地理位置服务」：根据用户的地理位置信息，提供个性化的服务，例如定位附近的商店、餐馆或景点等。...「地理位置数据统计」：收集用户地理位置数据，进行数据分析和统计，用于市场研究、用户行为分析等。 「路线规划和导航」：根据用户的起点和终点位置，利用地理位置信息进行路线规划和导航。...以下是一些示例应用： 3.1 定位服务应用 通过 Geolocation API，我们可以开发定位服务应用，帮助用户找到附近的商家、景点、医院等。...then((data) => { // 处理获取到的天气数据 const { temp_c, condition } = data.current; console.log...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive

32860

进击的JAMStack

接着我们再具体看一下JavaScript，APIs和Markdown这三种技术在JAMStack的世界中是起到什么作用的。...JAMStack的Web应用会通过JavaScript给后端API发送AJAX请求或者GraphQL query，后端API会以某种格式（一般是JSON）返回数据给前端来实现一些用户交互。...Markdown Mardown是一种轻量级的标记语言。在JAMStack的世界中，Markdown类型的文件通常是用来作为生成静态HTML文件的数据源。...而对于那些数据经常发生变化的且不需要被搜索引擎收录的内容，它们会等到浏览器实际渲染对应组件的时候才通过APIs动态获取数据渲染出来。...在不了解JAMStack之前，如果我想我的网站被搜索引擎收录要么就是刀耕火种地硬写HTML和原生JS，这种方案明显开发效率十分低下。

2.8K30

一杯茶的时间，上手 Gatsby 搭建个人博客

/gatsby-config.js 基本用来配置两个东西： siteMetadata 放一些全局信息，这些信息在每个页面都可以通过 GraphQL 获取到。...通过 GraphQL 统一管理实际上非常方便，因为作为一个数据库查询语言，它有非常完备的查询语句，与 JSON 相似的描述结构，再结合 Relay 的 Connections 方式处理集合，管理资源不再需要自行引入其它项目...迁移博客需要考虑的一个重要问题便是路径兼容。我们当然不希望迁移后原有的链接无法访问，这不仅影响到 SEO ，更带来了不好的用户访问体验。本文将聊聊怎么让 Gatsby 兼容 Jekyll 式路径。...在 /gatsby-node.js 中配置 Gatsby Node APIs，如果项目是基于 starter 的话你很可能会发现里面已经有相应的配置。...注意我把模板域的名字换成了自己更习惯的 layout，原来的 starter 中应该叫 templateKey。修改其实也很简单，搜索所有文件替换关键字即可。

3.2K20

【译】JavaScript对SEO的影响

在通过React构建的应用中，最常见的方式就是客户端渲染。React的客户端渲染本质上就是一个HTML根文件通过加载React相关脚本，在运行阶段将页面内容展示出来。...由此，就出现了一些用来动态设置SEO标签的库。 但是，客户端渲染还会带来另外一个问题，搜索引擎爬虫将无法正确爬取这些页面，因为这些页面内容是在运行时生成的。...针对这个问题，网络爬虫的开发人员已经做了一些额外的优化。例如，当检测到页面是通过JS渲染内容的，Google的网络爬虫就会将对应页面加入到队列中进行等待渲染。...但是，这个过程对较大的应用程序将十分缓慢；另外，在预渲染的React应用程序中无法实现动态链接，因为每个页面在编译阶段就需要存在了。因此，预渲染仅限于静态页面或通过查询参数获取动态内容的应用。...因此，同构渲染并没有被广泛使用，对于大多数框架来说也没有比较好用的依赖包或库。 服务端渲染 在服务端渲染中，页面内容完全由服务端渲染完成并发送到客户端显示。因此，客户端将获取到完整的HTML内容。

2.9K10

前端学习路线指南

, Illustrator, GIMP, Something slse FTP / SSH 工具 : Filezilla ,Putty 好的浏览器: Chrome 云盘: Dropbox, Google...Drive, Box 第三步: 学习原生JavaScript 原生JavaScript(现阶段不需要理会Node.js 和任何框架) 理解数据类型: String, Number, Arrays,...JavaScript框架: React ,Angular 数据库: MySQL, PostgreSQL 第七步: HTML/CSS框架 Bootstrap(强烈推荐学习该框架!)...关系型数据库: MySQL 和 PostgreSQL 非机构化数据库: MongoDB 和 CouchDB 建议选择一个以下的组合: PHP/ MySQL Node.js/ MongoDB 第十步...能够创造出网页引用 能构建后端APIs 能连接服务器 能够管理数据库 你的选择: 得到一份很好的工作 / 成为自由职业者 / 开始一项事业 第十三步:编程框架 JavaScript框架: React

1.8K20

构建你的第一个Solana NFT dApp

本文作者：aisiji[1] 让你轻松地将 NFT、代币、市场等整合到你的应用程序中 在本教程中，我们将建立一个简单的 dApp，让你可以用 Shyft APIs 在 Solana 区块链上创建一个...现在，让我们创建一个函数，用我们在本文中创建的表单收集的数据进行 API 调用。...转到终端，启动 react app，运行: npm run start 你的基本应用程序将看起来像这样： -基本的 NFT dApp- 现在你要做的就是在输入框中输入信息并点击提交按钮。...将返回的mint值(代币的链上地址)粘贴到搜索栏中，应该会得到创建的 NFT 的详细信息。 在 Solana explorer 的前一个搜索栏中粘贴返回的txnId，可以查看交易的详细信息。...我们希望你在使用SHYFT APIs[18]构建 dApps 的过程中度过一段美好时光。快乐的黑客。

96930

Babel 入门指南

本地安装 babel-cli ，直接使用 babel 命令将无法识别。你可以选在在 package.json 文件的  scripts 属性中定义命令。npm 会自动找到本地安装的库。...语义解释器，将 js/jsx 文件中的 es2015/react 语法自动转为浏览器可识别的 Javascript 语法 test: /\.jsx?...它其实是将 chapter03-jigsaw 中的 webpack.common.js 文件里的 babel-loader 的配置移入了 .babelrc 文件。...更多插件请在 npm 搜索（真的好多！） 更详细介绍请参考：官方文档 - 插件 在其它工具中配置 ​?​ 提示： 除了在 .babelrc 文件中定义 Babel 配置。...实际上，还可以在其他工具中对其进行配置。 在 package.json 中配置 可以在 package.json 文件的 babel 属性中配置 Babel 规则。

1.5K50

24步成为后端开发工程师（2018版）

* 实现一些bash中你常用的命令， 比如ls的功能 * 写一个从reddit的/r/programming频道抓取数据并将之保存为JSON格式的小程序 * 写一个程序将目录结构保存为...* 根据上面生成的JSON文件，生成目录结构。 * 想想日常工作中的任务，尝试将之自动化。 3. 学习包管理器 一旦你了解了语言的基础，同时用它写过些示例程序，接着学习该语言的包管理器。...比如Python有PEP8跟Google Python代码规范。Node.js各社区有不同的规范。其他语言的状况也大同小异。 5. 安全 务必要掌握安全最佳实践。...创建RESTful APIs 了解REST，学习如何编写RESTful APIs，阅读关于REST的白皮书。（By Roy Fielding）。理解REST不仅仅是HTTP APIs。 16....有很多可供选择，最知名的是RabbitMQ & Kafka。建议从RabbitMQ开始学习。 18. 搜索引擎 随着应用程序规模的增长，简单的查询已经无法满足要求。这个时候，你需要用到搜索引擎。

74250

微信小程序的技术架构特点

小程序借鉴了很多前端开发的技术理念，它用React实现了“视觉组件”，它用CMD的require作为面向对象的．JavaScript，用Vue实现了标签式逻辑与数据绑定。    ...而小程序的．JavaScript在上下文中自带了wx对象，也就是之前公众号开发中js—sdk的主对象。    ...微信小程序定义了自己专有的模型，吸收了主流前端开发中数据、样式、控制逻辑分离的理念，剔除了烦琐的关联配置，并且从规范上要求每个“页面”需要有同名的四个文件：index．js、index．json、index...其中js文件采用标准的JavaScript语法规范，用于逻辑操作；json文件基于．ISON语法规范，用于页面文件的配置；wxml文件基于xML语法规范，用于页面视觉组件的描述；而WXSS继承了标准的CSS...微信小程序的审核机制会比App更为严格，应用程序将很难获取到用户的敏感权限，这将使用户使用手机更为安全，小程序的获取渠道将更多地集中在微信上，降低了用户获取应用的时间成本。

5.3K40

浅谈 React 中的 XSS 攻击

XSS 攻击类型 反射型 XSS XSS 脚本来自当前 HTTP 请求 当服务器在 HTTP 请求中接收数据并将该数据拼接在 HTML 中返回时，例子： // 某网站具有搜索功能，该功能通过 URL 参数接收用户提供的搜索词...query=123 // 服务器在对此 URL 的响应中回显提供的搜索词： 您搜索的是: 123 // 如果服务器不对数据进行转义等处理，则攻击者可以构造如下链接进行攻击： https:/...存储型 XSS XSS 脚本来自服务器数据库中 攻击者将恶意代码提交到目标网站的数据库中，普通用户访问网站时服务器将恶意代码返回，浏览器默认执行，例子： // 某个评论页，能查看用户评论。...，前端直接将 URL 中的数据不做处理并动态插入到 HTML 中，是纯粹的前端安全问题，要做防御也只能在客户端上进行防御。...一旦出现安全问题一般都是挺严重的，不管是敏感数据被窃取或者用户资金被盗，损失往往无法挽回。我们平时开发中需要保持安全意识，保持代码的可靠性和安全性。

2.5K30

单元测试

setup4package 这将完成以下工作 配置cnpm包下的 jest.config.js 文件 添加测试脚本到 cnpm包下的 package.json 中 更新babel配置，支持单测编译环境...jest，并完成jest相关配置 (目前) 项目中使用jest编写了测试用例 确保项目执行下述jest命令无问题 (生成报告，指定报告位置，生成json数据，指定json数据输出文件) jest --...coverage --coverageDirectory=cq-coverage --json --outputFile=coverage.json 使用苍穹发布 一、苍穹主动发布 苍穹中搜索要发布的项目...，前一个测试用例没有正确地清理或重置测试环境，导致后续的测试无法找到期望的元素或状态。...检查测试用例代码中是否存在任何可能导致测试环境污染或干扰的因素，例如全局状态、全局变量等。尽量将测试用例代码进行封装和隔离，以确保每个测试的独立性。

18410

Chrome 94开始WebGPU试用，Web的图像渲染及机器学能力更强了

用一个最极端的例子来举例，如果JavaScript代码陷入死循环，则页面将基本上完全卡顿，无法响应用户操作。...Aribnb的工程师使用Scheduling APIs实现了图片预下载： 当用户滑动到第2个搜索结果时，提前下载了第2张图片； 当用户滑动到第2个搜索结果的第2张图片时，依次提前下载了第3、4、5张照片...JS Self-Profiling API Chrome 94正式发布了JS Self-Profiling API，用于获取JavaScript执行时的性能数据。...并不意外的是，Safari反对该特性，原因在于性能和安全问题。性能问题比较好理解，收集JavaScript执行过程中的性能数据会损耗性能。...; rel=preload; as=script 服务端返回200，Header中包含preload信息，并且html文本中也包含所需要的css以及js文件（这不是废话吗？）。

1.4K00

关于各方面 杂七杂八的一些内容

的作用和使用： （1）是将一个组件包裹进Route里面,  然后react-router的三个对象history, location, match就会被放进这个组件的props属性中....hl=zh-cn 30.json() 方法接收一个 Response 流， 并将其读取完成。它返回一个 Promise， Promise 的解析 resolve 结果是将文本体解析为 JSON。...Immutable几种方法：   fromJS() 是最最最常用的将原生 JS 数据转换为 ImmutableJS 数据的转换方法。   ...toJS（）：将一个Immutable数据转换为JS类型的数据。   ...merge：浅合并，新数据与旧数据对比，旧数据中不存在的属性直接添加，就数据中已存在的属性用新数据中的覆盖   mergeDeep：深合并，新旧数据中同时存在的的属性为新旧数据合并之后的数据   equals

2K10
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券