js内置对象是ECMAScript规范中要求实现的一些函数和对象,具体包括Object,Function,Number,Boolean,Array, String,RegExp,Error,Date,Global,Math。其中,Math比较特殊,是一个静态类,而不是构造函数。这些对象(函数) 在js引擎初始化时就已经定义完毕,可以直接在程序中或者函数上下文使用。 原生对象包括内置对象,也包括运行时创建的对象,比如用户类等。 而宿主对象则是js代码所在运行环境提供的对象,运行在浏览器上的js,其宿主环境是浏
面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟。
普通的内置对象与基本包装类型的主要区别就是对象的生命期,使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中,而自动创建的基本包装类型的对象,则只是存在于一行代码的执行瞬间,然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
基于 https://www.bilibili.com/video/BV1Kt411V7rg?p=7 整理 1 配置 小程序的很多开发需求都是通过配置文件来实现。这样可以提高开发效率且能保证小程序的
零、准备 1. 到官网(http://jurassic.codeplex.com/releases)下载最新版本的Jurassic.ScriptEngine Dll。 2. 确保项目是4.0框架及以上,引入dll。 3. 添加"using Jurassic;"语句。 一、宿主调用脚本 0. 最开始要创建一个脚本对象 ScriptEngine sc = new ScriptEngine(); 1. 下面的例子演示了如何计算表达式: int i = sc.Evaluate<int>("1 + 1"); Console.WriteLine(i); 结果为: 2 2. 下面的例子演示了如何获取脚本中的全局对象: 对于没有返回值或者舍弃返回值的语句,可以用Execute方法执行 sc.Execute("var i = 1;"); int i = sc.GetGlobalValue<int>("i"); Console.WriteLine(i); 当然也可以这样执行 sc.Execute("var i = 1;"); int i = sc.Evaluate<int>("i"); Console.WriteLine(i); 结果为: 1 3. 下面的例子演示了如何调用脚本中的函数 sc.Execute("function add(a,b){return a+b;}"); int i = sc.Evaluate<int>("add(1,2);"); Console.WriteLine(i); 结果为: 3 4. 调用函数时动态传入参数 add函数同上 int i = sc.CallGlobalFunction<int>("add", 1, 2); Console.WriteLine(i); 结果为: 3 二、脚本调用宿主 1. 调用宿主的方法 sc.SetGlobalFunction("ConsoleWriteln", new Action<string>(Console.WriteLine)); sc.Execute("ConsoleWriteln('hello');"); 结果为: hello 2. 调用宿主的对象 ConsoleWriteln同上 sc.SetGlobalValue("hello", "hello"); sc.Execute("ConsoleWriteln(hello);"); 结果为: hello 要注意delegate不能转换为js的function对象 所以两个函数不能写错 如果要传入js基本类型之外的对象 请开启"sc.EnableExposedClrTypes = true;"
以微信小程序举例。小程序的主要语言是js,使用小程序也方便说明我们接下来要讲的问题。
推荐一个轻量完备的开源前端框架:dagger.js:https://daggerjs.org
到这里该了解的基础概念已经了解得差不多了,下一步便是进入前端篇进入实践学习。如果觉得印象还不够深刻,可以往回翻看,或者看一下目前这三步的主要知识点。
JavaScript,它的运行必须位于<script></script>标签之间,
在nwjs里,宿主页面与做过特殊标记的iframe页面(nwdisable nwfaketop和nwUserAgent)通信,并没有什么特别的地方
我们平时常说的变量的作用域(scope),它全名应该叫「词法作用域」(lexical scope)。它是程序中可以访问变量的区域,即作用域控制着变量和函数的可见性和生命周期。
JS 中的this关键字对于初学者来说是一个谜,对于经验丰富的开发人员来说则是一个永恒的难题。this 实际上是一个移动的目标,在代码执行过程中可能会发生变化,而没有任何明显的原因。首先,看一下this关键字在其他编程语言中是什么样子的。 以下是 JS 中的一个 Person 类:
JavaScript,简称JS,是一种客户端脚本语言,主要用来向HTML网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
ECMAScript标准+ webAPI 那么我们今天要一起学习的就是ECMASciript中的-Object,他实际上是一个es的语言标准
一、前言 Velocity作为历史悠久的模板引擎不单单可以替代JSP作为Java Web的服务端网页模板引擎,而且可以作为普通文本的模板引擎来增强服务端程序文本处理能力。而且Velocity被移植到不同的平台上,如.Net的 NVelocity和js的Velocity.js,虽然各平台在使用和实现上略有差别,但大部分语法和引擎核心的实现是一致的,因此学习成本降低不少 哦。 最好的学习资源——官网:http://velocity.apache.org
在一些应用中,我们希望给用户提供插入自定义逻辑的能力,比如 Microsoft 的 Office 中的 VBA,比如一些游戏中的 lua 脚本,FireFox 的「油猴脚本」,能够让用户发在可控的范围和权限内发挥想象做一些好玩、有用的事情,扩展了能力,满足用户的个性化需求。
对于单线程来说,事件循环可以说是重中之重了,它为任务分配不同的优先级,井然有序的调度。让js解析,用户交互,页面渲染等互不冲突,各司其职。
面向对象是把构成问题的事物拆解为各个对象,来描述这个事物在当前问题中的行为,而不是为了实现某个步骤 面向过程,是分析出实现问题的每个步骤,然后编写函数,并依次调用。
Angular应用都是模块化的,ES5没有内置的模块化系统,可以使用第三方模块系统,然后我们为应用创建独立的命名空间 app,文件代码可以包裹在 IIFE(立即执行函数表达式)中:
在这个js框架随处乱跑的时代,你是否考虑过写一个自己的框架?下面的内容也许会有点帮助。 一个框架应该包含哪些内容? 1. 语言扩展 大部分现有的框架都提供了这部分内容,语言扩展应当是以ECMAScript为基础进行的,不应当依赖任何宿主环境,也就是说,作为一个框架的设计者,你应当保证你的语言扩展可以工作在任何宿主环境中,而不是仅仅适合浏览器环境。你必须保证把它放到WScript,SpiderMonkey Shell,Rhino Shell,Adobe ExtendScript Toolkit甚至Flash
本系列面试题旨在学会相关知识点,从而轻松应对面试题的各种形式,本文讲解了 JavaScript 中 this 指向问题以及模块化。
4.apply 调用 ,apply方法作用是改变函数的调用对象,此方法的第一个参数为改变后调用这个函数的对象,this指代第一个参数
Web 浏览器只是 ECMAScript 实现可能存在的一种*「宿主环境(host environment)」。而宿主环境提供ECMAScript 的基准实现和与环境自身交互必需的扩展。(比如 DOM 使用 ECMAScript 核心类型和语法,提供特定于环境的额外功能)。
作为一个庞大的家族,Babel生态中有很多概念,比如:preset、plugin、runtime等。
答:JavaScript 对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义对象。 所有事物都是对象 JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 布尔型可以是 ...
这个就涉及到JavaScript事件轮询中的宏任务和微任务。那么,你能说清楚到底宏任务和微任务是什么?是谁发起的?为什么微任务的执行要先于宏任务呢?
本文会讲 JS 引擎的编译流水线、渲染引擎的渲染流程,然后引入为什么需要 event loop。
页面渲染 1.在渲染层,宿主环境会把WXML可以先转成JS对象,然后再渲染出真正的Dom树。 2.在逻辑层发生数据变更的时候,需要通过宿主环境提供的setData方法把数据从逻辑层传递到渲染层 3.对比前后差异,把差异应用在原来的Dom树上,渲染出正确的UI界面
Electron作为一种基于JS语言搭建的桌面框架,其基础视图容器是包含了Chromium内核的窗口,称为BrowserWindow。对于更复杂的项目,如果需要在窗口内部嵌入第三方业务的页面,则有BrowserView、webView Tag和Iframe三种方案可供选择。
docker cp 容器名:要拷贝的文件在容器里面的路径 要拷贝到宿主机的相应路径
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。
在 《JavaScript 异步编程指南》的上个模块中,我主要讲解了异步编程的基本应用,在这个模块系列中我想来聊聊事件循环,英文称为 EventLoop。
Docker 是一个用于开发、传送和运行应用程序的开放平台。Docker 使您能够将应用程序与基础设施分开,以便您可以快速交付软件。使用 Docker,您可以像管理应用程序一样管理基础设施。通过利用 Docker 的快速交付、测试和部署代码的方法,您可以显着减少编写代码和在生产中运行代码之间的延迟。在这篇文章中,我将提到我们需要或大多数用例的 docker 命令。
继 精读《请停止 css-in-js 的行为》 这篇文章之后,我们又读了一篇抵制 css-in-js 的文章,虽然大部分观点都有道理,但部分存在可商榷之处,让我们分析一下这篇文章,了解 css 还做了哪些努力,以及 css-in-js 会如何发展。
自定义 API,顾名思义为开发者为满足自身需求而自己创建的一个 API。那么自己创建的这个 API 能起到什么效果和作用呢。
JS数据类型 JS类型分类 讲到类型, 首先要说的当然是JS的类型分类, 对于这一点,《javascript高级语言程序设计》和《你不知道的javasvript》的阐述是有差异的(但想表达的意思是相同
卡颂日常从事基础架构相关工作。这次接到一个任务:封装一个React组件交给业务方使用。
之前的几篇,我们介绍了 HTML 和 CSS 基础知识,对于网页结构和样式,都有了一定的了解。从这篇之后,我们将介绍网页中另一个重要知识 - JavaScript。我们将参考《JavaScript 高级程序设计》,对每章的重要知识进行详细的讲解。
建议安装visual Studio Code,下载地址:https://code.visualstudio.com/
实习结束,临近开学了, 想起几个星期前给第一次发红包, 给爷爷奶奶, 还有弟弟妹妹。心里有点小开心 ( ̄▽ ̄)”
这三者都是独立的包,我们项目里引入的ReactDOM可以看作是以下三部分代码打包而成:
小程序并不是 HTML5 应用,而是更偏向于传统的 CS 架构,它是基于数据驱动的模式,一切皆组件(视图组件)。下面是小程序与普通 Web App 的对比。 普通 HTML5 都是执行在浏览器的宿主环境,浏览器提供 window、document 等 BOM 对象,但小程序没有 window、document,它更像是一个类似 Node.js 的宿主环境;因此在小程序内不能使用 document.querySelector 这类 DOM 选择器,也不支持 XMLHttpRequest、location、localStorage 等这些浏览器提供的 API,只能使用小程序自己实现的 API 小程序并非是直接通过 URL 访问的,而是通过信道服务进行通信和会话管理,所以它不支持 Cookie 存储,同时访问资源使用 wx.request 则不存在跨域的问题 小程序在 JavaScript 的模块化上支持 CommonJS,通过 require 加载,跟 Node.js 类似 小程序的页面样式完全继承了 CSS 的语法,但是在选择器上面会少一些,布局支持 flex 布局 小程序的整体框架采用面向状态编程方式,状态管理从 API 来看采用类似 Redux 的设计方式;单向数据绑定方式,当 View 在 Action 操作后,只能通过 Action 的业务处理来更新 View 页面组件模块上,WXML 提供了一整套的「自定义 UI 组件标签」,有些组件实际是 HTML5 实现的,有些组件为了解决权限、性能和适配等问题实际是 Native 实现的(如 map、input、canvas、video)
宿主环境(host environment)指的是程序运行所必须的依赖环境。例如: Android 系统和 iOS 系
2、作为普通函数调用时,函数中的this指向全局对象,在浏览器环境中,指向的就是全局对象window
宿主环境(host environment)指的是程序运行必须的依赖环境。 例如:Android系统和iOS系统是两个不同的宿主环境。安卓版的微信APP不能在iOS环境下运行,所以,Android系统是安卓软件的宿主环境,脱离宿主环境的软件没有任何意义。
ShadowDOM是web components方案中非常重要的一个新增对象,它通过在custom element中使用attachShadow来开启,开启之后,一个HTMLElement将不再显示其原本内部的元素,而是显示其shadowRoot内的元素,shadowRoot是一个document fragment,是脱离原始文档流的一种存在,因此它具有css样式隔离性,通过这种隔离,我们可以很好的在应用中实现一些局部样式的重置和定义(当然,还有组件化效果)。本文将详细介绍你在处理shadowDOM时可能需要用到的一些样式处理方法。
最近的先行者计划的学习内容是JS高级程序设计,正好我也跟着再重过一遍JS基础的内容。 这行做到现在,我用JQ,写一般的应用,业务逻辑,插件、组件,只要逻辑清晰写出来基本无压力。可能效率不太好,性能不太高,代码有点烂。。。但也基本OK。 但现在前端框架很多,很新,我有时看它们的源码,有些地方看不懂怎么实现与为什么要这样实现。其实就是JS基础不好造成的。 所以,重头再来一遍。 JS由三部份组成:ECMAScript,DOM,BOM。 ECMAScript,由ECMAScript-262定义,它负责定义这门语言,
现在移动端 web 应用,很多时候都需要与原生 app 进行交互、沟通(运行在 webview 中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 app 的功能。所以,这次就来捋一捋 h5 与原生 app 交互的原理。 h5 与原生 app 的交互,本质上说,就是两种调用:
Brief 有时我们需要根据入参的数据类型来决定调用哪个函数实现,就是说所谓的函数重载(function overloading)。因为JS没有内置函数重载的特性,正好给机会我们思考和实现一套这样的机制。 使用方式: function foo(){ return dispatch(this, arguments) } foo["object,number"] = function(o, n){console.log(o.toString()
在无数开源大神的努力下,很多前端开发的痛点(比如「静态类型检查」、「浏览器兼容性」)早已有了事实上的标准解决方案(比如TS、babel)。
领取专属 10元无门槛券
手把手带您无忧上云