1 weixin_45846980

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 12w+

jQuery 隐式迭代和链式调用

jQuery 隐式迭代和链式调用jq为什么好用,主要原因少不了两大功臣:隐式迭代和链式调用。隐式迭代对于原生 JS 来说,一般我们设置某类元素的样式,都得使用循环设置,而 jQuery 在使用的时候则无需考虑这点,简单示例如下:// 设置 .primary 元素的文字颜色为 #188eee // 原生 JSvar primary = document.getElementsByClassName('primary');for(var i = 0, len = primary.length;

2020-10-25 16:29:46

jquery前期使用深度解析

jquery前期使用深度解析什么是jquery  Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 jquery官网:jquery官网jquery的优点  具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件,以及本身自带的隐式迭代可以更方便书写代码jquery的兼容性  根据版本不同,分

2020-10-25 15:48:33

CSS3基础介绍和新增选择器

CSS3基础功能介绍提升体验感部分CSS动画效果替代js的动画效果布局上的更新 table淘汰 div+css布局 浮动 定位 移动端 最佳 flex弹性盒子布局方式缺点:兼容性不是很好,不能向下兼容低版本。主要部分选择器属性 display的新增属性动画 2D转换 3D转换 Z轴 关键帧动画CSS3新增选择器 属性选择符  ^=选择器  说明选择具有什么属性且属性值以什么开头的字符串的什么元素//语法E[att^="val"] { sRules }//e

2020-10-18 21:00:44

ES5保护对象详解

对象的保护

2020-10-18 20:33:53

百度地图API——将地图引入项目

  想必在大家在浏览美团,滴滴打车等应用都有地图应用,这大大的方便了我们的生活,减少我们迷路,提升了我们的工作效率  网站上建设地图有四个好处网站地图能够让搜素引擎产生好感,更快速的抓取网站;网站地图的添加可以有效提升网站的收录;网站地图可以提升连接页面的权重;网站地图有利于用户体验在百度地图给开发入手最好体验的两种服务一个是开发者学院还有一个文档案例使新手也能很好熟悉业务代码,提早将学到的知识运用到项目中这是一个小demodemo<!DOCTYPE html>

2020-10-10 19:44:09

ES6 let和const详解

ES6语法let声明变量ES3.1声明变量方式 //var num = 100(直接挂再window上。容易造成全局污染)ES6声明变量方式 //let num = 100(不会造成全局污染)let不允许重复声明let不会有声明提前 ?在人为效果上是没有声明提前,而实则将数据保存到临时性死区中Cannot access 'num' before initialization//出现这种错误时表式将数据保存到临时性死区{}块级作用域ES3.1局部作用域(function(){ v

2020-10-08 16:34:06

sessionStorage会话存储&localStorage本地存储

什么是 HTML5 Web 存储?使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能主要分为两种sessionStorage会话存储&localStorage本地存储先来介绍下sessionStorage会话存储会话级存存储浏览器到浏览器之间产生数据–key-value,当会话结束时,会话级数据消失/

2020-10-08 16:21:11

XML,HTML,XHTML之间的区别

我们先来说说XML的定义XML的定义XML 被设计用来传输和存储数据。XML 指可扩展标记语言(EXtensible Markup Language)XML 是一种标记语言,很类似 HTMLXML 的设计宗旨是传输数据,而非显示数据XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准...

2020-10-08 15:55:50

H5强大的画布标签canvas和svg

H5新增绘画标签简介  在H5中对于绘画的功能一直都是强大,可以做出十分华丽的动画效果和经常使用图标都是H5标签新增绘画标签canvas和svg,这两个标签下限低(可以很简单绘制比较单调的几何图形????????),上限高(做出华丽的动画效果,需要考虑空间想象能力,三角函数,贝塞尔函数…等????????)下面我会分成目录,给大家讲解canvas与svgcanvas与svgcsnvas与svg基本介绍csnvas与svg用途csnvas与svg语法标签canvas画布属性与sv

2020-10-08 15:30:53

H5-新增标签-video

video标签简介作用主要用来承载视频格式的标签Video替代flash 视频//基本用法<video></video>video的基本属性行盒:默认w300,h150src:用来链接视频地址(至少提供两种视频格式文件,避免出现视频格式不兼容问题:flv,swf,ogg,webm,mp4)controls:视频默认控件(Boolean 有暂停,播放,声音,倍速,全屏等功能,但每个浏览器显示不同)autoplay单独设置无效果需使用方法;controls:是否显示

