腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

张家辉的树屋

专栏作者

96

文章

103078

阅读量

15

订阅数

Interview: 2020春季中高级前端面试记 | 渐进增强题目甄选(上篇)-react&http基础

react 缓存 http 渲染 https

keywords: service work 和前端缓存 && http 请求头和响应头，状态码 && 白屏优化方案

西南_张家辉

2022-09-16

5620

【译】JavaScript实现文字剪贴板&React版本

html react typescript api javascript

目录怎么使用JavaScript实现一个剪贴上面的方法不是很完美我们优化一下思考一个问题使用react和typescript重写和优化一下如何使用copyme 原文参考写在最前面有一个简单的需求，用户需要快捷的复制一些相关的信息，然后进行下一步信息的填写。前端这里需要做一个剪贴板方便用户体验。想直接参考 react 使用的可以看使用react和typescript改写和优化一下大概设计如下，有多条信息，然后用户可以点击右边的复制 icon 进行快捷的复制。 📷 怎么使用JavaScr

西南_张家辉

2022-09-16

7650

React: 事件处理和绑定方法

注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例上，这也是 React 推崇的原则：没有黑科技，尽量使用显式的容易理解的 JavaScript 代码。

西南_张家辉

2022-09-16

9800

React&CSS3: 写一个 spinner 圆形加载动画

typescript react html css javascript

写在最前面最近业务和设计稿需要需要写一个加载的动画，然后就决定构建一个 react 的 spinner 圆圈⭕️旋转的加载动画。关键Key: react,css3 clip-path 先来看看需要实现的效果 📷 思路需要先构建一个圆，然后做一个循环旋转的动画，然后在动画的过程中切割圆的部分环，达到上图的效果。圆：border-radius: 50% 旋转动画：transform: rotate(...); 切割环：clip-path：polygon(...) css3 clip path 这

西南_张家辉

2022-09-16

6500

造火箭-流程设计之绘图篇

今天主要介绍的不是怎么写文档，只是想分享一下怎么更好的用图表达，结构化的表达很重要，我把图的表达看做代码中的设计模式来类比，文字中的设计模式(Design pattern) 可以是小学语文中的起承转折，也可以是霸道总裁文的套路，也可以是图的不同表达。

西南_张家辉

2022-03-21

7540

CSS&JavaScript：你究竟会几种多列布局?

css 编程算法

• 注意上面的最大列数这里就是坑了，你指定的 number 并不一定是现在的列数，而是最大列数

西南_张家辉

2022-03-08

4620

React: Lottie 动画初体验和优化策略

css http react json 网站

lottie 是 Aribnb 开源一个主要面向 Web、iOS、Android、React Native、Windows 的动画库，可以实时渲染After Effects动画，并以Bodymovin作为json导出，允许应用程序像使用静态图像一样轻松使用动画，一款协同合作的高效软件。

西南_张家辉

2021-02-02

3.6K0

[译]全栈 Todolist-client 篇(React Typescript)

api react mongodb typescript 数据库

写在最前面如果没看前面的 node server篇和 mongoDB database篇，可以先看看，这篇是结合上面两篇一起学习的文章您可以按照顺序阅读全栈 Todolist-server 篇 Node(server) React(client) MongoDB(database) Typescript Todolist-database 篇(Cloud MongoDB) Todolist-client 篇(React Typescript) 1、创建一个 react app（源码代码参考）接着

西南_张家辉

2021-02-02

5170

全栈 Todolist-database 篇(Cloud MongoDB)

node.js mongodb access 云数据库 MongoDB javascript

全栈 Todolist-MongoDB 篇写在最前面这篇是辅助 server 篇配置 MongoDB clound 数据库的文章，大家可以先看 server 篇。您可以按照顺序阅读全栈 Todolist-server 篇 Node(server) React(client) MongoDB(database) Typescript Todolist-database 篇(Cloud MongoDB) Todolist-client 篇(React Typescript) 0、注册使用 MongoD

西南_张家辉

2021-02-02

6760

[译] 用 Typescript + Node 配合 mongDB 写简单接口

