- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue-cli 网站ico
1、生成ico图标http://www.faviconico.org/favicon2、直接命名为favicon.ico，存放在static目录3、在主文件index.html内中直接引入图标文件<link href="./static/favicon.ico" rel="shortcut icon" type="image/x-icon">4、重新运行项目npm run...
2019-09-18 11:13:40
218
转载 jquery.fly插件实现抛物线动画加入购物车
一、插件下载插件官方:https://github.com/amibug/fly二、载入jQuery库文件和jquery.fly.min.js插件<script src="jquery.js"></script> <script src="jquery.fly.min.js"></script>三、加入购物车动画飞入效果实例我们要实现的...
2019-09-16 15:52:00
325
转载 单页面与多页面
单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入，单页面页面跳转仅刷新局部资源。常用于PC端官网、购物等网站。多页面（MPA），就是指一个应用中有多个页面，多页面跳转刷新所有资源，每个公共资源(js、css等)需...
2019-09-16 10:55:43
257
原创 ArcGIS API for JavaScript（一）：basemap底图类型
<head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title>加载2D</title> <link rel="stylesheet" hr...
2019-08-21 09:47:54
1996
原创 vue基础（二）：组件(props、$ref、$emit、<solt>、.native）
1、父子组件//父组件<template> <div> <h1>我是父组件！</h1> <child></child> </div></template> <script>import Child from '../components/child.vue'export...
2019-08-14 15:38:00
3455
原创 flex布局
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。display: flex;行内元素也可以使用 Flex 布局。 display: inline-flex;Webkit 内核的浏览器，必须加上-webkit前缀。 display: -webkit-flex; /* Safari */ di...
2019-08-14 14:12:30
177
原创 vue基础（五）：给DOM添加事件的特殊情况 $nextTick
1.钩子函数钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序，通过系统调用，把它挂入系统。对于前端来说，钩子函数是指在所有函数执行前，先执行了的函数，即 钩住 我感兴趣的函数，只要它执行，我就先执行。3.vue中的mounted在这发起后端请求，拿回数据，配合...
2019-08-11 03:52:14
604
原创 vue基础（四）生命周期
一、创建1、beforeCreate组件创建前2、created组件创建后可在此方法中操作后端的数据，数据响应视图应用：发起Ajax请求<body> <div id="app"> <App></App> </div></body>new Vue({ el:'#app', data(){ retu...
2019-08-11 02:31:40
230
原创 vue基础（三）：监听、计算
一、watch监听监控vue实例的变化，监听单个属性，必须在data里面声明，监控变量/对象。基本数据类型简单监视，复杂数据类型（对象、数组）深度监视。<input type="text" v-model="msg"><h1>{{msg}}</h1><button @click='stus[0].name="jack"'>改变</bu...
2019-08-10 23:28:03
331
原创 vue-infinite-scroll插件，列表无限加载
在前端开发中，无限加载是必需的一项功能，如何在Vue-Cli中实现这个功能呢？Element UI开发了一款专用于Vue的vue-infinite-scroll插件。1、安装npm install vue-infinite-scroll --save2、示例<div v-infinite-scroll="loadMore" infinite-scroll-disabled="bus...
2019-08-09 15:32:26
1132
原创 vue：keep-alive组件缓存
1、keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在页面渲染完毕后不会被渲染成一个DOM元素。<keep-alive> <component></component> <!-- 该组件将被缓存！ --></keep-alive>当组件在keep-alive内被切换时组件...
2019-08-09 13:08:20
311
原创 JavaScript 严格模式'use strict'
1、通过在脚本或函数的头部添加 “use strict”; 表达式来声明。2、为什么使用严格模式:消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺垫。"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主...
2019-08-09 09:15:29
295
原创 $.ajax()方法详解
1.url: String类型，（默认为当前页地址）发送请求的地址。2.type: String类型，请求方式（post或get）默认为get。3.timeout: 请求超时时间（毫秒）。4.dataType: 预期服务器返回的数据类型。如果不指定，JQuery将自动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。可用的类型如下：x...
2019-08-08 16:16:27
231
原创 jquery（一）
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。一、选择器：以美元符号开头：$()$("*") 选取所有元素 $(this) 选取当前 HTML 元素 $("p.intro") 选取 class 为 intro 的 <p> 元素 $("p:first") 选取第一个 <p> 元素 $("ul li:first") 选取第一个 <u...
2019-08-08 11:17:19
404
原创 vue基础（一）:插值、过滤器、指令
一、插值1、双大括号<span>{{text}}</span>2、作为属性不用{{}}，但要用：绑定属性 <img :src="item.imagepath">3、 v-once 指令，一次性地插值，当数据改变时，插值处的内容不会更新。<span v-once>{{ msg }}</span>4、纯html <...
2019-08-06 15:32:35
183
转载 openlayers常见实例
http://openlayers.org/en/master/examples/epsg-4326.html – 标尺http://openlayers.org/en/master/examples/export-map.html – 截图http://openlayers.org/en/master/examples/export-pdf.html – 导出PDFhttp://openl...
2019-07-19 16:43:29
4083
4
原创 openlayers+vue：底图切换（天地图）
1、创建项目2、安装ol依赖npm install ol3、在index.html页面引入天地图 <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=d0cf74b31931aab68af181d23fa23d8d"></script><templ...
2019-07-19 14:27:15
3759
3
原创 openlayers+vue：画省市边界线
1、创建项目2、安装ol依赖包npm install ol3、引入axiosnpm install axios --save文件目录：src/main.jsimport Vue from 'vue'import router from './router'import App from './App'import axios from "axios";//添加实例属性：不...
2019-07-19 14:16:32
3419
4
原创 openlayers学习三：切换底图（天地图）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>底图切换</title> <script src="dist/ol.js"></script> <link rel="styl...
2019-07-19 13:45:16
4293
2
原创 openlayers学习二：画多边形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>画多边形</title> <script src="dist/ol.js"></script> <link rel="styl...
2019-07-19 13:38:54
1144
原创 openlayers学习一：创建瓦片地图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>地图</title> <script src="dist/ol.js"></script> <link rel="styles...
2019-07-19 13:34:35
507
原创 navigator.userAgent.toLowerCase()判断客户端类型
navigator是HTML中的内置对象，包含浏览器的信息；userAgent是navigator的属性方法，可以返回由客户机发送服务器的头部的值，作用其实就是就是返回当前用户所使用的是什么浏览器，toLowerCase(）是将转换为小写。判断客户端是否是pc isPc: function () { let userAgentInfo = navigator.userA...
2019-07-17 10:58:07
1899
转载 javascript keycode
keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pausekeycode ...
2019-07-12 15:33:27
364
cesiumContainer-剖面分析完成版.vue
2020-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人