- 博客(15)
- 收藏
- 关注
原创 几个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关注的人