dongdihui9603-CSDN博客

转载 gulp 中对于css文件的压缩合并出现的unable to minify JavaScript问题

在我们日常使用gulp进行js文件压缩合并的时候：const gulp = require('gulp');const concat = require('gulp-concat');const rename = require('gulp-rename');const uglify = require('gulp-uglify');gulp...

2019-09-29 20:35:00 296

转载 JS实现选项卡和JQ实现选项卡

在这里简单的介绍一下在页面布局中很重要的选项卡，在页面中，选项卡也是经常使用到的布局，所以我们需要多加的练习掌握才可以，除了用jQuery熟练实现它的功能，更需要知道如何用JavaScript原生实现选项卡的功能。接下来废话不多说，先上jq完成的选项卡：<!DOCTYPE html><html lang="en"><head> ...

2019-09-21 15:36:00 162

转载前端性能的优化

主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network（雅虎开发者网站），包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。来自Google的数据表明，一个有10条数据0.4秒能加载完的...

2019-09-19 10:36:00 109

转载 JS中事件绑定的方式以及事件监听和事件的委托

在javascript中，到我目前的学习中总结得到的认知是在事件触发阶段主要是由于事件流：我们在HTML中先设置一个div：<div class="box"></div>然后获取它：var obox = document.querySelector(".box");1,DOM0级事件处理阶段也就是基础的赋值式绑定的方法：...

2019-09-11 21:29:00 197

转载简易轮播图和无缝轮播图的实现

在这里我们运用面向对象的方法来书写编程：简易轮播图首先//OOA:分析：//轮播图：点击左右按钮切换图片//1.选择元素//2.绑定点击事件//3.计算索引//4.根据索引，显示图片//OOD：设计//functionBanner(){////1.选...

2019-09-06 20:10:00 198

转载 ES6中对象的扩展以及新增方法

1.属性的简洁表示法ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar';const baz = {foo};baz//{foo:'bar'}//等同于const baz = {foo:foo}上面代码表明，ES6允许在对象之中，直接写变量。这时，属性名为变量名，属性值为变量的值。下面是另一个例子。...

2019-09-06 19:48:00 149

转载 javascript的基本介绍和发展

页面中可以分为：结构、样式、行为。而JS负责的就是对页面的渲染，让页面有行为可以行动起来。就经典就是轮播图。JavaScript在设计之初只是为了做表单验证。但是现如今，JavaScript已经成为了一门功能全面的编程语言，已经是WEB中不可缺少的一部分，如今的JavaScript是一门既简单又复杂的语言，说它简单是因为可能一小时就能学会，但是如果你要真正掌握它，可能就得需要个几年的...

2019-09-01 14:05:00 115

转载 this浅谈

前言this是 JavaScript 中不可不谈的一个知识点，它非常重要但又不容易理解。因为 JavaScript 中的 this 不同于其他语言。不同场景下的 this 指向不同（当函数被调用执行时会生成变量对象，确定 this 的指向，因此当前函数的 this 是在函数被调用执行的时候才确定的，所以导致 this 的指向灵活不确定），而且，在严格模式和非严格模式下，this 也...

2019-09-01 13:52:00 65

转载浅谈DOM的概念和作用

首先呢，DOM在JS中就是 Document Object Model的缩写，简称就是文档对象类型，它给文档提供了一种结构化的表示方式，可以改变文档的内容和呈现方式。不过我们要关心的是DOM如何把网页和脚本以及其他的编程语言联系起来。DOM是以家族的形式描述HTML。父子节点，兄弟节点。DOM中的选择器：一、元素节点选择器：（id,class,name,tagname,高级,关系...

2019-08-27 13:37:00 895

转载运用JAVASCRIPT简单完成倒计时，一个按钮实现多个功能

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-08-23 21:18:00 188

dongdihui9603的博客