技术开发分享录
manifest v2 升级 manifest v3 遇到的问题

### <font style="color:#5f5aad;font-weight:700">manifest v2 升级 manifest v3 遇到的问题</font> 1、web_accessible_resources中的js文件通过docu...

soumns╰ 2022-08-11 10:19 31 manifest v3
react通过hook实现父子组件通信

父组件:Parent.tsx,定义`childrenRef` ```tsx import React, { useRef } from "react" const Parent = (props: any) => { const childrenRef = useR...

webStyle_虎_ 2022-07-27 10:24 176 react
jspdf导出

官方文档: - https://www.npmjs.com/package/jspdf - http://html2canvas.hertzen.com/ >[success] 思路:通过 `html2canvas` 把标签容器内容生成图片,然后把图片添加到 `jspdf` 中 ```ht...

webStyle_虎_ 2022-07-20 16:33 221 jspdf
linux升级node版本

**1、清除缓存** ```shell npm cache clean -f ``` **2、安装n工具** ```shell npm install -g n ``` **3、升级到nodejs最新稳定版本** ```shell n stable ``` **4、查看当前版本** `...

webStyle_虎_ 2022-07-19 21:37 65
项目发布各版本说明

常见的 RC 版本,全称是 Release Candidate。其中 Release 是发行、发布的意思。Candidate 是候选人的意思,用在软件或者操作系统上就是候选版本。因此 Release Candidate 就是发行候选版本。 | 版本名称 | 介绍 | 说明 | |: --- |: ...

webStyle_虎_ 2022-07-19 11:06 65 other
js import的4种用法一定要知晓

## 第1种 ``` import x from 'abc.js' ``` 这种导入要求 `abc.js` 模块中有 `export default` 默认导出,`x` 作为消费者导入 `abc.js` 模块默认导出的名称,`x` 可以随意更换为你喜欢的名字 ## 第2种 `...

webStyle_虎_ 2022-07-18 18:36 261 javascript
微信小程序报TypeError: _typeof3 is not a function解决

报错内容: ![](https://img.yunmasucai.com/default/20220507/22dfba218bcd76e2d909db2bfc69e23b.png-watermark) 找到 `@babel/runtime/helpers/typeof.js` 全部替换以下内容...

webStyle_虎_ 2022-07-17 21:06 115
redis-cli不是内部或外部命令解决

首先照常添加环境变量,如:`D:\Program Files (x86)\Redis-x64-3.0.504`,然后进入 `D:\Program Files (x86)\Redis-x64-3.0.504` 目录执行以下命令即可: ```cli D:\Program Files (x86)\Red...

webStyle_虎_ 2022-07-12 16:18 82
dayjs获取年周数及周时间范围

这是来自一位dayjs访客提的问题,正好有点时间就写了一个解决方案供参考 ![woy.webp](/images/notes/woy20220706165130.webp) ```html <!DOCTYPE html> <html lang="en"&gt...

webStyle_虎_ 2022-07-06 16:58 206
ts开发环境报Element不存在style属性错误解决

Element是ts中的一个类型声明,但这个同原始的DOM元素有区别,所以获取不到style属性,需要处理于DOM元素类型才可以获取,解决示例: ``` document.querySelectorAll('.card').forEach(ele => { conso...

webStyle_虎_ 2022-06-29 09:39 118
手把手教完妹子同事后,对content-visibility优化渲染性能进行总结

`content-visibility`是一个比较新且有强大功能的属性。 ## 何为 content-visibility? `content-visibility`:属性控制一个元素是否渲染其内容,它允许用户代理(浏览器)潜在地省略大量布局和渲染工作,直到需要它为止。 它有几个常见的取值。 ...

webStyle_虎_ 2022-06-17 17:38 279 css
react useRef的两层用法,开眼界了

相信有过 `React` 使用经验的人对 `ref` 都会熟悉,它可以用来获取组件实例对象或者是DOM对象。 而 `useRef` 这个 `hooks` 函数,除了传统的用法之外,它还可以**“跨渲染周期”**保存数据。 首先来看一下它传统的用法: ```jsx import React, {...

webStyle_虎_ 2022-05-31 09:22 418 react
react <>空标签原来是这样用的

在react中,因为节点渲染是可以放到函数中去处理的,在 `return` 出去的时候,需要注意一点的是只能存在一个根标签,这样而来,就衍生出一个问题,根标签放什么元素? 有时候有的标签中间是不能插入 `div` 标签的,比如下面的例子: ```jsx import {Component} fro...

webStyle_虎_ 2022-05-31 09:18 894 react
没想到纯CSS还可以实现打字效果

鼠标悬浮这里: <style> .zh-typing { position: relative; width: 26ch; height: 22px; animation: typing 3s steps(15, end); animation-f...

webStyle_虎_ 2022-05-25 10:51 403 css
vue3.x几个不看不知道的自动化加载技巧

## 前言 最近鼓捣了一下 Vue3 + Vite2,遇到了不少问题,整理了5个可以提高开发效率的小知识,让你在 Vue3 的项目开发中更加丝滑、顺畅。 ## 一、setup name 增强 Vue3的 `setup` 语法糖是个好东西,但使用 `setup` 语法带来的第一个问题就是无法自定...

webStyle_虎_ 2022-05-20 09:39 546 vue
ES6模块化改变前端的原生开发方式

ES6推出的模块化,使用方式有点类似 `require.js`,只需要引入一个入口文件即可,其他的js文件可以按功能创建及引入,`export` 导出方法属性,然后 `import` 引入使用,这个新特性可能在未来会引来原生开发的热潮,不需要三方框架(vue、react)即可自由使用模块化开发,而且...

webStyle_虎_ 2022-05-19 10:40 294 javascript
一个你想不到的小程序数组更新方式

首先这里不得不吐槽下小程序的数组更新,直接通过 `setData` 替换整个数组只在开发者工具上有效果,放到真机上就完全失灵,这是一件很蛋疼的事情,不知道小程序官方团队的更新机制是什么,也没有去细看,猜测可能与引用类型有关系。 看了网上大都是指定修改数组对象里的某个元素值,如这样: ``` Pa...

webStyle_虎_ 2022-05-18 10:39 481 小程序
vue3.x页面功能拆分方式

vue3.x相对比vue2.x主要的应用区别在于`setup`的使用,这个也是vue3.x的特色,所有的功能都得通过vue钩子引入使用,因为 `setup` 语法糖环境是不支持 `this` 的,这种开发方式有点回到原始的感觉,针对小项目还好,但如果页面模块功能复杂,如果都放到一个文件里堆叠,不仅会...

webStyle_虎_ 2022-05-16 10:07 457 vue
Vue3.x项目开发常用知识点

PS:以下知识点都是基于 `vue3.x + typescript + element-plus + setup语法糖` 使用的。 ## 一、定义组件属性 ``` const props = defineProps({ visible: { type: Boolean, de...

webStyle_虎_ 2022-05-11 09:54 372 vue
npm国内镜像加速

原镜像:`https://registry.npmjs.org/` ## 一、修改成腾讯云镜像源 1、命令 ```shell npm config set registry http://mirrors.cloud.tencent.com/npm/ ``` 2. 验证命令 ```shell...

webStyle_虎_ 2022-05-05 10:36 384 npm
{{ v.title }}

{{ v.content }}

{{ v.nickname }} {{ formatTime(v.create_time) }} {{ v.read_num }} {{ formatTag(v2) }}