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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

andyhu-大前端

专栏作者

27

文章

29189

阅读量

15

订阅数

styled-components 深入浅出 (三) : 源码解析

components 函数基础源码字符串

一开始我就通过 document.createElement('style') 定位到 makeStyleTag 函数。代码所在文件：

2023-09-02

2080

styled-components 深入浅出 (二) : 高阶组件

components 插件动画函数基础

上篇文章介绍了 styled-components 的一些基础用法，这篇文章接着介绍写它的一些高阶组件用法。

2023-09-01

2760

styled-components 深入浅出 (一) : 基础使用

渲染 components 函数基础语法

styed-components 是一个基于 JavaScript 的样式库，它通过标签模板字符串的方式样式化组件，它允许我们使用 JavaScript 直接编写 CSS 样式，并且样式是组件级隔离。在网上找中文相关的资料不是很多，貌似国内用这个不多，于是我就根据我的使用经历记录一下如何使用这个库，以及和大家一起解读一下源代码是如何实现的。该知识将分为多篇文章分享记录。ps: 以下代码例子都经过我实测！

2023-09-01

4400

console 命令详解。打印公司logo、表格、有趣动图、堆栈信息、自定义样式

console 表格对象浏览器数据

小伙伴们在开发的时候应该都用过 console.log() 打印来调试程序代码，有些小伙伴可能所有不知，其实 console 对象还有很多方法非常实用，比如可以把后台传给前端的类数组对象已表格的形式打印，也可以给打印的信息增加 css 样式，你甚至可以在控制台里打印图片！在封装组件时也经常用它的方法打印警告信息，错误信息。那本文就记录一下 console 对象的其他方法的应用场景和注意事项、以及好玩的地方。

2023-08-14

8800

前端相关网络面试题

服务器客户端前端网络协议

前几篇文章分享了一些js、vue面试题的答题方案和总结归纳以及借鉴的参考答案，那这篇就来分享一下网络相关的面试题。

2023-07-05

1860

js面试跳跳题

闭包对象函数面试事件

因篇幅原因，将分为两篇文字总结。内容将覆盖防抖节流（完成）、作用域（已复习）笔试题作用域、预编译（已复习）、闭包（完成）、this指向问题（完成）、new 一个对象经历了什么（完成）、深拷贝浅拷贝（完成）、js类型(完成)、js事件流事件处理程序事件委托（已完成）、隐式转换显示转换（完成）、原型链（完成）、继承（完成）、dns预获取（完成）、promise（完成）、js事件执行机制宏任务，微任务（完成）、async await（完成） js事件思维导图

2023-06-27

1160

js面试跳跳题二

对象函数面试原型字符串

上篇文章因篇幅原因还有一些es6的面试题没有写完，这边文章就时间委托、预获取、和es6等一些面试题进行讲解记录。

2023-06-27

1460

vue面试题总结

对象函数路由数据数组

ViewModel把view和model关联起来，ViewModel负责把Model的数据同步到view显出来，还负责吧view修改同步到Model。答案详情

2023-06-27

2450

js 准确判断数据类型(终极方案)

对象数据数据类型数组字符串

要判断JavaScript中的数据类型，首先得弄懂JavaScript中有哪些数据类型。然后还要知道在 JavaScript 中可以判断数据类型的有typeof 、instanceof 这些，并且知道其不足，最终通过自己封装的方法来终极解决。

2023-06-23

1400

JavaScript实现继承的6种方式

javascript 对象继承原型原型链

创建 Father 的实例，并赋值给 Son 的原型 Son.prototype。实现了 Son 继承 Father，

2023-06-18

2420

JavaScript中创建对象的多种方式和优缺点

javascript 对象继承原型指针

要创建 Person 的实例，需使用 new 操作符。用 new 操作符创建实例大约会执行一下几个步骤：

2023-06-10

2180

一句话读懂原型、原型链（__proto__、prototype）

prototype 对象函数原型原型链

 先属性明确几个概念 prototype: 原型，函数的一个属性，它本身就是一个对象 {}  __proto__: 原型链，通过 __proto__ 可以把互相继承的对象的原型链接起来  原型、原型链 __proto__  __proto__ 是每个对象都具有的属性，它指向该对象所继承的原型对象。或者可以这样说: 对象的 __proto__ 指向对象的构造函数的原型对象例 1.1 function Person() { } let person1 =

