![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发问题
文章平均质量分 54
进阶__前端
这个作者很懒,什么都没留下…
展开
-
vue3.0 axios封装
vue3 + ts + axios 封装请求原创 2022-09-30 09:56:17 · 1455 阅读 · 0 评论 -
css 修改默认滚动条样式
修改默认滚动条样式原创 2022-08-18 09:47:30 · 342 阅读 · 0 评论 -
scale缩放和openlayers的点查不兼容问题
openlayers偏移问题原创 2022-08-03 10:09:25 · 381 阅读 · 0 评论 -
大屏项目开发
vue 大屏项目实现方式原创 2022-08-03 09:27:53 · 1771 阅读 · 0 评论 -
vue前端项目优化方式
压缩js和css之类的。显然这些都是必须做的,而且已经根本不是主要的性能优化的关键点。一、 gzip压缩web前端项目,静态资源基本都放在cdn上,gzip的压缩是非常必要的,它直接改变了js文件的大小,减少两到三倍。nginx的gzip配置非常简单,在你对应的域名底下,添加下面的配置,重启服务即可。gzip_comp_level的值大于2的时候并不明显,建议设置在1或者2之间。# 开启gzipgzip on;# 启用gzip压缩的最小文件,小于设置值的文件将不会压缩gzip_min_le原创 2022-04-07 09:13:58 · 390 阅读 · 0 评论 -
前端自动埋点
起源是在测试时候没有报错,系统功能不正常,和测试查找错误很麻烦埋点就是在某个功能函数里上报一些信息,比较类试express的中间件机制,但是没有操作的权限自定义express的打印日志中间件app.get("/", (req, res) => { // console.log(`${req.method} ${req.url} ${Date.now()}`) logger(req); res.send("index");});app.get("/about", (req, .原创 2021-06-25 14:07:51 · 561 阅读 · 0 评论 -
Promise 并行执行和顺序执行
1.Promise.all 并行执行promisegetA和getB并行执行,然后输出结果。如果有一个错误,就抛出错误/** * 每一个promise都必须返回resolve结果才正确 * 每一个promise都不处理错误 */const getA = new Promise((resolve, reject) => { //模拟异步任务 setTimeout(function(){ resolve(2); }, 1000) }).then(result转载 2021-04-20 17:22:35 · 3220 阅读 · 0 评论 -
vue3 is动态组件
vue 的 is 属性简单说 就是扩展 html标签的限制什么是动态组件:就是几个组件放在一个挂载点下,然后根据父组件的某个变量来决定显示哪个,或者都不显示。动态切换:(:is后面的是对应的组件名,必须一致)在挂载点使用component标签,然后使用v-bind:is=”组件名”,会自动去找匹配的组件名,如果没有,则不显示;改变挂载的组件,只需要修改is指令的值即可在一个多标签的界面中使用 “ is ”特性来切换不同的组件:<template> <div原创 2021-04-20 16:50:09 · 10190 阅读 · 0 评论 -
移动端布局方式
响应式布局利用@media进行断点,在每个断点中编写css。@media (max-width:1000px){ div{background:blue;}}@media (min-width:1000px) and (max-width:1150px){ div{background: yellow;}}@media only screen and (max-width:1150px){ div{border:solid 1px;}}@media not print原创 2021-03-26 15:38:14 · 92 阅读 · 0 评论 -
Flex布局基础及常用样式
转载阮一峰老师的Flex布局语法和实际开发,已经一些相关的案例Flex语法网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: fl转载 2021-03-26 15:22:41 · 1449 阅读 · 0 评论 -
前端实现导入PPT在线编辑
前端实现网页版本的PPT有很多方式reveal.js,很轻易地使用 HTML 创建一个漂亮的演示文稿的框架,Markdown 文稿变成 PPTImpress.js,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)Deck.jsHTML SlidePresentationCSSSFathom.js但是和需求不符合,需要实现在线编辑的PPT文稿,百度了一下,在线编辑的方式也有很多,都是大公司开发不能嵌入本地开发中腾讯文档wps.jsOff原创 2021-03-25 14:58:33 · 2796 阅读 · 4 评论 -
前端常见安全性问题
XSS攻击XSS(Cross SiteScripting),跨站脚本攻击。XSS是常见的Web攻击技术之一.所谓的跨站脚本攻击指得是:恶意攻击者往Web页面里注入恶意Script代码,用户浏览这些网页时,就会执行其中的恶意代码,可对用户进行盗取cookie信息、会话劫持等各种攻击.例如:在表单提交时,输入js代码<script>alert(“hey!you are attacked”)</script>等或是增加提交请求时的网页,盗取信息解决方法:输入过滤,对输入的数原创 2021-03-24 18:00:36 · 259 阅读 · 0 评论 -
radio按钮选中
遇到js控制radio选中和切换的问题,之前使用的是切换checked属性但是这个属性有个问题,就是用js给选中radio的赋值,使用的$().attr("checked",true);当切换的时候,把name相同的radio的attr(“checked”,false),再把要选中的radio.attr(“checked”,true);出现问题,每个radio只能被赋值一次,当第二次给他赋值的时候,赋不上值后来发现,checkbox在这种情况下会出现一样的问题w3cshool上关于这个属性的介绍原创 2021-03-24 17:11:24 · 1021 阅读 · 1 评论