- 博客(34)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue 百度地图自定义弹框样式
引入百度地图在index.html文件中引入百度地图 申请百度密钥 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script> 在webpack.base.conf.js文件内添加 externals 选项无需再用impor...
2020-03-20 15:49:07
6623
9
原创 npm指令
环境检测 : npm list -g --depth=0安装cnpm : npm install -g cnpm --registry=https://registry.npm.taobao.orgvue安装 cnpm install vue安装vue-cli脚手架构建工具 : cnpm install --global vue-cliwebpack 模板的新项目 : vue...
2019-11-11 18:02:47
170
原创 Vue页面跳转方式及传参总结
路由配置//路由配置 routerindex.js页面import Vue from 'vue'import Router from 'vue-router'import UserManager from '@/components/UserManager'Vue.use(Router)export default new Router({ routes: [ {...
2019-07-06 15:18:40
6597
原创 常用的正则表达式
1。^\d+$ //匹配非负整数（正整数 + 0）2。^[0-9]*[1-9][0-9]*$ //匹配正整数3。^((-\d+)|(0+))$ //匹配非正整数（负整数 + 0）4。^-[0-9]*[1-9][0-9]*$ //匹配负整数5。^-?\d+$ //匹配整数6。^\d+(\.\d+)?$ //匹配非负浮点数（正浮点数 + 0）7。^(([0-9]+\.[0-9]*[1-9]...
2019-06-27 15:52:00
395
原创 Vue 全景图 photo-sphere-viewer的使用以及改变图片
Vue 全景图 photo-sphere-viewer的使用以及改变图片简单说一下准备工作安装 photo-sphere-viewer依赖 npm install photo-sphere-viewer --save-dev 在你需要用到的页面引入文件 import PhotoSphereViewer from 'photo-sphere-viewer'...
2019-06-05 14:31:28
19556
15
原创 多行省略
多行省略-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;注意（以下问题未出现在自己项目里）vue打包后-webkit-box-orient: vertical;不起作用；需要加上/*! auto...
2019-06-05 13:30:34
218
原创 npm安装依赖成功但package.json文件未更新
npm安装依赖成功但package.json文件未更新问题描述cnpm install 依赖名称npm安装依赖成功但package.json文件未更新，这里用的cnpm淘宝镜像解决方法cnpm install 依赖名称 --save-dev //在命令后加–save-dev...
2019-06-05 11:48:19
8569
1
原创 地图无法拖动缩放
地图无法移动缩放问题描述百度地图结合echart使用的使用过程中发现地图无法拖动和缩放，排除设置地图不可拖动的属性并去掉所有其他有可能挡住的元素，发现还是不行。发现问题再次排查发现，去掉相关样式是可以实现拖动的，定位到应该是由样式z-index=-1所导致的，去掉该样式或设置不为-1就可以了。...
2019-06-05 11:46:07
3960
原创 JS的回调函数
一、什么是回调函数在JavaScript中，函数b作为参数(函数引用)传递到另一个函数a中，并且这个函数a执行函数b。我们就说函数b叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数。代码如下：function a(callback){ callback(); console.log('我是主函数'); }function b() { console.log('...
2019-06-05 11:43:23
121
原创 ES6
ECMAScript 6 入门1.let 和 const在ES6之前，js只有全局作用域和函数作用域，ES6中let关键字为其引入了块级作用域。//{}代码块{var a = 5;let b = 6;}console.log(a); //5console.log(b); //b is undefinedlet声明的变量只能在其所在的代码块内才能访问，var...
2019-06-05 11:43:02
2589
原创 执行上下文
执行上下文原文每次当控制器转到可执行代码的时候，就会进入一个执行上下文。执行上下文可以理解为当前代码的执行环境，它会形成一个作用域。JavaScript中的运行环境大概包括三种情况。全局环境：JavaScript代码运行起来会首先进入该环境函数环境：当函数被调用执行时，会进入当前函数中执行代码eval（不建议使用，可忽略）因此在一个JavaScript程序中，必定会产生多个执行...
2019-06-05 11:42:36
166
原创 this的指向
this的指向原文在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；构造函数下，this与被创建的新对象绑定；DOM事件，this指向触发事件的元素；内联事件分两种情况，bind绑定， call & apply 方法等在全局环境下，this 始终指向全局对象（w...
2019-06-04 15:22:10
286
原创 JavaScript的IIFE（即时执行方法）
立即执行函数立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执行。它没有绑定任何事件，也无需等待任何异步操作,可以实现对作用域的隔离。(function() { // 代码 // ...})();function(){…}是一个匿名函数，包围它的一对括号将其转换为一个表达式，紧跟其后的...
2019-06-04 15:21:14
278
原创 js常见问题
js 实现一个函数对javascript中json 对象进行克隆var newObject = JSON.parse(JSON.stringify(oldObject));js 实现一个函数 获得url参数的值function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^...
2019-06-04 15:20:34
399
原创 JS的闭包
原文一、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。在JavaScript中，闭包是作为一个“内部函数”实施的：即，另一个函数主体内定义的函数。闭包的一个重要特征是，内部函数仍然有权访问外部函数的变量。(function(x) { return (function(y) { ...
2019-06-04 15:19:09
377
原创 变量的提升
变量的提升JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。JavaScript 只有声明的变量会提升，初始化的不会。x = 5; // 变量 x 设置为 5console.log(x);//5console.log(y);//undefinedvar x; // 声明 xvar y = ...
2019-06-04 15:18:30
175
原创 生命周期
beforeCreate在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。beforeMoun...
2019-06-04 15:17:20
163
原创 vue插件总结
vue插件总结参考：VUE插件总结UI组件element 饿了么出品的Vue2的web UI工具套件iview 基于 Vuejs 的开源 UI 组件库echarts 数据图表echarts-liquidfill 基于echarts的水球百分比photo-sphere-viewer 3D全景图vue-seamless-scroll 无缝滚动vvue-concise-slid...
2019-06-04 15:16:35
191
原创 vue2.0父子组件以及非父子组件如何通信
vue2.0父子组件以及非父子组件如何通信1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: ...
2019-06-04 15:15:52
172
原创 页面抖动问题
页面抖动问题问题描述使用vue下拉多选框，选择几项数据，有些会出现页面抖动的问题。考虑是由于多选出现元素高度变化时，一些元素的高度处于可显示滚动条也可不显示滚动条的状态，导致页面出现抖动。解决方法直接修改引发改变的元素改变多选项span标签的高度，避免撑开的选择控件的高度导致的问题。或者也可以修改其他相关元素的样式。.input-select { .el-tag--...
2019-06-04 15:07:22
2275
原创 vue 数据类型 属性
dataexport default { name: 'app', data () { return { message:"hi vue !" } }, created(){ this.$emit('mes', this.message) }}props组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组...
2019-03-28 16:22:42
31434
原创 Vue - webpack 打包不兼容IE浏览器
Vue - webpack 打包不兼容IE浏览器参考：Vue - webpack 打包兼容 360 浏览器和 IE 浏览器 & webpack打包vue项目ie浏览器下报promise 未定义问题描述webpack打包vue项目在ie浏览器下页面空白，报错promise未定义，考虑是语法不支持的原因解决方法安装 babel-polyfillnpm ins...
2019-03-28 16:19:18
2845
空空如也
vue中通过modifyVars改变less变量后，组件中引用的变量没有随着更新
2021-10-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人