安装脚手架终端执行命令:npm install -g @vue/cli创建vue项目**方法一:**基于交互式命令行的方式,创建新版vue项目,执行命令:Vue create my-project //my-projec为项目名。按照提示内容选择创建方式。创建完成后cd到项目中可以执行npm run serve命令运行项目运行完成后可以访问生成的地址查看创建的项目**方法二:**图形化方式创建vu
转载 2024-04-14 21:01:30
54阅读
前端面试题:1. 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现div { position:absolute; width:200px; height:200px; top:50%; left:50%; margin-left:-100px; height:-100px; z-index:1000; }2. 写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适
转载 2024-05-04 18:28:05
40阅读
实现效果:跨页面跳转后定位到页面相应位置,这个需求常在官网底部导航栏开发中遇到vue3+ts开发官网底部导航为例,我的底部导航封装为了一个组件,所以会涉及到父子组件传参,不清楚的伙伴可以去查一下相关资料注意:这里的跨页面锚点定位分为从一个页面跳转到另一个页面后锚点定位和当前页面锚点定位(点击底部导航内当前页面的导航实现锚点定位)子组件Footer.vue//标签 <ul> &l
1、前言常见的权限配置是树状的也就是这样的现在要做的是列表状的也就是这样的 这两种展现形式比较1、树状的展现形式,相对比较简单、只需要使用element-plus或其他组件库,将后端返回的数据处理成树状数据即可,代码简单,但是如果权限模块较多,就很直观2、相对的列表状的权限配置,权限就相对直观,一目了然,但是相对的,代码数据处理复杂度会翻倍(当然也有可能是因为我用的方法问题)2、代码2.
转载 2024-06-09 00:42:43
29阅读
目录readelf概述readelf命令使用说明readelf概述readelf是Linux下的分析ELF文件的命令,这个命令在分析ELF文件格式时非常有用。常见的文件如在Linux上的可执行文件,动态库(*.so)或者静态库(*.a) 等包含ELF格式的文件。Ps:什么是ELF文件?系统里的目标文件是按照特定的目标文件格式来组织的,各个系统的目标文件格式都不相同。从贝尔实验室诞生的第一个Unix
写在前面这一篇记录一下在使用vue库手写级联选择组件遇到的一个问题,当中涉及的知识点有组件通信,v-if与v-for的使用,props的使用,以及提供一些些组件设计的思路。场景描述 简单描述:当前层级["浙江"、"广东"、"黑龙江"],需要根据用户点击相关省份来显示下一层。这里涉及的难点在于显示组件的设计,也就是结构的设计,这里有两种思路: // 嵌套型,第二层是嵌套在
Vue2级联选择(Cascader)可自定义设置以下属性: 可选项数据源(options),类型:Array<Option>,默认 [],其中Option类型:{value?: string|number, label?: string, disabled?: boolean, children?:  Option[], [propName: string]: an
转载 2024-03-28 09:01:06
578阅读
CascadePickerView级联选择组件,包括基础组件和城市选择组件目前公开的记录组件基本都有限制,限制选择级别,如很多城市组件只能选择三级:省、市、县 本组件不限制级别,可无极显示,只要按照要求组织数据即可引用方式implementation 'space.tanghy:cascade:0.0.4'基础级联组件 CascadePickerView组件提供级别可根据需求设置显示级别setLe
基于 vueui框架手机 电脑 兼容框架vuetifyjsvuetifyjs是比较流行的基于vue前端ui框架,作者John Leider来自国外,vuetifyjs组件众多,并且电脑端,移动端通用一套代码官网网址: https://vuetifyjs.com/zh-Hans/ 手册网址: https://vuetifyjs.com/zh-Hans/getting-started/quick
通过Vue CLI可以方便的创建一个Vue项目,但是对于实际项目来说还是不够的,所以一般都会根据业务的情况来在其基础上添加一些共性能力,减少创建新项目时的一些重复操作,本着学习和分享的目的,本文会介绍一下我们Vue项目的前端架构设计,当然,有些地方可能不是最好的方式,毕竟大家的业务不尽相同,适合你的就是最好的。除了介绍基本的架构设计,本文还会介绍如何开发一个Vue CLI插件和preset预设。p
转载 2024-03-12 17:09:43
38阅读
Menu组件1 <template> 2 <div class="menu" v-if="global.v > 0"> 3 <div>v:{{ global.v }} level:{{ global.level }}</div> 4 <ul @mouseenter="enter()" @mouseleave
转载 2023-06-08 10:11:56
118阅读
文章目录0.相关section的简介.got.plt.got.plt.plt.got1.关于Partial RELRO下的外部函数延迟/惰性(lazily)调用的过程分析1.1例子1.2静态编译结果初步分析1.3GOTPLT_ADDR是什么地址?jmp到该地址将会完成那些功能?1.4对比Partial Full下的符号查找过程1.5总结一下2.参考[Runtime Dynamic Linking
目录微前端是什么?背景核心价值目前微前端的几种解决方案iframe阿里乾坤 qiankun (阿里 14.2k)microApp (京东 4k)无界:(腾讯 2k)小结microApp基础示例1. 基座应用1. 依赖版本2. main.js引入3. router/index.js路由设置4. 各页面的内容4.1 Layout.vue页面4.2 my-page.vue页面4.3 parent1.v
因项目工作需要,目前在研究前端的一些知识。主要想实现一个类似于webstorm,可以实现对本地文件进行增删改查等操作的IDE。
原创 2022-08-11 12:01:05
542阅读
在使用el-form进行表单校验的时候,往往会遇到这样一个问题:使用el-tabs进行切换,内外部链接,只能选择其一,往往会对其输入的链接内容进行校验,在form-item上面绑定固定的prop,达不到预期的效果;以下是我在开发中,使用的一种方法,仅供参考;<el-form-item label="选择链接方式" :prop="link"> <el-tabs
假如我们需要在一个word文档的某个位置插入一张表格,而且要对这一张表格中的单元格做拆分合并,之类的。先看下效果,先不管表格是否合理,总之就是要这样的统计文档,但是人数,班级数都是不确定的,也就是表格是根 据数据动态生成的,这样我们就很难用之前的替换方式来实现,也就是要动态来创建表格。         &nb
上一个版本(第一版请看这里)基本实现了多级联动和浮动菜单的功能,但效果不是太好,使用麻烦还有些bug,实用性不高。 这次除了修改已发现的问题外,还对程序做了大幅调整和改进,使程序实用性更高,功能更强大。 效果预览 菜单使用演示: 位置: 第四个第三个第二个第一个1秒0.5秒0.2秒不延时 仿京东商城商品分类菜单: 图片效果 动画效果
前言Vue旗下有很多衍生的UI框架,它们能够很好的提高前端工程师开发效率。今天在这里,笔者做一个整理。将UI框架分为PC和Mobile两大类,并逐一展示PC版UI库ElementElement
原创 2022-01-16 11:08:57
650阅读
大家好,我是漫步,之前我分享过一篇关于Vue性能优化的文章反响不错,今天分享一篇类似的,希望你看完有所收获。……已经好久好久没写过文章,上一次写应该是年前吧,可能是变懒了吧。最近都在看坑找坑,闲下来有点无聊,就想水一遍文章,打发一下时间...能让你首次加载更快的路由懒加载,怎么能忘?路由懒加载可以让我们的包不需要一次把所有的页面的加载进来,只加载当前页面的路由组件就行。举个????,如果这样写,加
转载 2024-09-29 12:30:35
902阅读
间的Vue.js,目前用它正在做自己的公...
转载 2023-01-05 11:02:30
131阅读
  • 1
  • 2
  • 3
  • 4
  • 5