前端
关注
分享
扫一扫
文章平均质量分 51
管理所有关于前端部分的内容.
怡暘
努力靠近中国科学院大学的程序媛
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
img被hover、focus的时候CSS改变src图片路径
img被hover、focus时候CSS改变src图片路径。原创 2022-06-20 08:47:54 · 1911 阅读 · 0 评论 -
基于Openlayers实现geoJson与wkt格式互转
基于Openlayers实现GeoJson与WKT互转原创 2022-06-07 17:30:44 · 1474 阅读 · 0 评论 -
vue3之语法糖script setup的父子组件、兄弟组件传值
背景：随着vue的使用范围越来越广，使用人数越来越多，其的发展更新速度也是再上一个台阶，vue2故好，但组件化过程中的某些组件化操作稍微有一些弊端，从而vue3随之诞生，vue3兼容typescript的开发，但是不向下兼容vue2。与vue2一起兼容使用的element ui也由于语言兼容性问题不再兼容vue3，想要继续使用饿了么组件的小伙伴可以转移到vue3+element plus组合进行开发。好啦，不说废话啦，言归正传，我们一起来学习或者温习一下vue3中的组件传值吧。一、父组件给子组件传值父原创 2022-05-26 09:43:57 · 3181 阅读 · 0 评论 -
vue的版本与vue-cli的版本区别及与element前端组件的兼容版本
根据文章"如何升级Vue的版本 vue2.9.6升级到vue3.0"内容的补充一. vue的版本与vue-cli的版本区别:最近对于项目创建时候发现了一个问题,及一些需要总结的vue使用命令,如下:1. 在项目中:(1) npm list,可以查看当前项目当中安装的所有依赖及其对应的版本;(2) npm list vue,可以查看当前项目当中安装的所有与vue相关的依赖及对应的版本;2. 在dos界面下,系统全局环境下:(1) vue -V 或者 vue --version 查询的是vue-c原创 2022-05-13 15:08:15 · 2908 阅读 · 0 评论 -
如何让一个div居于页面正中间
怎样让div居于页面正中间html页面：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div居于页面正中间</title></head><body> <div class="center-in-center"></div></body></ht转载 2022-03-20 09:32:00 · 8972 阅读 · 0 评论 -
一个div在另一个div中垂直居中
方法一：我常用这种方法1 <div style="width:200px;height:200px; border:1px solid Red;display:flex;justify-content:center;align-items:center;">2 <div style="width:100px;height:100px;border:1px solid Blue"></div>3 </div>方法二：1 <div st转载 2022-03-20 09:21:55 · 600 阅读 · 0 评论 -
如何升级Vue的版本 vue2.9.6升级到vue3.0
背景：电脑使用多年，一直使用vue 2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多，代码出现冗余，因此在同事的推动下，鉴于vue 3.x的优化，故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢，请查阅如下步骤：vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.9.6使用快捷键win+R，出来“运行”界面：输入cmd–>回车–>进入dos界面：输入命令查询vue的版本：vue -V orvue -Ve原创 2022-03-09 14:29:39 · 24981 阅读 · 10 评论 -
史上最全vscode配置使用教程
转载地址：https://zhuanlan.zhihu.com/p/113222681工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code…等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有本篇那么详细且全面。软件下载直接在官网进行下载https://link转载 2022-03-09 11:08:28 · 9397 阅读 · 2 评论 -
移动端常见UI框架
移动端ｗｅｂ开发常用框架：https://blog.youkuaiyun.com/wangyile4399/article/details/102564106转载 2022-03-09 09:38:00 · 6699 阅读 · 0 评论 -
HTML5 中 target=“_blank“属性值意义及用法+window跳转页面
背景： 项目开发中遇到了需要从js中跳转到指定的页面，且要跳转的地址是与系统不在同一个IP或者端口的；target="_blank"属性值意义及用法_blank – 在新窗口中打开链接_parent – 在父窗体中打开链接_self – 在当前窗体打开链接,此为默认值_top – 在当前窗体打开链接，并替换当前的整个窗体(框架页)一个对应的框架页的名称 – 在对应框架页中打开在js中通过window监听跳转页面window.open(‘https://www.baidu.com’,原创 2021-11-27 10:23:59 · 2963 阅读 · 0 评论 -
layui select下拉框联动
背景：涉及到 省市县获取的项目必有下拉框三级联动，每次都需要百度查询，或者去翻原来的项目，着实不方便。因此，为了自己对三级联动的印象加深，同时也帮助第一次接触下拉框三级联动的小伙伴快速上道，总结一下该组件与大家分享。如有不足之处欢迎一起探讨！做的比较简单，先从后台直接把第一级菜单输出，然后点击二级菜单的时候再动态展示 商品类别原创 2021-09-24 09:31:17 · 2897 阅读 · 0 评论 -
vue中在.vue文件中定义全局变量 全局函数及使用
背景：项目开发中使用到了多个项目的集成，需要集成分系统的跳转链接，但是涉及系统的内网地址及外网地址的频繁更新设置，这样在代码里修改非常的不方便，于是创建一个全局变量提高工作效率。正文：在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数。**一、定义全局变量**原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main.js里面使原创 2021-09-03 11:12:14 · 3622 阅读 · 1 评论 -
Vue中a标签去掉文字下划线
主要影响CSS：text-decoration-line: none书写规范：<a href="login.vue" style="color: blue;text-decoration-line: none">原创 2021-09-03 10:53:36 · 2258 阅读 · 0 评论 -
el-submenu中.el-submenu__title选中后背景色不变
背景：人生中自己第一次搭建大项目，同样的也是第一次使用el-menu结构化界面，封装el-menu组件。在这个过程中遇到了一个选择el-submenu时候，只要鼠标移开背景色就会恢复原来的颜色，这个时候仅仅使用“.el-submenu__title:focus, .el-submenu__title:hover”设置背景色是不行的。通过查阅资料找到一个优快云的小伙伴给出的建议思路，成就如下成果，成功解决问题。.el-submenu.is-opened .el-submenu__title { b原创 2021-07-07 09:13:03 · 4889 阅读 · 4 评论 -
vue中get方法\post方法如何传递数组参数
背景：项目中突然来了一个post方法传array数组的参数，且该数组参数是循环遍历所有元素按照get方法传参形式进行参数传递的，对于小白的我真的是一个打击呀。但是为了完成任务不能放弃，so通过搜索找到了解答方式。第一部分：vue中get方法如何传递数组参数...原创 2021-03-16 09:07:33 · 14093 阅读 · 4 评论 -
vue中debugger无法调试
在浏览器中展示源代码在可以从 VS Code 调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。这会确保你可以在一个应用中调试，即便你的资源已经被 webpack 优化过了也没关系。打开 config/index.js 并找到 devtool property。将其更新为：如果你使用的是 Vue CLI 2，请设置并更新 config/index.js 内的 devtool翻译 2021-03-11 19:27:23 · 11673 阅读 · 3 评论 -
Axure谷歌浏览器Chrome扩展程序安装方法
背景：项目原型图无法通过Axure导出的html文件之间打开全部，需要分别一次一次的打开不同的页面，非常麻烦，原型图演示效果也非常的不好。如果你想顺利安装成功Axure的谷歌 Chrome 插件，请按照以下方法操作。Axure谷歌浏览器Chrome扩展程序安装具体步骤：步骤一：首先下载最新扩展程序，解压得到一个axure_chrome_extension_V0.6.3的文件夹。步骤二：在浏览器中地址栏中输入chrome://extensions/ 或者点击浏览器的右上角选择更多工具->扩展程序原创 2021-03-05 11:26:53 · 1632 阅读 · 0 评论 -
使用element UI导航菜单默认展开选中子菜单
vue项目中使用的element UI导航菜单：官网例子导航菜单默认展开主要涉及的关键属性：default-active与default-openeds的主要区别：default-active可以指定默认展开的某个菜单，并对其选中展示，但是其不能对父菜单进行选中展开，如图：a、对父菜单进行选中设置，但不可默认展开并选中的格式：b、可默认展开并选中的格式：default-openeds可以指定默认展开当前指定的 sub-menu 的 index 的数组，即sub-menu下的所有子菜单；.原创 2021-01-19 11:01:54 · 12217 阅读 · 5 评论 -
jsp中String path = request.getContextPath();用法介绍
@[TOC](jsp中String path = request.getContextPath();用法介绍)#jsp中开头会出现语句：<%String path = request.getContextPath();String basePath = request.getScheme()+”转载 2019-04-22 20:21:04 · 1243 阅读 · 0 评论