[置顶] JavaScript对象、函数(你不知道的JavaScript)

一、对象 var obj = {}; obj[true] = "foo"; obj[3] = "bar"; obj[obj] = "baz"; obj["true"]; obj["3"]; obj["[object Object]"]; 二、数组也是对象 var ary = ["foo", 42, "bar"]; ary.baz = "baz"; ary.length; //3 ary.b...
阅读(3416) 评论(4)

[置顶] JavaScript中的this(你不知道的JavaScript)

JavaScript中的this,刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要,然而自己并不关心;随着自己对JavaScript一步步深入了解,突然恍然大悟,原来它真的很重要!所以,自己花费了大约2周的时间去查贴、翻阅之前读的书籍,将this的全貌展示如下。 一、this是什么--基于调用位置的上下文;调用位置不同,this值不同。 大家都JavaScript中this存...
阅读(5474) 评论(6)

[置顶] JavaScript作用域闭包(你不知道的JavaScript)

JavaScript闭包,是JS开发工程师必须深入了解的知识。3月份自己曾撰写博客《JavaScript闭包》,博客中只是简单阐述了闭包的工作过程和列举了几个示例,并没有去刨根问底,将其弄明白! 现在随着对JavaScript更深入的了解,也刚读完《你不知道的JavaScript(上卷)》这本书,所以乘机整理下,从底层和原理上去刨一下。 JavaScript并不具有动态作用域,它只有词法作...
阅读(3512) 评论(4)

[置顶] JavaScript词法作用域(你不知道的JavaScript)

JavaScript并不是传统的块级作用域,而是函数作用域! 一、作用域 1. JavaScript引擎在代码执行前会对其进行编译,在这个过程中,像var a = 2 这样的声明会被分解成两个独立的步骤: 第一步(编译阶段):var a 在其作用域中声明新变量。这会在最开始的阶段,也就是代码执行前进行。 第二步(运行阶段):a = 2 会查询变量a(LHS查询)并对其进行赋值。 2....
阅读(4203) 评论(0)

[置顶] JavaScript提升(你不知道的JavaScript)

最近,在读《你不知道的JavaScript(上卷)》这本书,书中详细阐述了JavaScript众多重要但经常被大家忽略的点,在此强烈推荐!!!书中,第4章讲述了“提升”,从示例出发讲述了变量和函数提升的过程,纠正了自己以前错误的理解(相信好多人理解都是错误)! 我们习惯将var a = 2;看做一个声明,而实际上JavaScript引擎不这么认为!下面几个示例让你彻底搞懂JavaScript中的...
阅读(4507) 评论(6)

让vue-cli初始化后的项目集成支持SSR

文章转自悠扬小Q,原文地址: http://blog.myweb.kim/vue/%E8%AE%A9vue-cli%E5%88%9D%E5%A7%8B%E5%8C%96%E5%90%8E%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%9B%86%E6%88%90%E6%94%AF%E6%8C%81SSR/?utm_campaign=ligang&utm_source=csdn&...
阅读(115) 评论(0)

Vue基础:组件--slot、异步组件、递归组件及其他

slot分发内容为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发。Vue中使用特殊的 元素作为原始内容的插槽。 问题(编译作用域)message 应该绑定到父组件的数据,还是绑定到子组件的数据? {{ message }} 答案是父组件。父组件模板的内容在父组件作用...
阅读(108) 评论(0)

Vue基础:组件--组件及组件通信

