排序:
默认
按更新时间
按访问量

持续更新:前端知识汇总

Ps: 文章所述内容,来源渠道平时积累以及网上摘录。按日期持续更新...目录: 转载请注明来源。 -2018/6/8   1.position的定位方式 2.描述下从输入URL到整个网页加载完毕及显示在屏幕上的整个流程 3. 描述一下渐进增强和优雅降级之间的不同 -2018/6/10 1.如何解...

2018-06-08 11:38:18

阅读数:185

评论数:0

vue项目中,js根据文件名后缀,判断文件图片、视频、文档、pdf等类型的方法

vue项目中,在获得文件名信息,需要根据文件名的后缀来区分文件类型的方法如下:其中,文件后缀可自由拓展。 // 根据文件名后缀区分 文件类型 /* * @param: fileName - 文件名称 * @param: 数据返回 1) 无后缀匹配 - f...

2018-08-15 12:21:47

阅读数:7

评论数:0

关于js事件对象(DOM中的事件对象、IE中的事件对象、跨浏览器的事件对象)的详解

在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息。所有浏览器都支持event 对象...

2018-08-12 12:14:35

阅读数:12

评论数:0

关于js事件5种事件处理程序的详解

  事件就是用户或浏览器自身执行的某种动作。诸如click、load 和mouseover,都是事件的名字。而响应某个事件的函数就叫做事件处理程序(或事件侦听器)。事件处理程序的名字以"on"开头,因此click 事件的事件处理程序就是onclick,load...

2018-08-10 16:39:14

阅读数:110

评论数:0

浏览器不支持attachEvent事件解决方案及跨浏览器的事件处理程序方法

浏览器在事件处理程序上,根据现有及过往浏览器类型,总共有5种形式:查看5种事件处理程序详情 1)HTML事件处理程序 2)DOM0 级事件处理程序 3)DOM2 级事件处理程序 4)IE事件处理程序 5)跨浏览器的事件处理程序 在我们使用IE事件处理程序时,我们会用到两个函数attachEve...

2018-08-10 15:40:33

阅读数:12

评论数:0

什么是js的事件流、事件冒泡、事件捕获以及DOM事件流

理解事件流,我们先来理解“事件”。什么是事件?在javascript高级程序设计中,有这么一段话: javaScript 与HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。这种在传统...

2018-08-10 11:39:43

阅读数:19

评论数:0

js中offset、client、scroll的区别

偏移量:offset dimensionoffsetHeight: 元素在垂直方向上占用的空间大小,以像素计。包括元素的高度、(可见的)水平滚动条的高度、上边框高度和下边框高度。offsetWidth: 元素在水平方向上占用的空间大小,以像素计。包括元素的宽度、(可见的)垂直滚动条的宽度、左边框宽...

2018-08-06 14:33:27

阅读数:17

评论数:0

vue项目中如何利用base64上传图片与文件

前端在进行资源文件上传的时候,可以借助HTML5中,fileReader对象进行图片和文件的上传。利用该对象提供的一些属性方法更加方便的获取所上传的文件信息。在vue项目中操作方法如下:   1)绑定input[type=‘file’]的change事件 <input...

2018-07-31 12:01:50

阅读数:74

评论数:0

利用python抓取页面并将页面文件生成txt文件导出

分析需求: 1)利用python抓取网页页面 2)将抓取到的网页 生成txt文件导出到电脑桌面 准备工作: 电脑构建python环境 安装python编辑环境IDE(本文所述,利用pyCharm编辑器) 新建项目文件 1)项目中新建pydemo.py 文件 2)配置python...

2018-07-25 12:23:16

阅读数:63

评论数:0

JavaScript高级程序中关于window对象作用解释

BOM 的核心对象是 window,它表示浏览器的一个实例。在浏览器中,window 对象有双重角色,它既是通过JavaScript 访问浏览器窗口的一个接口,又是ECMAScript 规定的Global 对象。这意味着在网页中定义的任何一个对象、变量和函数,都以window 作为其Global ...

