- 博客(81)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue2对应的element ui使用的＞＞＞ 和 /deep/ 在vue3中被 :deep() 代替
背景：与同事合作开发过程中发现同事又学了新技能对组件样式进行强制修改，但是他用的时候控制台报错了，原因就是将vue2上兼容的使用方式用在了vue3中。下面我们一起来看看吧一、系统控制台警告信息：[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.二、vue2和vue3中的使用情况概述：在Vue2中 经常使用 >>> 或 /deep/ 样式穿透 修
2022-06-01 09:32:45
2127
原创 vue3之语法糖script setup的父子组件、兄弟组件传值
背景：随着vue的使用范围越来越广，使用人数越来越多，其的发展更新速度也是再上一个台阶，vue2故好，但组件化过程中的某些组件化操作稍微有一些弊端，从而vue3随之诞生，vue3兼容typescript的开发，但是不向下兼容vue2。与vue2一起兼容使用的element ui也由于语言兼容性问题不再兼容vue3，想要继续使用饿了么组件的小伙伴可以转移到vue3+element plus组合进行开发。好啦，不说废话啦，言归正传，我们一起来学习或者温习一下vue3中的组件传值吧。一、父组件给子组件传值父
2022-05-26 09:43:57
2880
原创 vue3.0中使用命令行(包管理器)安装element-plus
因为 vue3.0 不兼容 vue2.0, vue3.0 也不支持 element-ui 的安装，所以element为了兼容vue3.0 基于vue3.0开发了一套 element-plus 的组件库.命令行安装依赖:# 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus在项目中引入方式: “完整引入”:
2022-05-13 15:26:42
650
2
原创 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
2599
原创 全栈工程师需要了解掌握的技术栈
背景：随着互联网行业的发展，IT技术也在进行着飞速的发展演变，由以前的前后端低内聚，演变到前后端完全分离。随之产生了前端三大件、前端三大主流框架等等。一位前端开发工程师随着技术的积累、扩充也会展现出其技术栈的一个分类，下面我们一起来看下一名全栈工程师需要了解或者掌握的其中一些技术栈吧。简单了解下全栈工程师的技术栈有哪些：前端技术：前端三大件（HTML/HTML5、CSS/CSS3、LESS/Javascript）、jQuery、RequireJS、AngularJS、React、Vue等；后端技术：
2022-05-10 09:26:52
1642
1
原创 VSCode中terminal（终端）的显示样式更改
一、VSCode终端默认显示样式VSCode的终端默认显示样式如下：在页签切换部分通过点击“Show Tabs”，打开的终端页签显示样式改变：改变的终端页签显示样式如下：二、VSCode终端显示样式恢复到默认样式选中下图中的终端页签管理部分（红框中的蓝色部分，即为终端显示tabs模式）：根据上图中选中蓝色框区域，点击鼠标右键，如下图所示，点击“Hide Tabs”，即可回到默认样式下。...
2022-04-28 14:32:59
7889
原创 我的博客有属于自己的域名了
记录在csdn的成长路程。我的博客有属于自己的域名啦：https://annayangjing.blog.csdn.net/
2022-04-22 11:18:29
89
转载 如何让一个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
8673
转载 一个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
516
原创 如何升级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
23440
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
9003
2
转载 移动端常见UI框架
移动端ｗｅｂ开发常用框架：https://blog.csdn.net/wangyile4399/article/details/102564106
2022-03-09 09:38:00
6611
原创 Cesium中Camera视角飞行或者缩放到指定点并居中的方法
官方文档：https://cesium.com/learn/cesiumjs/ref-doc/Camera.html?classFilter=caCesium中Camera的用法：方法1 setView：该方法被触发时候的效果：三维球立即转到对应的视角、位置上。官网：// 1. Set position with a top-down viewviewer.camera.setView({ destination : Cesium.Cartesian3.fromDegrees(-1
2022-02-09 17:37:39
5036
原创 vue原生滑块‘vue-histogram-slider’的使用
学习地址：https://www.npmjs.com/package/vue-histogram-slider一、安装：yarnyarn add vue-histogram-slidernpmnpm i vue-histogram-slider二、使用：import Vue from 'vue';import HistogramSlider from 'vue-histogram-slider';import 'vue-histogram-slider/dist/histogram-
2022-01-24 10:07:25
709
原创 DBLP是什么
背景：在查找博士导师资料的时候发现了一位老师的相关介绍用有“DBLP”一栏，甚是好奇，居然没有接触到过，于是点击进去查看发现全是老师的论文成果，想到这一定上一个专业名字，就网络查找，最终发现某科上有介绍。于是整理下来与大家分享，并加深自己的理解。DBLP（DataBase systems and Logic Programming）是计算机领域内对研究的成果以作者为核心的一个计算机类英文文献的集成数据库系统。主要包括：国际期刊和会议等。按年代列出了作者的科研成果。包括国际期刊和会议等公开发表的论文。DB
2022-01-19 14:19:04
1928
原创 横向项目和纵向项目的区别
前言：读研的同学可能经常会听到横向课题、纵向课题，但是对于初入硕士研究生的同学，可能对此略有懵懂。下面给出以下解释，希望能够帮助到你们。科技项目包括纵向科技项目和横向科技项目。1. 纵向科技项目纵向科技项目是指上级科技主管部门或机构批准立项的各类计划（规划）、基金项目，包括：（1）国家级项目。一般指国家科学技术部、国家发展和改革委员会、国家财政部、国家自然科学基金委员会、国家社会科学基金委员会下达的项目）；（2）省部级项目。一般指省科技厅、省发展和改革委员会、财政厅、自然科学基金委员会下达的项目，
2022-01-12 15:17:10
14136
原创 遥感、遥感技术、遥感卫星、卫星遥感、卫星遥感技术
@遥感、遥感技术、遥感卫星、卫星遥感、卫星遥感技术#遥感遥感（remote sensing，简称RS）是指非接触的，远距离的探测技术。一般指运用传感器/遥感器对物体的电磁波的辐射、反射特性的探测。遥感是通过遥感器这类对电磁波敏感的仪器，在远离目标和非接触目标物体条件下探测目标地物。广义定义：遥远的感知，泛指一切无接触的远距离探测，包括对电磁场、力场、机械波等的探测。侠义定义：应用探测仪器...
2022-01-12 11:25:24
2407
原创 KDH文件转pdf
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-01-12 11:08:43
20181
3
原创 怎么获取论文所在期刊的电子版封面及目录
背景：进行项目验收的过程中，专家提出对于项目成果的论文除了要有正文外，还要有论文发表期刊当期的封皮及目录，于是通过百度及实操获取到了对应论文的发表期刊+目录 ，为了让其他需要的同志不走弯路，于是形成了一下操作步骤。步骤一：通过百度进入“中国知网”首页，并点击图中红框内的“学术期刊”文字，如下图：步骤二：基于“步骤一”进入如下页面，在页面的搜索栏输入要搜索的论文名称：步骤三：基于“步骤二”搜索出如下论文，点击图中红框部分的“刊名”：步骤四：进入到被收录论文的期刊往期内容查询页面：步骤
2022-01-12 10:17:48
11213
原创 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
2085
原创 js中给object对象赋值
let imageGSDMarks = {} // 对象let datas = ['1', '2', '3', '4', '5', '6'] // 数组datas.foreach((item) => {imageGSDMarks[item] = '' // 循环遍历将数组datas的数据，以对象的方式添加的对象中。})
2021-11-26 01:33:27
2473
原创 element-ui el-table表格排序sortable参数解析
element-ui el-table表格排序sortable参数解析背景：项目开发中遇到了需要对表格数据进行通过后端接口实现全排序，找到了elm 的table组件，使用sortable方法实现。表格组件的排序功能,点击排序表头可以进行升序和降序进行排序<el-table :data="tableData" style="width: 100%" <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order -->
2021-11-25 20:23:06
1464
原创 layui select下拉框联动
背景：涉及到 省市县获取的项目必有下拉框三级联动，每次都需要百度查询，或者去翻原来的项目，着实不方便。因此，为了自己对三级联动的印象加深，同时也帮助第一次接触下拉框三级联动的小伙伴快速上道，总结一下该组件与大家分享。如有不足之处欢迎一起探讨！做的比较简单，先从后台直接把第一级菜单输出，然后点击二级菜单的时候再动态展示 商品类别
2021-09-24 09:31:17
2759
原创 vue中data定义数组用于v-if的indexOf判断el-image的显示隐藏
背景：首先感叹vue真的是博大精深。项目开发中遇到这样一个功能，根据数组中的数据动态设定el-image的显示隐藏。1. 问题代码：test.vue中代码：<el-table :data="resRSData" :highlight-current-row="false" height="100%"> <el-table-column type="selection" min-width="1" /> <el-table-column label="缩略图"
2021-09-24 09:30:01
2745
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人