摘要: 最近写项目,要求实现滚动条滚动到底部的时候请求加载更多的数据。要实现此功能首先想到的就是scroll事件,经过查阅资料终于实现此功能,具体原理如下: 首先需要给div加scroll事件,监听滚动条滚动动作。滚动加载的原理:当滚动条的高度加上 滚动条到div顶部的高度 等于div的可滚动高度时,说明滚 阅读全文
posted @ 2017-09-07 11:51 前端知识随笔 阅读(3249) 评论(0) 推荐(0) 编辑
摘要: 一个网站如何能在客户的浏览器存储更多的数据呢? 在HTML4的时代在 浏览器端存储点网站个性化的数据,尤其是用户浏览器的痕迹,用户的相关数据等一般只能存储在Cookie中,但是大多数是浏览器对于Cookie的限制也就是逼迫网站存储数据尽量精简,想存储复杂的、关系型的用户数据就不可能了。但是进入HTM 阅读全文
posted @ 2017-09-06 14:53 前端知识随笔 阅读(1789) 评论(0) 推荐(0) 编辑
摘要: background-size在IE8及以下浏览器不兼容;要解决的话要用滤镜: filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale'); 注意:此处src的路径必须是绝对路径 阅读全文
posted @ 2017-09-05 17:24 前端知识随笔 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 1.首先系统内要有Node环境(最好再安装个git,gitbash比cmd要 好用),还要有npm; 可以通过命令查看node、npm的版本号: 2.全局安装vue-cli (可以同vue --version查看vue 版本) 3.使用vue-cli初始化项目 4.进入到目录 5.安装依赖(此部很重 阅读全文
posted @ 2017-08-04 09:20 前端知识随笔 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 1.什么是Webpack? Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2.WebPack和Grunt以及Gulp相比有什么特性 阅读全文
posted @ 2017-07-31 13:29 前端知识随笔 阅读(343) 评论(0) 推荐(0) 编辑
摘要: http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义 Edge模式告诉IE以最高级 模式渲染文档,也就是任何IE版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。 之前在开发项目的过程中,遇到过因为IE版本产生的兼容问题。自己写完项目在各个浏览器检查 阅读全文
posted @ 2017-07-27 16:59 前端知识随笔 阅读(12990) 评论(0) 推荐(1) 编辑
摘要: 1、父级div定义伪类:after和zoom 原理:IE8以上和非IE浏览器才支持:after,原理和方法2有点类似,zoom(IE转有属性)可解决ie6,ie7浮动问题 优点:浏览器支持好,不容易出现怪问题(目前:大型网站都有使用,如:腾迅,网易,新浪等等) 缺点:代码多,不少初学者不理解原理,要 阅读全文
posted @ 2017-07-27 16:16 前端知识随笔 阅读(119303) 评论(0) 推荐(6) 编辑
摘要: 1.打开“百度地图生成器”,进入如下界面: 2.在“定位中心点”中,切换城市,查找具体位置; 3.在“设置地图中”,按照自己的喜好修改地图的外观(可以修改地图的宽高,地图的缩放状态等); 4.在 “添加标注”中,添加自己想要标注的位置和信息; 注:标注可以改变标注图标,可以写标注名称和备注;在生成器 阅读全文
posted @ 2017-07-26 09:37 前端知识随笔 阅读(14979) 评论(0) 推荐(1) 编辑