React学习笔记

React快速上手


React介绍了解 react 的历史背景和基本概念React 起源于 Facebook 的内部项目。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在 2013 年 5 月开源了。React 是最流行的前端框架之一。对比近两年 V......
React介绍了解 react 的历史背景和基本概念React 起源于 Facebook 的内部项目。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 ......

React快速上手

React介绍了解 react 的历史背景和基本概念React 起源于 Facebook 的内部项目。因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 ......
阅读全文 0
Web前端

小程序canvas生成海报图片压缩和失真问题解决


微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图。绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode,基本都一样,详细代码不过多累赘,这里主要说下适配不同屏幕大小的canvas。onLoad: function (options) { const ......
微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图。绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode......

小程序canvas生成海报图片压缩和失真问题解决

微信小程序实现canvas按照原图等比例不失真绘制海报图,防止模糊我这里的场景是收款二维码+收款背景图。绘制二维码我这里绘制二维码使用的 wxapp-qrcode ,也可以使用weapp-qrcode......
阅读全文 6
Web前端

一文搞懂frp内网穿透并搭建配置使用


实现内网穿需要有一台公网服务器、域名。(本文将公网服务器称为服务端,内网服务器称为客户端)frp 是什么frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS 等多种协议。可以将内网服务以安全、便捷的方式通过具有公网 IP 节点的中转暴露到公网。有了内网穿透你能干什么?远程访问内网的 http/......
实现内网穿需要有一台公网服务器、域名。(本文将公网服务器称为服务端,内网服务器称为客户端)frp 是什么frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS ......

一文搞懂frp内网穿透并搭建配置使用

实现内网穿需要有一台公网服务器、域名。(本文将公网服务器称为服务端,内网服务器称为客户端)frp 是什么frp 是一个专注于内网穿透的高性能的反向代理应用,支持 TCP、UDP、HTTP、HTTPS ......
阅读全文 6
Web前端

Docker常用命令|备忘单


Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 Docker 的快速交付、测试和部署代码的方法,您可以显着减少编写代码和在生产中运行代码之间的延迟。在这篇文章中,我将提到我们需要或大多数用例的 docker ......
Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 ......

Docker常用命令|备忘单

Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 ......
阅读全文 1
Web前端

Electron快速上手并将网站直接生成桌面应用


介绍使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序基于 Chromium 和 Node.js让你可以使用 HTML, CSS 和 JavaScript 构建应用开源跨平台(Windows、Mac、Linux)Atom、Postman、Notion、Vscode等都是用Electron开发的快速上手手动1.创......
介绍使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序基于 Chromium 和 Node.js让你可以使用 HTML, CSS 和 JavaScript 构建应用开源跨平台(......

Electron快速上手并将网站直接生成桌面应用

介绍使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序基于 Chromium 和 Node.js让你可以使用 HTML, CSS 和 JavaScript 构建应用开源跨平台(......
阅读全文 1
Web前端

uni-app 与 Vue H5 项目通讯


什么是WebViewWebView是术语,是指网页视图。能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页。可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都是基于WebView模式进行二次开发的。比如:APIcloud、uni-app等等的框架。uni-app里的web-viewweb-view......
什么是WebViewWebView是术语,是指网页视图。能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页。可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都......

uni-app 与 Vue H5 项目通讯

什么是WebViewWebView是术语,是指网页视图。能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页。可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都......
阅读全文 5
Web前端

前端代码审查清单


是什么?为什么?前端代码审查清单是一个保证前端代码质量的审查清单。当我们在开发写代码的时候,总会各种各样的问题,自测的时候由于太熟悉自己的代码逻辑往往测试不够充分,无法发现问题。前端代码审查清单就是为了解决这个问题!清单存放了一些常见的问题,当我们开发完成之后,对照清单思考一下这些问题在代码中是否遇到或者妥善处理,从而提高代码质量。前端前端安全 所有的用户可......
是什么?为什么?前端代码审查清单是一个保证前端代码质量的审查清单。当我们在开发写代码的时候,总会各种各样的问题,自测的时候由于太熟悉自己的代码逻辑往往测试不够充分,无法发现问题。前端代码审查清单就是为......

前端代码审查清单

是什么?为什么?前端代码审查清单是一个保证前端代码质量的审查清单。当我们在开发写代码的时候,总会各种各样的问题,自测的时候由于太熟悉自己的代码逻辑往往测试不够充分,无法发现问题。前端代码审查清单就是为......
阅读全文 28
Web前端

三行代码实现舔狗日记生成


​ 舔到最后,一无所有直接上代码吧let soul=['你昨天晚上又没回我信息,我却看见你的游戏在线,在我再一次孜孜不倦的骚扰你的情况下,你终于跟我说了一句最长的话 “你他妈是不是有病” 我又陷入了沉思,这一定有什么含义,我想了很久你竟然提到了我的妈妈,原来你已经想得那么长远了,想和我结婚见我的父母,我太感动了真的,真的,那你现在在干嘛......
​ 舔到最后,一无所有直接上代码吧let soul=['你昨天晚上又没回我信息,我却看见你的游戏在线,在我再一次孜孜不倦的骚扰你的情况下,你终于跟我说了一句最长的话 “你他妈是不是有病” 我又陷......

三行代码实现舔狗日记生成

​ 舔到最后,一无所有直接上代码吧let soul=['你昨天晚上又没回我信息,我却看见你的游戏在线,在我再一次孜孜不倦的骚扰你的情况下,你终于跟我说了一句最长的话 “你他妈是不是有病” 我又陷......
阅读全文 1
Web前端

js运算精准问题


​ 都知道拿js去做运算肯定会遇到计算精准的问题(或称舍入误差),但是怎么避开这些坑,这里是我从网上整理的方案,欢迎探讨。精准丢失的原因计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示,如 圆周率 3.1415926…,1.3333… 等。JavaScript 使用 64 位存储数字类型,因此超出的会舍去。舍去的部......
​ 都知道拿js去做运算肯定会遇到计算精准的问题(或称舍入误差),但是怎么避开这些坑,这里是我从网上整理的方案,欢迎探讨。精准丢失的原因计算机的二进制实现和位数限制有些数无法有限表示。就像一些无......

js运算精准问题

​ 都知道拿js去做运算肯定会遇到计算精准的问题(或称舍入误差),但是怎么避开这些坑,这里是我从网上整理的方案,欢迎探讨。精准丢失的原因计算机的二进制实现和位数限制有些数无法有限表示。就像一些无......
阅读全文 7
Web前端

手机上debug调试代码


有时候为了在手机上调试网页,大都是大费周章,有的使用Chrome DevTools远程链接手机调试,有的使用专门的工具或者浏览器调试,现在腾讯开源了一个vConsole的工具,就解决了这一个痛点!vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。在线体验(UI就是微信开发者工具的UI)官方网站特性查看 console 日志查看网......
有时候为了在手机上调试网页,大都是大费周章,有的使用Chrome DevTools远程链接手机调试,有的使用专门的工具或者浏览器调试,现在腾讯开源了一个vConsole的工具,就解决了这一个痛点!vC......

手机上debug调试代码

有时候为了在手机上调试网页,大都是大费周章,有的使用Chrome DevTools远程链接手机调试,有的使用专门的工具或者浏览器调试,现在腾讯开源了一个vConsole的工具,就解决了这一个痛点!vC......
阅读全文 7