- 博客(32)
- 收藏
- 关注
原创 word转富文本字符串
公司有个需求,把协议放在后台然后前台调接口渲染,产品就丢给我一个word文件,本来准备粘到富文本编辑器里面的但是系统后台居然没用到富文本,自己弄个demo感觉有点重,问了下AI知道了Mammoth.js这个库。
2024-07-12 10:41:12
496
原创 全局自定义指令 + canvas + MutationObserver实现铺满整个元素、元素长宽变化后重新加水印、不可控制台操作dom的前端水印添加
前端加水印
2023-02-04 12:51:19
802
原创 iOS日期转时间戳的坑
项目中有个功能,用户选择一个日期,我转成unix时间戳后传给后端。安卓上面一点问题没有,iOS就是不行。兜兜转转搞了半天,最后发现是因为iOS不能识别 "–" 连接的年月日,改成 "/" 连接就OK了。最好还是养成一直使用 "/" 来连接年月日的习惯吧...
2022-05-08 23:43:18
287
原创 react-router-dom v6 编程式路由导航
注意:父子组件都必须是函数式组件// 父组件 Messageimport React from 'react'import { Link, Route, Routes, useNavigate } from 'react-router-dom'import { Detail } from './Detail'export const Message = () => { const list = [ { id: '001', title: '消息1' }, { i.
2022-05-04 22:54:51
2176
原创 实现微信小程序输入框输入时页面不上移【完美 ~_~】
之前做过的小程序里面这种功能不是太重要,所以有点小瑕疵也一直没去理它。但是这次的小程序有一个话题评论功能,要求比较高,查csdn翻文档好半天终于实现了第一步:输入框固定在页面底部 + 适配底部安全区<view class="bottom-view"> <view class="bottom-input" style="padding-bottom: {{inputBottom}}rpx;"> <textarea v-model="myCom.
2022-04-27 19:54:16
2251
原创 react-router-dom v6版本路由传参【search和state】
search传参:父组件 <Message />// 路由链接中携带参数,注册时无需接收<Link to={`/home/message/detail?id=${i.id}&title=${i.title}`}>{i.title}</Link>search传参:子组件 <Detail />import { useSearchParams } from 'react-router-dom'// !!!使用useSearchParams
2022-04-25 02:55:30
2496
原创 react-router-dom v6版本路由传参【params】
react官方太任性了,为了推荐函数式组件,最新版路由传参似乎必须使用函数式组件父组件 <Message/> :import React, { Component } from 'react'import { Link, Route,Routes} from 'react-router-dom'import {Detail} from './Detail'export default class Message extends Component { state = ..
2022-04-23 22:27:57
2936
原创 【React学习】github用户搜索案例,附触底刷新
话不多说直接上代码,困困=.=app.jsx文件:import axios from 'axios'import React, { Component } from 'react'// axios.defaults.baseURL = 'http://127.0.0.1:3000'import './app.css'export default class App extends Component { inputRef = React.createRef() botRef =
2022-04-22 04:09:53
378
1
原创 css3新特性transition初体验
项目中有个需求:点击章节时展开小节,直接展示出来肯定体验不太好,其实之前也做过类似的,但是是用translate实现的,效果不太好。这次尝试下transition,话不多说直接说代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css3 transition</title> </head> <style type="text/
2022-03-22 16:40:42
309
原创 Element UI中table表格组件的居中问题
表头水平居中:给 el-table 标签绑定header-cell-style 属性<el-table :header-cell-style="{'text-align':'center'}"></el-table>表格内容水平居中:给 el-table 标签绑定cell-style 属性<el-table :cell-style="{textAlign:'center'}"></el-table>...
2021-10-12 20:14:20
941
2
原创 时间戳转格式化日期
定义一个全局过滤器:Vue.filter('dataFormat',function(originVal){ const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2,'0') const d = (dt.getDate() + '').padStart(2,'0') const hh = (dt.getHours() + '').p
2021-10-10 17:53:50
241
原创 webpack不显示css图片的坑
真的是踩了一晚上的坑啊,好几次差点放弃,还好最后都解决了首先我之前用的webpack5,一堆坑,然后降版到和老师一样的4.41.6版本然后还是各种各样的报错,因为之前都是直接安装的loader,很多版本都太高了,一个个的降版,最后突然就成功了,下面看一下我的配置:{ "name": "webpack_test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test
2021-10-10 00:12:52
328
原创 Element UI 级联选择框的一些问题
标签结构: <el-cascader clearable expand-trigger="hover" change-on-select :options="parentCateList" :props="cascaderProps" v-model="selectedKeys" @change="parentCat
2021-10-07 17:19:44
145
原创 提交本地仓库并同步码云仓库
1.开启一个新终端2.查看状态(新修改的是红色)git status3.全部添加到暂存区git add .4.再次查看下状态(都会变成绿色)git status5.提交到本地仓库中git commit -m "描述文字"6.查看分支git branch7.切换到主分支mastergit checkout master8.再次查看分支git branch9.合并分支git merge 要合并的分支10.远程推送git p
2021-10-05 00:18:41
86
转载 git移除现有的远程仓库地址并且切换
git remote -v 查看是否正确然后更改之前先移除git remote rm origin最后加入地址git remote add origin [地址]最后查看是否更正git remote -v就ok辽
2021-10-04 22:11:43
168
原创 Vue3 watch函数中的坑
<template> <h1>当前n值为:{{n}}</h1> <h1>当前求和为:{{sum}}</h1> <button @click="sum++;n--">点我+1</button> <h2>姓名:{{person.name}}</h2> <h2>年龄:{{person.age}}</h2> <h2>薪资:{{person.job..
2021-09-30 02:15:15
737
原创 CSS position
五种常用的 position 定位:1.static[ˈstætɪk] 默认定位,指定元素使用正常的布局行为,此时top,left等属性无效2.absolute 绝对定位,元素会被移出正常文档流,并不为元素预留空间,通过指定 元素相对于最近的 非static定位 祖先元素的偏移 来确定元素位置3.relative 相对定位,该关键字下,元素先放置在未添加定位时的位置,再在不改变页面布局的前提下调整元素位置(因此会在此元素未添加定位时所在位置...
2021-09-26 00:41:12
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人