文摘首页 | 我的好库
好库文摘

前端笔记知识点整合之JavaScript(十一)event&BOM&鼠标/盒子位置&拖拽/滚轮

一、事件对象event 1.1 preventdefault()和returnValue阻止默认事件 通知浏览器不要执行与事件关联的默认动作。 preventdefault()  支持Chrome等高级浏览器 retu......

doclist 发布于 2019-3-29 19:58:00 阅读(51) 评论(0)

[重学js]JavaScript在浏览器中在应用

  JavaScript本身是一门编程语言,一门语言本身能干什么事,一般取决于它在什么环境,在浏览器中的JS和在node环境中的JS一般有不同的用途,我们今天来探讨一下在浏览器中的JS。   浏览器中的页面常常是由HTM......

doclist 发布于 2019-3-28 18:02:00 阅读(39) 评论(0)

JavaScript函数的防抖和节流

防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 思路: 每次触发事件时都取消之前的延时调用方法 function debounce(fn) { let timeout = null;......

doclist 发布于 2019-3-28 17:41:00 阅读(40) 评论(0)

JavaScript 正则表达式全面总结

本文适合有 JavaScript 基础 && 面向搜索引擎书写正则的人群。 正则表达式是用于匹配字符串中字符组合的模式。正则表达式的模式规则是由一个字符序列组成的。包括所有字母和数字在内,大多数的字符都是直接按照直接量描......

doclist 发布于 2019-3-28 8:09:00 阅读(62) 评论(0)

css的继承和层叠

标签(空格分隔): css css称为层叠样式表,CSS有两大特性:继承性和层叠性,本章简单介绍一下继承性: 继承性: 定义:继承就是给父及设置了一些属性,子级继承了父及的该属性,这就是我们的css的继承,有一些属性可以继承, <......

doclist 发布于 2019-3-28 6:14:00 阅读(67) 评论(0)

前端笔记知识点整合之JavaScript(十)深入JavaScript节点&DOM&事件

一、DOM JavaScript语言核心。变量的定义、变量的类型、运算符、表达式、函数、if语句、for循环、算法等等。这些东西都属于语言核心,下次继续学习语言核心就是面向对象了。JavaScript能做非常多的事情:DOM开发、Aja......

doclist 发布于 2019-3-27 20:53:00 阅读(51) 评论(0)

CSS 火焰?不在话下

正文从下面开始。 今天的小技巧是使用纯 CSS 生成火焰,逼真一点的火焰。 嗯,长什么样子?在 CodePen 上输入关键字 CSS Fire,能找到这样的: 或者这样的: 我们希望,仅仅使用 CSS ,效......

doclist 发布于 2019-3-27 10:59:00 阅读(56) 评论(0)

html+css制作五环(代码极简)

奥运五环 把奥运五环做成一个浮动,总是位于屏幕中央的效果。 难点 定位的练习 position :fixed 位于body中间的时候 left:50%;top:50%; css内部样式表的使用 style="text/css......

doclist 发布于 2019-3-26 23:10:00 阅读(65) 评论(0)

前端笔记知识点整合之JavaScript(九)定时器&JSON&同步异步/回调函数&函数节流&call/apply

一、快捷位置和尺寸属性 DOM已经提供给我们计算后的样式,但是还是觉得不方便,因为计算后的样式属性值都是字符串类型。 不能直接参与运算。 所以DOM又提供了一些API:得到的就是number类型的数据,不需要parseInt(),直接可......

doclist 发布于 2019-3-26 20:35:00 阅读(47) 评论(0)

一个不被程序员认为是编程语言的语言——HTML

HTML究竟算不算是一门编程语言,这是争执已久的话题。其实,从本质来讲,HTML确实算不上是一门编程语言。 HTML全称,HyperText Markup Language。字面理解,HTML就是一种超文本语言,何谓超文本,就是其用途和......

doclist 发布于 2019-3-26 15:15:00 阅读(50) 评论(0)

你不需要 jQuery,但你需要一个 DOM 库

写这篇文章的目的,一方面是介绍一下自己编写的模块化 DOM 库 domq.js,另一方面是希望大家对 jQuery 有一个正确的认识,即使 jQuery 已经退出历史舞台,但是它的 API 会以另外一种形式存在下去。 GitHub:h......

doclist 发布于 2019-3-26 8:12:00 阅读(52) 评论(0)

CSS3 3D酷炫立方体变换动画

我爱撸码,撸码使我感到快乐! 大家好,我是Counter,本章微博主要利用了CSS3的一些新特性, 主要用到关键帧来使3D图形运动起来,涉及到了一些抽象的思想,立体的想象。 先给大家看看完成的效果,代码也不是很难,每行代码都给到了......

doclist 发布于 2019-3-25 23:58:00 阅读(49) 评论(0)

JavaScript构造函数

JavaScript不同于其他强类型语言,没有类的概念,但是它支持可以与实例共同使用特殊的Constructor构造器,使用new关键字创建新的实例,并告知JavaScript使用对象的内规则去定制这个实例。实际上实例中的this指向的......

doclist 发布于 2019-3-25 13:41:00 阅读(42) 评论(0)

前端面试必备的css盒子模型

       今天同学发给了我一份前端基础的面试题,第一道便是对css盒子模型的理解,我看到的第一眼想到的是div,然后就...懵逼了,知其然不知其所以然。所以打算写一写盒子模型的概念理解啥的,如......

doclist 发布于 2019-3-24 22:33:00 阅读(48) 评论(0)

mini-css-extract-plugin简介

将css单独打包成一个文件的插件,它为每个包含css的js文件都创建一个css文件。它支持css和sourceMaps的按需加载。 目前只有在webpack V4版本才支持使用该插件 和extract-text-webpack-plug......

doclist 发布于 2019-3-24 21:34:00 阅读(48) 评论(0)

前端笔记知识点整合之JavaScript(七)深入函数&DOM那点事

一、函数补充 1.1 arguments类数组对象 arguments 是一个对应于传递给函数的参数的类数组对象。 在函数中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 在其它编程语言中,比如ja......

doclist 发布于 2019-3-24 17:42:00 阅读(40) 评论(0)

前端笔记知识点整合之JavaScript(五)关于数组和字符串那点事

一、数组 1.1数组概念 数组(array)是一个有序的数据集合。说白了,数组就是一组数。数组内部可以存放一个或多个单独的数据,整体组成数组。 定义数组最简单的方式:数组字面量。 数组的字面量“[]”。习惯将数组赋值给一个变量。 &nb......

doclist 发布于 2019-3-23 17:52:00 阅读(45) 评论(0)

CSS中清除浮动的作用以及如何清除浮动

1.什么是浮动,浮动的作用 “浮动”从字面上来理解就是“悬浮移动、非固定”的意思。块级元素(div、table、span…)是以垂直方向排列,而在前端界面中往往要使用水平布局块级元素使界面更美观。这就要用到浮动了。被设置浮动的元素会脱离......

doclist 发布于 2019-3-22 8:40:00 阅读(56) 评论(0)

JavaScript的Date类的函数特殊处理导致的问题

记得以前参加校招的时候,总是有日期相关的面试题,比如计算两个日期之间的间隔天数。以前还觉得这种题就是为了纯粹为了面试的,但工作了之后,还就碰到了跟日期相关的bug。下面是一段js代码,是要把字符串描述的日期转换为Date类型的函数。其......

doclist 发布于 2019-3-21 21:09:00 阅读(62) 评论(0)

JavaScript(三)

一、条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句。 JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件......

doclist 发布于 2019-3-21 19:50:00 阅读(54) 评论(0)
上一页 1 2 3 4 5 6 7 8 9 ... 下一页共342页  到第