前端
文章平均质量分 81
BayFeng
这个作者很懒,什么都没留下…
展开
-
浏览器缓存
浏览器缓存(Browser Caching)是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体 上加速网页展示给用户。当你打开一个网页,浏览器会自动下载副本到你电脑上,就相当于你另存为网页到某个地方。当然不是浏览器能把各种网页都能下载到本地电脑上,它是有特殊情况。一般html,后者request是get请求,而pos原创 2018-01-09 09:51:42 · 237 阅读 · 0 评论 -
Promise
一、含义 Promise 是异步编程的一种解决方案,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 Promise对象有以下两个特点: 1、对象的状态不受外界影响。Promise对象代表一个异步操作,有...原创 2018-06-28 18:50:41 · 192 阅读 · 0 评论 -
前端UI框架
可以看到前端要做的工作还是比较直观,简单的。但是,当一个页面很复杂,比如SPA的时候,就需要有一个成熟的架构来提升前端开发的效率,前端框架提供一套成熟的解决方案来组织前端代码,前端数据流等。前端框架的核心作用有且并不完全是: 模块化,组件化,提高可复用性 数据流清晰,提高可维护性 常见的前端框架模式有:MVC, MVP, MVVM(详细参考:http://...原创 2018-06-07 18:54:50 · 297 阅读 · 0 评论 -
Callback问题
一、什么是回调函数? A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 编程分为两类:系统编程(system programming)和应用编程(application pr...原创 2018-06-14 18:04:49 · 1249 阅读 · 0 评论 -
CSS动画
前端实现页面动画,可以用CSS也可以用JS。基本上我们会有这样的一个简单的概念,CSS 的动画效果由浏览器控制和渲染,理论上比 JavaScript 的动画效果性能好,但是控制上没有 JavaScript 那么灵活方便。 CSS在CSS3中实现了动画效果,CSS3属性中有关制作动画的有三个:transform、transition和animation。一、transfo...原创 2018-05-31 18:40:06 · 325 阅读 · 0 评论 -
pdfjs使用实例
pdf.js可以实现在html下直接浏览pdf文档,是一款开源的pdf文档读取解析插件pdf.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,,一个负责API解析,一个负责核心解析。PDFJS.workerSrc = '/public/scripts/pdf.worker.min.js'; PDFJS.getDocument...原创 2018-05-28 15:43:12 · 797 阅读 · 0 评论 -
自定义字体
一、字体格式介绍1、TrueType (.ttf) Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Ope...原创 2018-05-17 18:50:47 · 2427 阅读 · 0 评论 -
在JavaScript中一切都是对象吗?
原文链接:http://web.jobbole.com/82016/“在JavaScript中的一切都是对象”这个说法一直让我困惑。他们指的是什么?一个函数或者数组,它们怎么同时也是一个对象?在我们解答这个问题前,我们需要知道JavaScript是如何对不同数据类型归类的。数据类型在JavaScript中,有两个数据类型:基本类型和对象类型(对象类型有时候也被称为引用类型)。基本类型Number,...转载 2018-04-26 17:08:48 · 1355 阅读 · 0 评论 -
JSON对象
一、JSON定义 JSON指JavaScript 对象表示法(JavaScript Object Notation),它是一种轻量级的数据交换格式。 JSON 值可以是:数字(整数或浮点数)字符串(在双引号中)逻辑值(true 或 false)数组(在方括号中)对象(在花括号中)null 其中,1、2、3、6是简单值,5、6是复杂数据类型。对象表示的是一组...原创 2018-05-10 19:18:36 · 162 阅读 · 0 评论 -
详解this
原文链接:http://www.cnblogs.com/Wayou/p/all-this.html全局this浏览器宿主的全局环境中,this指的是window对象。<script type="text/javascript"> console.log(this === window); //true</script>示例浏览器中在全局环境下,使用var声明变量其...转载 2018-04-19 11:07:16 · 106 阅读 · 0 评论 -
JS原型继承
一、理解对象 ECMAScript有两种属性: 数据属性和访问器属性。 1、 数据属性 数据属性有4个描述其行为的特性:Configurable、Enumerable、Writable、Value。 Configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,能把属性修改为访问器属性。对于在对象上直接定义的属性,默认为true. ...原创 2018-04-12 16:33:06 · 138 阅读 · 0 评论 -
JS立即执行函数
一、介绍 所谓立即执行函数(Immediately-Invoked Function Expression),即在函数表达式之后加()就可以使函数自执行。注意:不能再函数声明后加括号()。(function foo(){/* code */}()); //正确,推荐这样使用(function foo(){/* code */})(); //正确,这样可以var foo = function...原创 2018-03-27 16:27:47 · 1132 阅读 · 0 评论 -
JS事件机制
一、介绍 事件是用来实现js和html之间交互的,可以用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(js)与页面的外观(html和css)的松散耦合。事件最早是在IE3和Netscape Navigator2中出现的,当时是作为分担服务器运算负载的一种手段。二、事件流 事件流描述的是从页面中接收事件的顺序。I...原创 2018-04-08 17:30:09 · 9118 阅读 · 0 评论 -
JS闭包
可以以正常数据形式存在的函数(比方说:当参数传递,接受函数式参数或者以函数值返回)都称作 第一类函数(一般说第一类对象)。在ECMAScript中,所有的函数都是第一类对象。在ECMAScript中,所有的函数都是第一类对象。var z = 10;function foo() { alert(z);}foo(); // 10 – 使用静态和动态作用域的时候(fun...原创 2018-03-29 18:29:01 · 134 阅读 · 0 评论 -
JS原生对象与内置对象
一、JS的对象和类型 JS中的所有事物都是对象,包括但不限于字符串、数值、数组、函数等等,还包括自定义对象。 在红宝书中,将JS分为五种基本类型:null、undefined、number、string、boolean和一种复杂类型:object。但是在《JavaScript语言精髓与编程实践》认为是6种:undefined、number、string、boolean、objec...原创 2018-03-05 04:27:38 · 3807 阅读 · 0 评论 -
JS函数
JS函数有两种定义方式:声明和表达式。区分函数声明和表达式最简单的方法是看 function 关键字出现在声明中的位置(不仅仅是一行代码,而是整个声明中的位置)。如果 function 是声明中 的第一个词,那么就是一个函数声明,否则就是一个函数表达式。一、函数声明:函数声明必须带有标示符(Identifier)(就是大家常说的函数名称)function foo(){} // 声明,因为它是程序的...原创 2018-03-15 06:26:00 · 286 阅读 · 0 评论 -
Vue.js如何获得兄弟元素,子元素,父元素(DOM操作)
<button @click = “clickfun($event)”>点击</button>methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.i...转载 2019-08-06 13:58:13 · 1970 阅读 · 0 评论