打包 node.js typescript mongodb 云数据库 MongoDB

写在最前面使用 node 完成一个 todolist app 的 server 端，其中包括基本的 ts 配置方案和完成了 Models 和 Controler 层。提示：需要对 Typescript 有一定了解，server 和 client 端均使用 Typescript 默认已经安装好 yarn或者npm 您可以按照顺序阅读全栈 Todolist-server 篇 Node(server) React(client) MongoDB(database) Typescript Todolist-d

西南_张家辉

2021-02-02

1.3K0

【译】Typescript 4.0 beta 常用新特性一览

ide 编程算法 typescript

具体来说，罪魁祸首通常是一个称为项目加载的过程，该过程与我们的编译器的程序构建步骤大致相同。这是从一组初始文件开始，解析它们，解析它们的依存关系，解析那些依赖关系，解析那些依赖关系的依赖关系（开始各种套娃）等等的过程。

西南_张家辉

2021-02-02

4630

css3 javascript 单行和多行文本溢出截断多种方案

java javascript css react github

写在最前面在我们日常开发中的时候经常会遇到一种业务场景，需要截断一些文字的显示。可能是一行或者两行，或者根据字数限制或者用户的显示屏幕大小来展示对应的文字。 css 篇一：单行文本溢出处理代码 .text-ellipsis-single{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 响应式截断，当文本溢出的时候才显示省略号。预览codepen 情况 codepen.io/lpove/pen/M… 分

西南_张家辉

2021-02-02

1.1K0

【译】Typescript 3.9 常用新特性一览

github git 开源 typescript

Typescript 3.9 新特性一览好消息好消息，3.9 正式版本发布了相关文章导航 Typescript 3.7 常用新特性一览 Typescript 3.8 常用新特性一览 Typescript 3.9 常用新特性一览 Typescript 4.0 beta 常用新特性一览更新什么？概况一览 1、优化了 Promise.all 的定义，在 3.7 版本中一些混用 null 或 undefined 的时候的问题已经在 3.9 得到了修复。 2、大大的提高了打包速度，微软团队自测的时候 types

西南_张家辉

2021-02-02

1.3K0

【译】Typescript 3.8 常用新特性一览

javascript node.js ecmascript 编程算法 react

!!! 和常规属性(这里特别比较 private 修饰符声明的比较)不同，私有字段(private fields)拥有下面这些特性。

西南_张家辉

2021-02-02

8190

【译】Typescript 3.7 常用新特性一览

typescript javascript

大部分自译，少量借用 google 翻译(ps: google 翻译质量还不错)，需要了解和使用 typescript 的看官网学习是非常好的，特别是英文文档写得非常不错。

西南_张家辉

2021-02-02

7930

JavaScript: 从 Event Loop 到 Promise (常见问题分析)

编程算法 javascript node.js

总结一点:JavaScript是单线程的，但是浏览器不是单线程的。一些I/O操作，定时器的计时和事件监听是由其他线程完成的。

西南_张家辉

2021-02-02

6670

JavaScript: 前端拾遗-ES6基础

以上 let 的规则同样适用于 const，但是跟 let 的区别是 const 声明的变量不能重新赋值，所以 const 声明的变量必须经过初始化。

西南_张家辉

2021-02-02

2280

Interview: 2020春季中高级前端面试记 | 渐进增强题目甄选(上篇)-react&http基础

react 缓存 http https 渲染

keywords: service work 和前端缓存 && http 请求头和响应头，状态码 && 白屏优化方案

西南_张家辉

2021-02-02

7080

HTTP: 前端拾遗--同源策略和跨域处理

java json javascript access

jsonp-script标签的src属性不受同源策略限制，用此方式对非同源服务器请求资源，返回的JS代码会调用指定的函数，携带的参数就是所需的数据，这样就完成了跨域请求。

西南_张家辉

2021-02-02

6590

React Hooks 实现一个搜索功能

React Hook useEffect has a missing dependency: 'featchList'. Either include it or remove the dependency array

西南_张家辉

2021-02-02

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态