2020-09-27 23:01:12

强大的数据的可视化工具——Echarts.js的简介

Echarts简介  ECharts,缩写来自Enterprise Charts,商业级数据图表,由百度旗下出产的工具  纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览(IE6/7/8/9 /10/11,chrome,firefox,Safari等)支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达 图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,

2020-09-27 20:16:47

关于HTML5 新增标签canvas详解

概述  canvas是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图基本知识##context:是一个封装了很多绘图功能的对象,获取这个对象的方法是var context =canvas.getContext("2d");##canvas元素绘制图像的时候有两种方法,分别是 context.fill()//填充 context.stroke()//绘制边框##style:在进行图形绘制前,要设置好绘图的样式co

2020-09-20 19:50:06

防抖和节流

性能优化这个领域的很多内容都很碎片化,比如对图片方面的优化(计算图片的大小、图片加载优化)懒加载,包括今天要总结的防抖和节流。就算你没听过防抖节流,但是你做项目的时候,一定遇到过。如果你知道了这块知识,那么你之前的问题就迎刃而解了。  防抖:多次触发事件该事件只能被执行一次,指定时间过后可再次执行,本质上就是以最后的操作为标准在指定时间内 function debounce(fn) { let time = null; return function (

2020-09-20 19:28:06

DOM事件操作加兼容IE的一些方法

DOM操作查看滚动条的滚动距离(IE9以下不兼容)window.pageXOffset/pageYOffset//(按比例计算)//兼容IE document.body/documentElement.scrollLeft/scrollTop封装兼容IE滚动条的距离//封装兼容IE滚动条的距离 // 获取滚动条的距离 function getScrollOffset() { if (window.pageXOffset) {

2020-09-13 22:14:46

DOM事件流

水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水水

2020-09-13 21:41:14

li标签绑定事件比如有1000个li标签需要点击,显示对应li标签的内容,

 源自于一道面试题,可能大多数人会选择使用循环遍历给1000个li添加事件,但这样效率低不说,并且还占用浏览器性能,要知道内存可是寸土寸金的地方,用大量内存来处理,用法简短但却极其占据内存的事,而且还产生了闭包的效果,是不明智的选择。那hr想听到的答案是啥了,且听我以下分解首先我先展示下不正确的做法<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</

2020-09-06 19:59:25

关于对象的创建,克隆,和继承面试题

 关于对象一直都是面试中经常出现的常客,既然是经常出现的,我们就要把这个点拿下。以下有三道面试题面试题:JavaScript创建对象有几种方式//1.(字面量创建)var obj = {};obj.name = '张三';obj.action = function (){alert('吃饭');};//2.(使用Object创建对象)var obj = new Object();obj.name = '张三';obj.action = function (){alert('吃

2020-09-06 18:05:40

BOM的基本理解

一、什么是BOM?BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。二、主流浏览器的介绍浏览器内核主要指的是浏览器的渲染引擎,2013 年以前,代表有 Trident(IE),Gecko(firefox),Webkit(Safari chrome 等)以及 Presto(opera)。2013 年,谷歌开始研发

2020-08-30 23:23:08

关于json 格式

JSON简介 在服务端中类似:Java PHP c… node.js 中客户端(有且不仅是前端)想要请求数据时,因为每种语言各有数据的差异,最后决定使用字符串这种通用的数据类型来传递数据,取名为JSONJSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,JSON字符串基本结构"[{属性名:属性值},{属性名:属性值}]";由字符串包裹的数组加对象的结构,可以包括

2020-08-30 23:10:05

一些DOM中的理解

前言 在我们经过了前面学习基础js的核心语法,也进入到构成整个js的第二个部分DOM,那么什么是DOM,它又有那些作用,学习了DOM会对我现在代码水平,又有怎样的提升,下面我们一一解答DOM的简介在我们js中DOM(文档对象模型),定义了如何操作文档标准,它允许代码动态地获取和更新文档内容,结构和样式概念是将一个HTML或XML文档,用对象模型表示出来,每个对象称之为DOM对象DOM对象有称之为节点node;W3C DOM标准的三个不同的部分关系(包含关系)核心 DOM:所有文档类型的标准

2020-08-23 21:26:32

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。