自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue工程:使用vue-particles实现动态粒子效果且只作为背景显示(包括样式设置)

目录一、综述二、实现过程2.1 安装vue-particles2.2 全局配置vue-particles2.3 使用 vue-particles三、具体参数说明四、样式调整,实现只作为背景4.1、根据id号调整样式4.2 根据自定义的class名称lizi设置样式一、综述为了提高页面展示效果,特别类似于登录界面内容比较单一的,粒子效果作为背景经常使...

2019-12-26 15:49:04 6170 1

原创 element-ui样式篇:修改样式不影响全局,不影响其他组件

element-ui每个控件都自带了样式,使用时候很多时候需要修改样式,但是大多数遇到的情况是修改的样式要么不起作用,要么修改了默认样式,导致其他组件用到的地方样式都改了,如何修改样式起作用且不影响其他组件?一、如何找到element样式类名浏览器中F12,找到element组件,找到对应的类名,在浏览器中将需要需改的样式修改好,可以直接看到效果,然后复制到vue文件中。二、vue文件...

2019-12-24 16:49:57 8029

原创 VSCode 小技巧:自动生成vue模板内容

目录一、综述二、实现1、vscode,IDE左下角,管理——用户代码片段2、新建代码片段3、编辑代码片段样式4、保存即可三、使用一、综述vue工程模板几乎都是一致的,三个标签,template、script、style。每次新建一个vue工程,都需要编辑这些模板,可以将这个模板写成文件,直接调用。二、实现1、vscode,IDE左下角,管理——用户代码片...

2019-12-23 14:46:11 4082 2

原创 Vue中import篇:模块、JS文件、class类文件、数组对象文件、第三方、样式等方式集合

目录一、引入第三方插件二、引入函数方法2.1 单个函数引入2.1.1 JS中export函数2.1.2 JS中export default函数2.2 多个函数引入2.3 成组全部引入三、引入数组、对象JS文件四、引入class类js文件五、引入CSS文件vue中经常需要import各种文件,比如样式、组件、方法、js文件、模块等,具体每种如何使用。一...

2019-12-23 10:28:32 10954

原创 Vue项目:style样式篇

目录一、动态使用样式二、全局公共css样式文件2.1 main.js中引入2.2 index.html引入三、单个vue文件中引入样式四、样式作用范围控制4.1 scoped私有作用域4.2 混合使用4.3 深度作用选择器4.4 动态生成的dom的样式一、动态使用样式使用场景:根据不同的值使用不同的样式,或者给样式某个属性设置一个变量值使用方法:...

2019-12-17 17:17:45 50665 1

原创 vue 2.x+webpack+cesium1.64详解(6):配置场景Scene

目录一、scene综述二、如何获取到scene三、常见scene配置3.1 光照效果配置3.2 相机camera配置一、scene综述官网解释:secen是三维场景类,是所有的三维图形对象和状态的容器。二、如何获取到scenevar scene = viewer.scene;三、常见scene配置3.1 光照效果配置scene.globe...

2019-12-16 16:11:50 537

原创 vue 2.x+webpack+cesium1.64详解(5):地形数据Terrain

目录一、地形数据综述二、支持的地形数据格式三、添加地形数据3.1 添加Cesium WorldTerrian图层一、地形数据综述Cesium支持流式的、可视化的全球高程投影地形地势、水形数据,服务器仅仅请求那些基于当前相机能看到的需要绘制的图层上的数据。二、支持的地形数据格式Quantized-mesh,cesium团队自己开源的一种格式 Heightmap...

2019-12-16 15:21:47 339

原创 vue 2.x+webpack+cesium1.64详解(4):图层Imagery

目录一、概述二、支持的图层格式三、获取到图层对象四、图层操作3.1 添加图层3.2 移除图层一、概述Imagery(图层)是Cesium应用程序中一个重要概念,毕竟系统离不开空间数据。瓦片图集合根据不同的投影方式,映射到虚拟的三维数字地球表面。依赖于相机指向地表的方向和距离,Cesium会去请求和渲染不同层级的图层详细信息。二、支持的图层格式wms TMS...

