![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
SioH
Enjoy coding
展开
-
ES3 ES5 ES6中如何对数据进行保护
我们知道正常的声明一个对象时该对象的值是可读可写的,那么再一定的时候我们需要对这些数据进行保护,比如性别是不可变的,那么ES3 ES5 ES6中如何对数据进行保护ES3/ES5==》使用api扩展+闭包的原理进行数据的获取与改变数据的操作ES5==》使用defineProperty设置数据只读ES6==》使用代理来达到数据的获取与更改let Pers...原创 2018-08-21 23:20:47 · 181 阅读 · 0 评论 -
vue-lazyload动态更新图片
在使用Vue-lazyload写懒加载的时候发现请求新的数据后图片无法动态更新解决方式加``:key属性`原创 2019-05-12 18:00:40 · 423 阅读 · 0 评论 -
MongoDB常用语法,数据集合的导入导出,数据备份与恢复
一:语法数据库show dbs;//查看所有的数据库db;//查看当前窗口所在的数据库use 数据库名;//如果数据库不存在,则创建数据库,否则切换到指定数据库。注:show dbs执行结果没有看到test库,但是db查看当前库确是test库,因为test库中刚开始没有任何数据并且是在内存中的,有了数据后就会显示出来了(其他新创建的数据库也是如此)db.dropDatabase()...原创 2019-04-26 09:56:22 · 1138 阅读 · 1 评论 -
前端小白学习路线之HTML超文本标记语言
学习一门技术先得了解编辑器,新手推荐使用sublime/VS code (属于轻量级编辑开发工具,插件丰富)。当然你要是选择记事本,我也不拦你。Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言。结构(固定的结构):<html><head><title>...原创 2017-05-06 11:09:51 · 559 阅读 · 0 评论 -
zteUI的combobox自定义年月显示
function getYearAndMonth(start, end,type_data) { var result = []; var starts = start.split('-'); var ends = end.split('-'); var staYear = parseInt(starts[0]); var staMon = parseIn...原创 2017-06-17 11:45:59 · 199 阅读 · 0 评论 -
JS中this的指向问题
普通模式,this永远指向上一级调用他的对象;严格模式,在没有对象调用的情况下this指向的不是window而是undefined。 在普通模式下JS有一个全局对象window举个例子:function x(){ var user = "一颗会开花的树"; console.log(this.user); //undefined ...原创 2018-06-19 15:03:35 · 238 阅读 · 0 评论 -
call、apply、bind的使用和区别
改变this的指向有三个方法callvar a = { user:"一颗会开花的树", fn:function(){ console.log(this.user); //一颗会开花的树 }}var b = a.fn;b.call(a);call方法在使用时函数会立即执行,当然也可以传参var a = { user:"一颗会开...原创 2018-06-19 15:12:33 · 149 阅读 · 0 评论 -
jQuery源码学习方法
在某个特殊的时间点,我给console.log($());打了个断点结果好像进入了一片全新的大陆,原来源码还能这样看.....真的是大吃一惊之后又尝试看了下html()大体上能看懂流程我们知道分析源码是件很痛苦的事情,一般都是从上往下,特别容易看的头皮发麻。而工具类方法可以通过断点的方式比较直观清晰的分析其构造。...原创 2018-06-19 15:43:21 · 132 阅读 · 0 评论 -
生成html水印,兼容ie8,ie兼容性问题与解决办法,移动端水印给出的建议
首先放上两段代码 watermark.js与其兼容方式扩展pointer_events_polyfill.jswatermark.js ↓↓// 水印(function(watermark){ window.watermarkdivs = []; // 加载水印 var loadMark = function(settings) { ...原创 2018-08-01 16:43:12 · 8890 阅读 · 25 评论 -
盒模型的两种模式
IE5及以下的浏览器对CSS不太友好,而IE6及以上的浏览器对CSS更加友好,这个时候就出现了Quirks 模式与 Standards 模式 Quirks 模式即为怪异模式,Standards 模式即为标准模式;两种模式的出现必然会出现一定的兼容问题,在标准模式下如何兼容怪异模式下书写的CSS呢?在IE6下我们用DTD作为衡量标准,如果有DTD出现,那这个页面将会优先选择Sta...原创 2018-08-13 14:10:07 · 1345 阅读 · 0 评论 -
更优秀、更快的图片格式Webp
Webp是谷歌研发的一种图片格式压缩的情况下其大小只有jpg的2/3,能有效的加快图片加载速度,节约带宽与数据空间,在相同情况下,Webp的图片体积只有JPG的60%大小...原创 2018-08-13 20:45:41 · 344 阅读 · 0 评论 -
图片数量较多的网站(电商)该如何优化
打开淘宝,第一感觉是加载速度还行,不会出现长时间等待页面还无法完全加载的情况。那么这是如何做到在图片量过多而不影响用户体验的呢?下面给出自己在项目中总结的优化建议1:懒加载 添加一个滚动条事件,判断图片位置、浏览器顶端的与页面的距离,如果前者小于后者就优先加载。2:压缩 一:图片展示大小小于DOM元素大小,可以从服务端开始压缩至同等大...原创 2018-08-13 21:15:57 · 1991 阅读 · 0 评论 -
关于SEO优化的建议
SEO优化建议合理使用标签,DIV+CSS布局 结构清晰,改造简单,对页面更友好,样式与结构分离网站与网站之间合作,增加外部网站的连接数,提高搜索引擎的重视度,连接数越多说明越重要,排名相对越高Mate标签的使用,包括关键字、主题、描述、以及一些隐藏的词(作者、目录、编码语种)关键字的选取,最常见的例子比如淘宝关键词,确定网站关键词,加以优化,明确用户在使...原创 2018-08-14 11:34:48 · 2100 阅读 · 0 评论 -
一些浏览器的兼容性问题
1、IE 的双边距 BUG:块级元素 float 后设置横向 margin,ie6 显示的 margin 比设置的较大。解决:加入_display:inline2、3 像素问题 使用 float 引起的 使用 dislpay:inline -3px3、超链接 hover 点击后失效 使用正确的书写顺序 link visited hover active4、Ie z-index 问...原创 2018-08-14 15:54:36 · 140 阅读 · 0 评论 -
一张草图
原创 2019-08-05 12:50:24 · 235 阅读 · 0 评论