2018-07-22 16:46:04

阅读数:31

评论数:0

通俗易懂理解 WebSocket及其应用

应用场景: 客户端与浏览器间进行通信,常规操作,我们在客户端发送一个http请求,服务端收到我们的http请求后,返回一个请求结果。这种方式,我们只能主动的从服务端去获取数据,假若想服务端数据有更新第一时间反馈到客户端,我们再利用http请求通信就行不通了。接下来我们来探讨一下WebSocket如...

2018-07-20 16:36:50

阅读数:54

评论数:0

什么是XML?XML知识点汇总文档

XML 指可扩展标记语言; XML 被设计用来传输和存储数据。 1.什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被预定义。您需要自行...

2018-07-17 15:57:01

阅读数:152

评论数:0

Vue项目中数据的深度监听或对象属性的监听

众所周知,vue项目中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。根据vue的文档,不难发现,使用数据的深度监听来达到这一效果。具体实现如下:watch: { ...

2018-07-13 16:57:30

阅读数:95

评论数:0

vue项目中如何引入vuex

vue框架提供了自身的状态管理工具vuex,如何方便引入vuex在vue项目中,博主在最近项目中的引入方式如下。1. 入口文件main.jsimport Vue from 'vue' import Layout from './layout' import router from './route...

2018-07-13 12:01:42

阅读数:105

评论数:0

2)JavaScript高级程序设计--在HTML中使用JavaScript

2 在HTML中使用JavaScript2.1 <script>元素向HTML 页面中插入JavaScript 的主要方法,就是使用<script>元素。这个元素由Netscape 创造并在Netscape N...

2018-07-11 12:19:19

阅读数:66

评论数:0

1)JavaScript高级程序设计--JavaScript简介知识点

1.1 Javascript是什么?Javascript是一门功能全面的编程语言,能够处理复杂的计算与交互,拥有闭包、匿名函数,甚至元编程等特性。1.2 JavaScript实现虽然javascript和ECMAScript通常被人们用来表达相同的含义,但Javascript的含义却比ECMA-2...

2018-07-11 11:50:40

阅读数:67

评论数:0

垃圾回收机制

《JavaScript高级程序设计》书中讲述了js当中的垃圾回收机制。选择书中讲述的要义,大致的概括一下。1. 什么是垃圾收集JavaScript中具有自动垃圾收集机制,也就是是说,执行环境会负责管理代码执行过程中使用的内存。怎么理解这句话?而在C 和C++之类的语言中,开发人员的一项基本任务就是...

2018-07-10 11:21:59

阅读数:70

评论数:0

JavaScript高级程序设计中,语句是否结尾加分号的解释

ECMAScript中的语句以一个分号结尾;如果省略分号,则由解析器确定语句的结尾,如下例所示:var sum = a + b //即使没有分号也是有效的语句 -- 不推荐 var diff = a - b; // 有效语句 -- 推荐虽然语句结尾的分号不是必需的,但我们建议任何时候都不要...

2018-07-09 09:58:31

阅读数:60

评论数:0

HTML中table标签的跨多行和多列布局方法

先放一张布局效果效果图在实现这一布局效果时,主要应用了rowspan、colspan跨行和跨列的属性布局。在所跨的行或者列,在其他行或者列中也是占位的。比如:第一项项目基本信息是跨过5行,因此在接下来的4行中,第一列已经是默认被占了,行中的td列是从第二列开始布局;最后一行,项目得分占据6列,因此...

2018-06-25 16:51:13

阅读数:188

评论数:0

table中td标签中内容过长时,设置td长度固定的方法

在使用table标签时,我们设置了td的宽度且设置了单行溢出加省略号的样式,但是发现,td还是随内容的多少会撑开,如下图:这样就不符合我们预期想要的效果,我们只需要在table标签上加属性: width="100%"  style="table...

2018-06-25 16:36:59

阅读数:326

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