持续更新:前端知识汇总

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

2018-06-08 11:38:18

阅读数:186

评论数:0

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

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

2018-08-15 12:21:47

阅读数:11

评论数: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

阅读数:112

评论数:0

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

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

2018-08-10 15:40:33

阅读数:13

评论数: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

阅读数:18

评论数: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

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

阅读数:69

评论数: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

javascript对象的创建方式

 转载:https://blog.csdn.net/u014346301/article/details/52204967        ECMA-262把对象定义为:”无需属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,这就相当于说明对象是一组没有特定顺序的值。对象的每个属性或方法都...

2018-06-22 15:04:30

阅读数:118

评论数:0

js浏览器兼容性的写法

大致有以下五大类:1)元素查找问题2)DOM操作3)事件4)语法5)XML一、元素查找问题:1. document.all[name] (1)现有问题:Firefox不支持document.all[name] (2)解决方法:使用getElementsByName(name),getElement...

2018-06-20 11:47:27

阅读数:135

评论数:0

细述怎么开发自己的插件依赖,并发布到npm上

写在文章前:一个在项目开发中通常遇到的需求,后台返回一个时间戳,前台需要处理成 xxxx年xx月xx日等格式的时间格式。通过我们会封装成一个函数进行调用,但在本文中,就小题大作一下,一个这样的需求怎么写成一个插件依赖呢?a. this.timeformater('1528094422381') /...

2018-06-04 16:50:32

阅读数:314

评论数:0

vue项目中将canvas生成的图片,保存为png格式并下载

在博主的稍前一篇文章中,写到vue中关于将信息生成二维码的方法,生成的二维码图片是canvas所绘制,在手机端我们往往需要将手机二维码图片可以保存到本地,该如何操作呢。 首先,假使生成的二维码图片挂载在id为target的div标签下 <div data-v-4eb8d...

2018-05-25 16:40:26

阅读数:1737

评论数:0

vue项目中,将信息生成二维码的方法

在构建vue项目中,如果需要把一个链接或者一串数字生成一个二维码供用户扫描使用,我们通常会用到jquery.qrcode.min.js这个js库,并配合jquery一并使用。在npm中我们无法直接下载安装这一依赖,因此需要我们在vue项目文件中下载静态文件引入进行使用。1)下载jquery.qrc...

2018-05-18 12:15:05

阅读数:1029

评论数:0

怎么用js导出excel文件

最近在解决一个问题的时候遇到一个这样的需求:1)有两个存在关联的数学表达式,表达式1:计算得到h1function outputH1(R, r, h) { var V = (Math.PI / 3) * (Math.pow(R, 2) + R * r + Math.pow(r, 2)) *...

2018-05-14 18:26:26

阅读数:487

评论数:0

requiredjs模块加载,AMD异步模块加载

参考网站:http://www.requirejs.cn/home.htmlRequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用,但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高...

2018-05-04 15:21:26

阅读数:532

评论数:0

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