- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 Vue修饰符的使用
Vue修饰符的使用Vue修饰符表单修饰符事件修饰符Vue修饰符一些被忽略但很好用的小功能表单修饰符1、.lazy<div> <input v-model.lazy="message"/> <p>{{message}}</p></div><script>data () { return { message: '' } }</script>message不会实时发生改变,而是在
2020-09-29 16:10:26
165
原创 vue项目中openlayers画行政区划(区域范围)
vue项目中openlayers画行政区划(区域范围)一级目录原理引用相应的ol模块获取范围点一级目录原理在地图上画需要的范围,实际上就是在地图上打上一圈点,然后依次将这些点用线连接,就形成了范围引用相应的ol模块import VectorLayer from 'ol/layer/Vector'import VectorSource from 'ol/source/Vector'import { Map, View, Feature } from 'ol'import { Style, Ic
2020-09-10 17:30:13
2660
3
原创 vue项目中openlayers的应用
vue项目中openlayers的应用openlayers简介openlayers在vue项目中的应用安装openlayer按需引用模块具体使用openlayers简介openlayers官方文档openlayers专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问openlayers在vue项目中的应用安装openlayernpm install ol -save按需引用模块根据项目需要引用对应的ol模块import TileLayer
2020-09-10 17:17:55
1315
1
原创 js判断两个date日期是否相等
判断两个date是否相等错误例子let dateone = new Date("2020-7-17")let datetwo = new Date("2020-7-17")console.log((dateone === datetwo ))// false这里,date1和date2看上去是一样的,返回的却是false。这是因为date1、date2都是对象,类型为引用类型,所以如果需要比较他们,需要去比较他们的字面量值,而不是单纯的用 == 来比较解决方法1、用getTime()方
2020-07-17 11:35:42
2903
原创 vue数组变化但视图没有更新
数组更新检测vue数组更新检测变更方法[vue.js官方文档](https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B)替换数组vue数组更新检测很多时候我们改变了数组或对象,vue视图却没发生变化let example1 = new Array()example1[0].ele = 'xxx'example.length = newlength//Vue 不能检
2020-07-17 11:24:21
446
原创 Vue项目重构
Vue项目重构Vue项目重构为什么要进行代码重构代码重构的方法尽可能的将项目代码组件化用vuex进行统一的状态管理重命名函数、组件用一些必要的配置文件合理使用异步组件尽量不将代码写死、尽量避免重复代码css尽可能的用继承、提取公共样式、避免过多选择器减少dom操作,使用refVue项目重构你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。为什么要进行代码重构随着时间的推移、需求
2020-06-10 17:14:07
1202
转载 vue项目刷新当前页面
vue项目刷新当前页面vue项目刷新当前页面场景:解决的办法及遇到的问题:推荐解决方法:vue项目刷新当前页面你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。场景:有时候我们在vue项目页面做了一些操作,需要刷新一下页面。解决的办法及遇到的问题:1、this.$...
2020-05-07 17:20:58
127
转载 express模块中的req,res参数
express模块中的req,res参数的常用属性方法const express = require('express'); const router = express.Router()router.get('/',(req,res)=>{ // Request // req.baseUrl 基础路由地址 // req.body post发送的数据解析出来的对...
2020-03-27 16:41:33
1086
原创 node.js + express + sqlserver构建简单的后台服务
node.js + express + sqlserver构建简单的后台服务项目整体结构express服务器入口文件sql server数据库部分数据库接口APi在server文件下运行index文件 (node index)前端页面部分项目整体结构。express服务器入口文件// node 后端服务器const userApi = require('./api/userApi')...
2020-03-27 16:36:30
3512
3
原创 three.js使用总结(三)
模型点击事件简单的原理总结:将屏幕想象成一个正方体,我们看到的屏幕为左侧面,正方体内的容器就相当于是所有模型环境。当我们点击屏幕的时候,three.js会由相机的位置和点击的位置产生一条射线穿过整个正方体,这个过程中可能会穿过很多容器中的模型。其中第一个触碰到的模型就是我们点击的模型。代码:1、由于屏幕上点击点的坐标系与相机所在坐标系不同,我们需将其转换let mouse = new ...
2019-12-31 15:34:38
215
转载 web 前端性能优化汇总
一、网络层面优化1、减少http请求,合并资源(js、css、图片)2、减少资源体积,压缩资源(js、css、图片)3、大量数据加载或大量图片加载时使用懒加载或预加载优化4、使用按需加载,加快首屏渲染速度5、利用http缓存机制,对资源进行缓存6、网站用到很多域名时,可使用DNS预解析,提前解析域名7、使用CDN给网站静态资源加速二、js 层面优化1、尽量减少DOM操作,DOM操...
2019-11-18 10:37:10
141
原创 three.js使用总结(一)
three.js使用总结(这里项目使用的是vue.js)1、引入需要的文件 import './three.js-master/build/three.js' import './three.js-master/examples/js/loaders/OBJLoader.js' import './three.js-master/examples/js/loaders/MT...
2019-11-14 17:26:13
425
2
转载 Flex布局
flex主要属性:1、flex-direction.box { flex-direction: row | row-reverse | column | column-reverse;}row(默认值):主轴为水平方向,起点在左端。row-reverse:主轴为水平方向,起点在右端。column:主轴为垂直方向,起点在上沿。column-reverse:主轴为垂直方向,起点在...
2019-11-14 15:38:41
112
1
原创 百度地图的边界/行政划分
根据百度地图开发平台提供的示例代码function getBoundary(){ var bdary = new BMap.Boundary(); bdary.get("北京市海淀区", function(rs){ //获取行政区域 map.clearOverlays(); //清除地图覆盖物 var count = rs...
2019-10-09 17:30:54
1175
原创 element-ui iview 等组件样式覆盖问题及解决办法
我们在用vue开发项目时常常用到element-ui iview等ui组件,但有时我们需要对其样式进行修改通常我们进行样式修改,会加入scoped属性用来限制样式的作用域但这会导致我们修改组件样式失败...
2019-08-13 21:33:18
1894
转载 ES6入门之Symbol
ES5对象属性名都是字符串容易造成属性名的冲突。eg:var a = { name: ‘lucy’};a.name = ‘lili’;这样就会重写属性ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。重新复习下新知识:基本数据类型有6种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。这里新添加了...
2019-05-30 14:43:32
138
原创 Ajax中传递Json格式的参数
$.ajax({type: “post”,url: baseUrl+“sys/login”,dataType: “json”,contentType: “application/json;charset=utf-8”,data: JSON.stringify({userName: loginapp.userName,userPassword: loginapp.userPassword}...
2019-05-29 16:51:44
6620
three.js前端使用3D模型引入
2020-08-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人