技术开发分享录
vuepress使用element-ui

安装 element-ui: ```bash npm install element-ui ``` 创建 enhanceApp.js,目录结构如下: ```dir . ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │...

三生万物 2022-12-01 15:48 22 vuepress
css实现省略点加载中效果

<style> .demo-loading::after { content: ""; animation: dots 2s infinite steps(3, start); } @keyframes dots { 33.33% { conte...

三生万物 2022-12-01 13:55 23 css
nginx https配置新端口

## 一、添加nginx端口配置 ```nginx server { listen 3300 ssl; server_name xxx.cn www.xxx.cn; ssl_certificate /usr/local/nginx/certs/8407157_www.xx...

三生万物 2022-11-29 22:20 20 nginx
vue3 ts .vue模块未找到解决

## 一、关闭 Vetur 扩展 首先定位暴露问题的目标是谁? 一般使用 vscode 编辑器的,在做 vue 项目时,由于历史原因,使用 **Vetur** 工具处理 vue2 的一些格式化、检查、snippet等工作,但在切换到 vue3 + ts 的环境时,如果这个扩展不关闭就会提示 `....

三生万物 2022-11-26 22:54 28
文字垂直滚动+鼠标悬停效果

效果:每 3 秒执行一次切换(一行一行向上滚动),丝滑顺畅,适合公告、推荐等信息展示 ![vscroll.webp](/images/articles/vscroll20221120190026.webp) ```html <!DOCTYPE html> <html> &...

三生万物 2022-11-20 19:01 183 jquery
扩张参数必须具有元组类型或传递给 rest 参数解决

报错示例: ```js export const exportExcel = (...args: any) => { exportCsv(...args) // 报错:扩张参数必须具有元组类型或传递给 rest 参数。 } ``` 解决:修改成元组类型 ```js export ...

三生万物 2022-11-10 15:49 84
git修改全局配置

查看全局配置 ```git > git config --global --list ``` 修改全局配置 ```git > git config --global user.name zhangsan ```

三生万物 2022-11-07 11:21 60
element ui dialog滚动到顶部

```html <el-dialog ref="dialog"> <!-- 内容 --> </el-dialog> ``` ```js export default { methods: { scrollTop() { ...

三生万物 2022-11-02 22:23 82
小程序wxParse图片不更新解决

这个问题主要出现在 wxParse 处理数组图片的时候,`setData()` 数据更新了,但图片宽高却是是 `undefined`,根据问题追踪发现更新的数据和遍历的数据不是同一个数据,虽然存在深度数据共享(同一引用),但并没有触发 `setData()` 处理更新的逻辑,所以在更新单个数据的同时...

三生万物 2022-10-28 22:18 127
css border效果

## 一、右三角 <div class="demo"></div> <style> .demo { width: 0; height: 0; border-style: solid; border-width:...

三生万物 2022-10-23 22:47 560 css
nextjs image标签 打包后不显示

本地代码: ```html <Image src='/images/plane.png' layout='fill' alt='plane' /> ``` 本地用了next `Image` 标签可以正常显示,但打包后放在服务器上就显示不...

三生万物 2022-10-11 11:00 278 nextjs
sheetjs xlsx 复杂表格导出

官网:[https://docs.sheetjs.com/](https://docs.sheetjs.com/) 示例: ![sheetxlsx.webp](/images/articles/sheetxlsx20221010173113.webp) 代码: ```html <!DO...

三生万物 2022-10-10 17:31 259 sheetjs
去除字符串首尾空格

ES5方式,使用 `replace()` 方法正则替换 ``` ' abc '.replace(/^\s*|\s*$/g, '') // abc,如果不用 g 修饰符的话,ES6还出了个 replaceAll 也可以实现 ``` ES2019 对字符串实例新增了 ...

三生万物 2022-10-10 10:20 256 javascript
includes(), startsWith(), endsWith()判断是否在字符串中

传统上,JavaScript 只有 `indexOf` 方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。 - `includes()`:返回布尔值,表示是否找到了参数字符串。 - `startsWith()`:返回布尔值,表示参数字符串是否在原字符串的头部。 - ...

三生万物 2022-10-10 10:09 305 javascript
小程序自定义导航栏样式

## 动态修改 ``` wx.setNavigationBarTitle({ title: 导航栏名称 }) ``` ## 自定义导航栏 ### navigation-bar标签 ```html <page-meta> <navigation-bar ti...

三生万物 2022-09-24 19:00 420 小程序
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 522 manifest v3
react通过hook实现父子组件通信

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

三生万物 2022-07-27 10:24 2354 react
jspdf导出

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

三生万物 2022-07-20 16:33 1121 jspdf
项目发布各版本说明

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

三生万物 2022-07-19 11:06 355 other
js import的4种用法一定要知晓

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

三生万物 2022-07-18 18:36 2267 javascript
{{ v.title }}

{{ v.content }}

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