- 博客(15)
- 收藏
- 关注
RSS订阅原创 几个css奇技淫巧（一）
今天给大家伙分享几个css的使用技巧，这个我计划做成一个系列，每篇文章都会分享几个有意思的css用法，可能是一些冷门的属性，也可能是一些异想天开的用法，或者是有意思的函数。
2024-08-03 14:31:31
822
原创 UnoCSS使用报告
除了封装好的preset之外，我们可以封装自己定制化的preset，或者是只针对当前项目的一些配置。theme在我的理解中，这个是针对于theme切换而特化出来的，也可以用来配置一些全局变量，在配置文件的其他属性中使用。theme: {colors:layout: {},},},在theme可以引用定义在全局css中的变量，这里我就使用了Vant组件库的变量`–van-danger-color` 以及我自定义的变量 `–default-background-color`rules。
2024-07-25 21:55:11
493
原创 在Vue3中使用Web Component
首先介绍一下Web Component，这是W3C推出的目的是解决html中重复代码复用的功能，就好像我们可以在编程语言中使用类和方法来复用一段代码一样，我们可以使用JavaScript在html中创建一个自定义组件，来复用一个UI结构，他相比于目前流行的UI组件库最大的优点在于不依赖于框架，具有良好的通用性，尤其是在微前端中作为组件复用可以大幅度提升工作效率。
2023-09-03 22:45:13
265
原创 在react中添加css样式的三种基本方法，以及两个可扩展的包
三种基本方法是基于html的行内样式，css通用的class，和css modules。
2022-10-10 17:28:52
3408
1
原创 解决cannot find module ***(file contains the enum)报错问题
今天遇到一个问题，一个第三方库的***.d.ts文件里定义了一个enum我没有办法import这个enum，在编译的时候会报错 cannot find module ***(file contains the enum)原因是声明文件.d.ts是用来给js格式的内容添加类型辅助声明的，本身只放类型声明相关的东西，并且打包编译的时候不会被编译到包内。这样就容易理解了，enum并不是一个对某对象的类型声明，而是定义了一个对象，该内容打包时不被打包，引用这个enum的代码就无法找到这个enum导致报错。官网对文
2022-06-21 18:06:16
676
转载 函数式组件与类组件有何不同？
函数式组件与类组件有何不同？与React类组件相比，React函数式组件究竟有何不同？在过去一段时间里，典型的回答是类组件提供了更多的特性（比如state）。当有了Hooks后，答案就不再是这样了。或许你曾听过它们中的某一个在性能上的表现优于另一个。那是哪一个？很多此类的判断标准都存在这样那样的缺陷（flawed），所以我会谨慎看待从它们中得出的结论。性能主要取决于代码的作用，而不是选择函数式还是类组件。在我们的观察中，尽管优化策略各有略微不同，但性能差异可以忽略不计。在任何一种情况下，除非你有其他
2022-04-07 15:40:50
2025
2
原创 TinyMCE的上传文件的功能
记录一下TinyMCE的上传文件的功能：用Base64上传图片：if (meta.filetype == 'image') { var input = document.createElement('input'); input.setAttribute('type', 'file'); input.setAttribute('accept', 'image/*'); /* Note: In modern browsers
2022-03-24 17:38:32
1967
1
转载 hash和history的前端路由原理
🎹序言众所周知， hash 和 history 在前端面试中是很常考的一道题目。在学习本文内容之前，周一对 hash 和 history 的认知可能就在 hash 的 url 里面多了个 # ，而 history 就不会。然后，我认知里还有一个是只有 history 才能做前后端分离，而 hash 跟前后端分离没有关系。然而，现实是……对于前端路由来说， hash 和 history 都可以用于前后端分离项目，且两者有各自的特点和各自的使用场景，在使用过程中主要要了解当前项目所处的场景，以便于更
2022-03-21 12:25:01
589
转载 在React中使用TinyMCE
安装官方组件npm install --save @tinymce/tinymce-react集成组件 import React from 'react'; import './App.css'; import { Editor } from '@tinymce/tinymce-react'; class App extends React.Component { handleEditorChange = (content, editor) => {
2022-03-11 23:45:13
1397
原创 在React中使用TinyMCE富文本编辑器
富文本编辑器富文本编辑器（Rich Text Editor，RTE）是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂HTML用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了，毕竟从开发上讲，每个富文本编辑器的用法都是有区别的。下面是我收集的一些业界比较受欢迎的富文本编辑器，喜欢的朋友、用过的朋友可以
2022-03-09 23:13:41
3493
3
转载 20个优化代码效率的JS技巧
在我们的日常任务中，我们会编写诸如排序、搜索、查找唯一值、传递参数、交换值等功能，所以在这里我列出了我的速记技巧列表！对于给定的问题，可以有不止一种方法来达到相同的解决方案。在本文中，我们将只讨论最快的。大多数这些 JavaScript Hacks 使用 ECMAScript6(ES2015) 以后的技术，尽管最新版本是 ECMAScript11(ES2020)。
2022-03-08 17:35:04
442
原创 回调函数的初步认识
什么是回调函数？我们绕点远路来回答这个问题。编程分为两类：系统编程（system programming）和应用编程（application programming）。所谓系统编程，简单来说，就是编写库；而应用编程就是利用写好的各种库来编写具某种功用的程序，也就是应用。系统程序员会给自己写的库留下一些接口，即API（application programming interface，应用编程接口），以供应用程序员使用。所以在抽象层的图示里，库位于应用的底下。当程序跑起来时，一般情况下，应用程序（app
2022-03-08 17:06:00
94
转载 在项目中用TypeScript封装axios
虽然说Fetch API已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装，实现一个灵活、可复用的一个请求请发。
2022-03-07 10:10:03
350
原创 嵌入式实验报告
实验报告一、 小组成员 江剑豪 孙玉祥 张峻玮二、 实验内容1.LED发光二极管实验； 2.串口收发数据实验；3.按键控制实验；三、 实验环境硬件：通用节点或任意传感器节点一个、USB仿真器、USB电缆、PC机；软件：IAR Embedded Workbench for MCS-51、串口调试工具；四、 实验目的熟悉Zigbee硬件模块相关接口；使用IAR 开发环境...
2018-11-21 15:29:29
1620
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人