随笔分类 - 前端
前端开发相关记录
摘要:先上一张效果图,然后再上代码(由于只做效果,未做数据相关的处理:实际处理数据时不修改 dom 元素,只是利用 dom 元素传递数据,然后需改数据,靠数据驱动效果) 主要关注点在于 event.target 和 event.currentTarget 的理解,一个是事件触发时点击的元素(如:span)
阅读全文
摘要:设置值: 点击事件获取值
阅读全文
摘要:先上一段代码,点击子元素时先触发的是父元素的 click 事件 点击蓝色代码时会先弹出 1,然后弹出2; 说明先父元素事件先触发,然后是子元素事件触发 看了文档后瞬间明朗了: 语法 element.addEventListener(event, function, useCapture) eleme
阅读全文
摘要:由于一个地图中有很多种类型的覆盖物,由于某个覆盖物(一般是自定义)整个地图中只允许出现一次 那第一想到的就是,每次创建这个类型的覆盖物时先清除这一类型的覆盖物,比较简单判断覆盖物的类型 instanceof ,部分代码如下(红色代码为重点 ): 附带一张GIF图解: *** 百度地图给出了根据lab
阅读全文
摘要:代码很整合很简单,主要记录操作思路,注意回调百度地图api的回调函数 @/utils/map.js 代码中使用(主要是覆盖物(自定义)的创建与清除) 示例图 最终可以做出点有意思的东西玩玩:
阅读全文
摘要:1、修改 router/index.js 添加一行 2、然后修改 config/index.js 增加一行 然后修改 下面两处 assetsPublicPath 的值为定义的变量 3、部署时,通过NGINX的反向代理 首先,给需要部署的项目定义一个 NGINX 的 server 再到配置域名的主配置
阅读全文
摘要:1、通过命令新建一个vue项目 2、由于我用的是sass样式,所以安装sass依赖 3、配置雪碧图功能 4、使用方法如下(直接使用 sprite.scss 中的 @mixin方法): 效果如下
阅读全文
摘要:本文转自:http://www.cnblogs.com/dongcanliang/p/7054176.html 为了以后更方便的查看,便做了转载 前言 this 指向问题是入坑前端必须了解知识点,现在迎来了ES6时代,因为箭头函数的出现,所以感觉有必要对 this 问题梳理一下,遂有此文 在非箭头函
阅读全文
摘要:mpvue,美团开源的vue文件转换成小程序的文件格式,今天玩了一下练练手 mpvue文档地址: http://mpvue.com/mpvue/#_1 暂时有几个点需要注意的: 1、新增页面需要重新启动工程, npm run dev 2、背景图片不能直接引用本地图片,要么用远程资源,要么base64
阅读全文
摘要:最近移动端做一份报表,需要左右滚动时,固定左边部分;上下滚动时,固定头部部分。 代码在Vue中简单实现 主要思路是: a.左边部分滚动,实时修改右边部分的滚动条高度 b.头部和内容部分都设置固定高度,当内容部分内容高度大于设置的高度时,产生滚动条 c.左右部分也设置固定宽度,左边设置固定宽度,右边设
阅读全文
摘要:一套管理系统,需要价格日历,时间紧,没花太多时间找到合适的开源原则,自己撸了套够用的即可,后续接着优化,特别是日期时间换算代码比较乱
阅读全文
摘要:click 类型:Boolean 默认值:false 作用:better-scroll 默认会阻止浏览器的原生 click 事件。当设置为 true,better-scroll 会派发一个 click 事件,我们会给派发的 event 参数加一个私有属性 _constructed,值为 true。
阅读全文
摘要:凌晨遇到一个控制台报错的信息,总是显示有对象中的元素未定义 明明是有把定义对象的值的,后面发现是把没有返回值的函数又赋值一遍给未定义的元素所属的对象,😓 😳 此函数没有返回值: 原因,是因为将没有返回值的函数赋值给元素未定义的对象了
阅读全文
摘要:今天大意了解了一下leaflet这个开源的 JavaScript 库,很强大。 结合腾讯地图,做了个简单的demo,作为一个学习的起点吧(各种API结合自身的业务)
阅读全文