- 博客(84)
- 资源 (1)
- 收藏
- 关注
原创 js获取html中的img标签,图片标签,提取src属性并替换操作
获取HTML中的所有图片标签,并把图片的src属性替换成webp图片, 若浏览器支持webp,则展示,不支持走onerror函数展示data-original原图。
2024-01-29 20:31:23
1181
原创 Mac nginx安装,通过源码安装教程
1.将nginx的安装路径加入到系统环境变量中。3.保存修改后并使配置文件生效。2.在文件末尾添加以下内容。
2023-11-22 17:15:40
677
原创 typeScript,typeScript语法,typeScript类型、ts变量声明,ts接口interface
typeScript,ts语法、typeScript语法,typeScript类型、typeScript变量声明,typeScript接口interface、typeScript预发糖、ts进阶
2023-09-15 10:32:27
216
原创 react脚手架初始化项目及ts的应用(react+ts)
初始化create-react-app路由配置1.src下index引入import { Router, Route } from 'react-router-dom';import history from './history';2.自建history路由中间件history.jsimport {createBrowserHistory} from 'history';export default createBrowserHistory();3.src下index加路由每一个
2023-09-07 12:01:46
579
原创 cookie的 samesite和xHr 的withCredentials的作用
关于cookie的 samesite和xHr 的withCredentials的作用
2023-06-13 20:27:40
1349
原创 Hooks之几大框架中的大势所趋
作为一个合格点的不算太牛逼的前端工程师🦁,你得无时无刻都在注意技术方向的势头,而hooks将是作为装逼大师的你必须掌握的技能点,这也是几大前沿框架发展的一大核心势头,本文着重讲讲React和Vue中hooks的前景及用法
2022-12-27 20:05:15
591
2
原创 如何快速上手react中的redux管理库
store.dispatch() // 提交store.sbuscribe() // 组件中监听reducer的变化,即state的变化回调store.getState() // 获取state的值,通常和store.sbuscribe() 结合使用。
2022-12-19 17:43:58
406
原创 swiper获取切换-swiper分页不显示-swiper同步获取当前切换的是第几个或索引-swiper特殊场景-swiper销毁
swiper获取切换-swiper同步获取当前切换的是第几个或索引-swiper不停销毁重建场景处理
2022-10-25 18:26:10
2006
原创 js中的defind()函数和require()函数的使用
解析define()函数和require()函数之间的关系,及define()定义的模块正确的引入方式引入
2022-07-27 20:41:12
2488
原创 客户端资源优化(html渲染速度,静态资源)
一 前端静态资源预加载提高网页渲染速度-preload:type: css、js、image、font动态key值:href<link rel="preload" href="myCss.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="./manifest.js" as="script"><link rel="preload" href="./vendor.js" as=
2022-04-13 16:18:59
248
原创 MongoDB 关联表查询,聚合查询,填充的一些方法总结
1.填充:使用场景:1.假如文章详情需要发帖用户信息的相关信息2.同时需要知道当前文章属于哪个标签下此时可以对文章的数据做用户信息和分类标签的填充,这时只需要操作service即可。article.js // 文章表下的service中populate填充方法:let dbData = await Article.find(params.qCondition).populate( [{ // 这儿是打算填充用户信息(userInfo表) // user_info文章ar
2022-03-17 17:27:11
363
原创 nrm —定义、安装、查看、切换、增加、删除、测试
nrm 释义:nrm(npm registry manager)是npm的镜像管理工具nrm安装在命令行执行命令,npm install -g nrm,全局安装nrm。nrm用法:1.查看当前源: nrm current2.查看所有源: nrm ls (其中带*号的是当前使用的源)3.切换: nrm use name(eg: nrm use taobao)。4.增加: nrm add name url(name:源名,url:源的路径)。5.删除: nrm del name(删除对应的源)
2022-03-16 19:51:40
2523
原创 腾讯云serverless实践记录随笔【开发链路】
0.serverless是个啥?无服务管理,不需要服务器,怎么可能,没有服务器所有的东西放哪,这肯定只是相对而言,serverless是基于docker的(容器),而容器肯定是在一个ip集群上,所以归根结底还是在服务器上。但是实在第三方的容器。1.注册:https://console.cloud.tencent.com/2.确定你要干的事,云开发还是云托管,我们用云函数所以这里选选云开发就行3.使用云函数,怎么用? —>肯定是人家给我们生成或者自定义的云函数存贮在人家的云服务上的。4.注册
2021-11-26 14:04:22
138
原创 时间戳的不同场景应用及它们各自的性能问题
1、console.time(‘stayTime’);console.timeEnd(‘stayTime’);2、new Date().getTime() - startTimeDate.now() - startTime3、performance中 时间差4、process.uptime5、process.hrtime版本号:服务生成的-最好随机数Math.random() ,Date.now()埋点:服务端- process.uptime ,客户端只需要一个时间chuo 的话
2021-11-10 14:52:00
347
原创 字母引号替换成成对的汉字引号封装
function strReplace(pStr) { // 把字符串按照双引号截成数组 let str = []; if(pStr.indexOf('"') != -1){ str = pStr.split('"') }else if(pStr.indexOf("'") != -1){ str = pStr.split('"') }; // 替换后的字符串 let New
2021-10-28 10:59:19
67
原创 清理服务器磁盘,服务器日志
解决的问题:1.清理服务器日志2.linux上传文件提示500 error no space disk leaf.解决方案:登录服务器后:1.df -h 命令,查看服务器磁盘的使用情况,如下图2.lsof 查看服务器存活的进程及日志文件地址*pwd 查看你当前所在目录的地址,这个是一个辅助使用命令3.du -chs 查看当前文件的大小4. du chs /export 或 du -chs /export aa.log跟df -h 作对比,如果确定没有其它项目,差值
2021-07-30 07:41:24
256
原创 js封装ctrl+enter 发送确认
/**@param $dom dom元素*@param callback 要做的业务执行的方法*/function addCtlEnter($dom, callback){ let arrKeydown = [] $($dom).on('keydown', function(e){ if(e.keyCode == 17 || e.key == 'Control') { // ctl 先按下ctr键触发 arrKeydown = [17
2021-07-15 15:48:23
215
原创 命令行查看依赖包的所有版本号-查看版本号
npm view 依赖包名 versions --jsonnpm view swiper versions --json
2021-07-08 19:46:50
3267
原创 兼容PC/M端的手指滑动,拖拽点击自动轮播插件封装
轮播html<div class="swiper"> <div class="hideBox" id="ppt"> <div class="car-move clear abs" id="ppt-contents"> <div class="move-box"> <img src="./images/banne
2021-06-03 10:58:05
119
原创 rem网页自适应封装,PC/M端网页自适应处理
(function(designWidth) { function computrFont() { let winW = document.documentElement.clientWidth; if (winW >= 1920) { // PC端 document.documentElement.style.fontSize = '100px'; return; } if (winW <= 1280)
2021-06-03 10:01:17
195
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人