2019-12-13 17:20:37 589

原创 vue 2.x+webpack+cesium1.64详解(3):Cesium ion(access token申请)

目录一、Cesium ion介绍二、access token申请三、access token使用一、Cesium ion介绍Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的应用程序中。Cesium ion的使用需要申请access token。二、access token申请首先需要去注册一个免费的...

2019-12-13 16:04:46 1875

原创 vue 2.x+webpack+cesium1.64详解(2):创建 Cesium Viewer

目录一、Viewer介绍二、生成一Viewer三、Viewer配置3.1 Viewer默认鼠标和滚轮事件3.2 默认Viewer自带的组件3.3 使用代码来配置Viewer的组件一、Viewer介绍Cesium中任何一个应用程序的基础都是Viewer。它是一个带有多种功能的可交互的三维数字地球。二、生成一Viewernew一个Viewer,并绑定一个d...

2019-12-13 15:48:03 1186 1

原创 vue 2.x+webpack+cesium1.64(1)详解:环境部署、项目搭建与配置

目录一、主要环境介绍二、环境部署三、项目搭建与配置1、创建项目2、安装Cesium环境3、配置build/webpack.base.conf.js文件4、配置webpack.dev.conf.js文件5、配置webpack.prod.conf.js文件6、配置config/index.js文件四、helloword式起步开发五、备注一、主要环境...

2019-12-10 15:54:53 1603 2

原创 vue工程各组件传值大总结

目录一、父子关系如何界定二、父to子组件三、子to父组件四、非父子(eventBus)4.1使用前提4.2 使用流程4.3 使用大坑4.4 问题遗留五、vuex传值(推荐)一个vue工程,涉及到很多页面之间的传值,具体总结如下一、父子关系如何界定要传值先搞清楚组件关系,父子关系如何界面,官网中没有明确说明,个人觉得看template,B组件作为com...

2019-12-09 10:06:51 341 1

原创 2019年全国地市根据首字母归类Json数组表

2019年全国地市根据首字母归类Json数组表[ { name: "hot", citys: ["北京", "上海", "广州", "深圳", "杭州", "南京", "成都", "重庆", "武汉", "长沙", "昆明"] }, { name: "A", citys: ["阿坝", "阿拉善", "...

2019-12-06 17:47:03 535

原创 vue:slot(插槽)详解:父组件的内容放到子组件指定的位置

目录slot插槽应用场景:作用:分类一、单个slot(基本用法)二、多个slot(具名插槽)三、作用域插槽(子组件向父组件传值)slot插槽:父组件的内容放到子组件指定的位置应用场景:项目中有很多地方需要调用一个组件,比如弹窗,但是内容又不固定,有个可能弹出是表格,有的可能弹出是照片,这个决定于需要调用这个子组件的父组件,这种情况下就可以在自组建(这个弹窗中...

2019-12-05 10:40:10 10315

原创 vue工程的router钩子函数全解(实现页面的拦截、跳转、判断)

目录一、全局导航钩子函数(全局守卫)1.1 全局前置守卫:beforeEach1.2 全局后置守卫:afterEach二、路由独享的钩子函数(路由守卫):beforeEnter三、组件内的钩子函数(组件守卫)3.1beforeRouteEnter3.2beforeRouteUpdate3.3beforeRouteLeave四、路由监听watchvue工...

2019-12-02 13:14:58 2365

原创 VUE工程的keep-alive缓存机制(全部缓存、部分缓存、定向缓存)

目录应用场景解决思路一、缓存所有页面二、缓存部分页面三、页面缓存了,有的功能需要再进入后,仍然重新执行的怎么办四、执行前进刷新,后退时候缓存五、页面B进入页面A需要缓存,页面C进入页面A不需要缓存应用场景1、vue工程,很多时候希望页面不管怎么跳转,返回时候,页面都能保持之前的操作状态,2、页面跳转不用每次都执行mounted,特别很多请求数据时...

2019-12-02 11:40:24 3156 1

web.config

下载好后记得修改工程名称,与程序放在同一个目录下,就可以实现路由的刷新跳转,亲测有效。亲测有效。亲测有效。

2020-04-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除