组件组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以is特性扩展。使用组件 注册一个全局组件,你可以使用 Vue.component(tagName, options) 使用组件实例选项注册局部组件new Vue({ // ... components: { // <m...
阅读(133) 评论(0)

Vue基础:条件渲染、列表渲染、事件处理

条件渲染v-ifVue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。 Username Email...
阅读(181) 评论(0)

Vue基础:数据绑定

模板语法 v-once 指令 执行一次性地插值,当数据改变时,插值处的内容不会更新。 大括号会将数据解释为纯文本,而非 HTML 。为了输出真正的 HTML ,你需要使用 v-html 指令 使用javascript表达式,只能包含单个表达式{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('')...
阅读(286) 评论(0)

Vue基础:响应式

最近换了东家,比较忙、比较累,但博客的更新速度不能明显下降。Fighting! 写在前面Vue不是框架(前端框架往往需要解决路由、试图管理、数据持久化等流程),Vue只关注视图层。webpack构建Vue项目使用webpack构建Vue项目,在配置文件中会看到如下代码:module.exports = { // ... resolve: { alias: { // 使用完...
阅读(189) 评论(0)

现代前端技术解析:前端跨站技术

前端跨站技术随着前端技术栈在服务端和移动端上的尝试和日益成熟,前端工程师的追求绝不只是页面上的技术,如何实现跨服务端,如何扩展到移动端开发将变成主要讨论议题。JavaScript跨后端实现技术前端通过与Node(基于事件驱动和无阻塞)结合的开发模式越来越被开发者认同并在越来越多的项目中得到实现。SPA场景下SEO的问题SPA应用加载的基本流程:浏览器端先加载一个空页面和JavaScript脚本,然后...
阅读(3598) 评论(5)

现代前端技术解析:现代前端交互框架

现代前端交互框架​ Web前端页面的开发避免不了与DOM的交互操作。前端框架的一次次变化,从提升效率的阶段,慢慢走向改善性能的阶段。直接DOM操作时代对于开发者来说,所有数据内容都可以通过DOM结构来组织和展示的。数据的处理和操作的核心其实就是DOM的处理和操作。DOM API可以分为:节点查询型、节点创建型、节点修改型、节点关系型、节点属性型和内容加载型。 类型 方法 jQuery...
阅读(473) 评论(0)

现代前端技术解析:前端项目与技术实践

前端项目与技术实践前端开发规范HTML规范head内容​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。移动端页面head要添加viewport控制页面不缩放,有利于提高页面渲染性能。建议在页面加上基本的社交RICH化消息,保证网页地址分享后能够显示缩放图、图标和描述等。<meta name="viewport" cont...
阅读(3090) 评论(0)

现代前端技术解析:前端三层结构与应用

前端三层结构与应用前端三个基本结构:结构层HTML、表现层CSS、行为层JavaScript。现在的Web前端应用已经不是简单的三层结构就能轻松解决,而是已经形成了编译流程化、生产环境基础优化结构运行的模式。HTML结构层必须要知道的DOCTYPEHTML4.01是基于SGML(Standard Generalized Markup language,标准通用标记语言)规范来制定的;HTML5不是基...
阅读(2641) 评论(4)

现代前端技术解析:前端与协议

前端与协议HTTP协议简介完整的HTTP报文由头部、空行、正文三部分组成。目前最广泛使用的是HTTP1.1。 长连接 通过请求头中的keep-alive控制。在HTTP1.0中可以通过Connection: keep-alive开启长连接。长连接可以让客户端和服务器端之间的连接在一段时间内持续有效,当一个请求文件的传输连接建立后,服务器保持该连接的时间段内,其他文件请求可以复用这个已经建立好的连接...
阅读(537) 评论(0)

现代前端技术解析:Web前端技术基础

​ 最近几年,越来越多的人投入到前端大军中;时至至今,前端工程师的数量仍然不能满足企业的发展需求;与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作,优秀的前端工程师一将难求。 ​ 真正了解前端技术的工程师都会感觉前端技术发展变化太快。浏览器特性、前端框架、前端工具、多终端浏览器等都在快速迭代中。作为前端工程师不仅要掌握现有的技术去实现业务需求...
阅读(2855) 评论(6)

debounce与throttle区别

在2011年,Twitter网站曾爆出一个问题:在主页往下滚动时,页面会变得缓慢以致没有响应。John Resig发表了一篇文章《 a blog post about the problem》指出直接在scroll事件上面绑定高消耗的事件是一个多么愚蠢的想法。现在项目中大家都会对类似的scroll或者resize事件都进行了节流控制,下述是我们经常用到,也是《JavaScript高级程序设计》- J...
阅读(732) 评论(1)

【HTTP】缓存

随着用户访问量越来越大,缓存变得越来越重要。HTTP文件缓存可以减少冗余数据的传输;缓解网络瓶颈;降低对原始服务器的请求;以及降低距离延迟。命中和未命中有了缓存,就可以保留第一条服务器响应的副本,后继请求就可以有缓存的副本来应对了。可以用已有的副本为某些达到缓存的请求提供服务,这些被称为缓存命中(cache hit)。HTTP没有为用户提供一种手段来区分响应是否缓存命中的,还是访问原始服务器得到的。...
阅读(521) 评论(0)

八种方式实现跨域请求

前端开发中我们经常会遇到跨域请求的情况,处理跨域请求方式很多,特整理如下: 浏览器的同源策略​ 提到跨域不能不先说一下”同源策略”。 ​ 何为同源?只有当协议、端口、和域名都相同的页面,则两个页面具有相同的源。只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同,网站间的数据请求与传输便构成了跨域调用,会受到同源策略的限制。 ​ 同源策略限制从...
阅读(3126) 评论(3)
195条 共13页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:503305次
    • 积分:7282
    • 等级:
    • 排名:第3367名
    • 原创:194篇
    • 转载:1篇
    • 译文:0篇
    • 评论:174条
    博客专栏
    最新评论
    检测
    本站由Ptengine检测
    Mixpanel