2023-05-24

2290

如何使用小程序实现类似Vux的功能

vue.js 小程序微信存储

微信小程序原生没有提供全局的状态管理相关的api，但往往在开发小程序功能的时候又需要使用全局的状态管理，那下面我们就来实现一个类似 vuex 的状态管理功能。

2023-03-08

9970

javascript php node.js

server 文件夹 --index.js --router.js --first-serve.js

2022-12-14

5900

硬让学妹彻底搞懂vertical-align 底线、基线、中线的含义

相信大多数掘友们应该都用过 vertical-align ，它可以用于行内元素和表格元素中实现垂直方向的居中。但在以往的使用中，我却发现了一些意外情况，让我们来看看吧！知道vertical-align 原理的小伙伴可以直接关掉文章了—.—

2022-12-14

5440

移动端H5实现上滑分页加载功能

loading scroll 移动端

想必掘友们应该都知道，pc 端的上下分页的一般都是通过点击页码来实现的。但在移动端这种方式就不太合适了，移动端一般都是通过向上滑动页面，触底后加载下一页这种方式来实现的。只要后台有源源不断的数据提供，用户可以一直无限向上滑触底加载下页内容，会有种上瘾停不下来的感觉，让用户有更多时间停留在我们的产品上。本着这个原因，本文就记录一下整过实现过程。

2022-12-14

3.1K0

微信小程序（四）绝对不可错过切换自定义菜单栏的骚操作

小程序微信 javascript

在开发小程序的时候，一般的小程序用官方自带的菜单栏就够了，但一但稍微复杂的小程序可能因为产品经理的一句“页面太多了得加个菜单”，就可能要对菜单栏进行增、删、改的操作，这个时候自带的就满足不了需求了，可以使用官方提供的自定义菜单栏。但官方提供的自定义菜单栏有个特点，就是菜单栏的页面必须是 Component ，假如你是在项目做到一半的时候有要对菜单栏进行增、删、改的需求，用官方提供自定义菜单栏就需要把page页面改成 Component，那就需要很多时间修改页面逻辑，会很麻烦。所以这个时候，我们就可以采用官方自带的菜单栏和自己封装的菜单栏组合使用，这样能节省修改逻辑的时间，还能享受自带菜单的良好交互。

2022-12-14

8680

微信小程序（三）实现类似Vue中的 computed，watch 功能

vue.js 微信小程序 api 编程算法

微信小程序和 vue 的语法非常像，会写 vue 的朋友上手 vue 基本是易如反掌。但是微信小程序中缺少了很多 vue 中没有的东西，比如计算属性 computed 、监听 watch。这些在平常开发中会经常用到。虽然微信小程序没有直接提供相关的 API 来使用这些，但是我们可以用其他的一些方法来简单的间接的实现这些功能。这篇文章就是记录一下实现这些功能的过程和一些个人感受。

2022-12-14

1.4K0

微信小程序（二）学妹问我微信小程序左滑删除怎么实现

小程序微信

上篇文章记录了小程序的自定义导航栏的实现过程和小程序基础组件 cover-image 中使用 fiexd 失效的坑。前天突然在qq上看到一个学妹在群里@我问我小程序怎么实现左滑删除，今天正好周末有空，于是就在掘金上写了这篇文章。

2022-12-14

5K0

微信小程序（一）自定义导航栏和fixed失效及各机型兼容问题

微信小程序 vue.js

相信掘友们应该或多或少都开发过微信小程序，微信小程序的写法虽然和vue有很多类似的地方，但又有很多vue属性，在小程序中没有类似的实现，比如计算属性，watch 监听等；因为小程序是附着在微信 app 上，所以经常要处理一些安卓端和苹果端的兼容，比如有些苹果机屏幕下方有安全区域，一些安卓机上点输入框输入完毕后点完成按钮键盘不能自动收回，导致输入框不能失去焦点的问题，等等... 为了以后自己和掘友们不再浪费踩坑的时间，我打算写一些文章记录一下我在开发微信小程序中遇到的一些坑和一些小功能的实现过程。

2022-12-14

2K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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