todo.title = "Hello" // Error: cannot reassign a readonly property todo.description = "barFoo" // Error: cannot reassign a readonly property
元组转换为对象
1 2 3 4 5 6 7 8 9 10 11 12 13
传入一个元组类型，将这个元组类型转换为对象类型，这个对象类型的键/值都是从元组中遍历出来。
// T extends readonly string[], 泛型约束，T 类型限定在 字符串类型的数组 // P in T[number], P 是 数组值的集合，作为 Key，同时也作为值返回 type TupleToObject<T extends readonly string[]> = { [P in T[number]]: P }
type TrimLeft<S extends string> = S extends `${' ' | '\n' | '\t'}${infer R}` ? TrimLeft<R> : S
type trimed = TrimLeft<' Hello World '> // 应推导出 'Hello World '
Trim
1 2 3 4 5 6 7
Implement Trim<T> which takes an exact string type and returns a new string with the whitespace from both ends removed. 删除两端的空格
type Trim<S extends string> = S extends `${' ' | '\n' | '\t'}${infer L}` ? Trim<L> : S extends `${infer R}${' ' | '\n' | '\t'}` ? Trim<R> : S
type trimed = Trim<' Hello World '> // expected to be 'Hello World'
Capitalize
1 2 3 4 5
首字母大写，其他部分保持原样 // Uppercase， 将字符串转为大写 type MyCapitalize<S extends string> = S extends `${infer R}${infer Rest}` ? `${Uppercase<R>}${Rest}` : ''
type capitalized = Capitalize<'hello world'> // expected to be 'Hello world'
Replace
1 2 3 4 5 6
实现 Replace<S, From, To> 将字符串 S 中的第一个子字符串 From 替换为 To 。
type Replace<S extends string, From extends string, To extends string> = From extends '' ? S : S extends `${infer Pre}${From}${infer Last}` ? `${Pre}${To}${Last}` : S
type replaced = Replace<'types are fun!', 'fun', 'awesome'> // 期望是 'types are awesome!'
ReplaceAll
1 2 3 4 5
实现 ReplaceAll<S, From, To> 将一个字符串 S 中的所有子字符串 From 替换为 To。
type ReplaceAll<S extends string, From extends string, To extends string> = From extends '' ? S : S extends `${infer Pre}${From}${infer Last}` ? `${Pre}${To}${ReplaceAll<Last, From, To>}` : S
type replaced = ReplaceAll<'t y p e s', ' ', ''> // 期望是 'types'
追加参数
1 2 3 4 5 6 7 8 9
实现一个泛型 AppendArgument<Fn, A>，对于给定的函数类型 Fn，以及一个任意类型 A，返回一个新的函数 G。 G 拥有 Fn 的所有参数并在末尾追加类型为 A 的参数。
type AppendArgument<Fn, A> = Fn extends (...args: infer P) => infer Res ? (...args: [...P, A]) => Res : never
type Fn = (a: number, b: string) => number
type Result = AppendArgument<Fn, boolean> // 期望是 (a: number, b: string, x: boolean) => number
Permutation（pas）
1 2 3 4 5
实现将联合类型转换为包含联合排列的数组的排列类型。
type Permutation<T, U = T> = [T] extends [never] ? [] : (T extends U ? [T, ...Permutation<Exclude<U, T>>] : [])
//I only want migrations, rollbacks, and seeds to run when the NODE_ENV is specified //in the knex seed/migrate command. Knex will error out if it is not specified. if (!process.env.NODE_ENV) { throw new Error('NODE_ENV not set'); }
//I only want migrations, rollbacks, and seeds to run when the NODE_ENV is specified //in the knex seed/migrate command. Knex will error out if it is not specified. if (!process.env.NODE_ENV) { throw new Error('NODE_ENV not set'); }
exports.up = function (knex, Promise) { return knex.schema.createTable('notes', function (table) { table.charset('utf8mb4'); table.collate('utf8mb4_unicode_ci'); table.increments('id').primary(); table.integer('userId'); table.string('title'); table.text('content'); table.string('ipAddress'); table.dateTime('updatedAt').defaultTo(knex.raw('NULL ON UPDATE CURRENT_TIMESTAMP')); table.dateTime('createdAt').notNullable().defaultTo(knex.raw('CURRENT_TIMESTAMP')); }); };
exports.down = function (knex, Promise) { //We never want to drop tables in production if (process.env.NODE_ENV !== 'production') { return knex.schema.dropTableIfExists('notes'); } };
//I only want migrations, rollbacks, and seeds to run when the NODE_ENV is specified //in the knex seed/migrate command. Knex will error out if it is not specified. if (!process.env.NODE_ENV) { throw new Error('NODE_ENV not set'); }
//We don't want seeds to run in production if (process.env.NODE_ENV === 'production') { throw new Error('Can\'t run seeds in production'); }
# Install app dependencies # A wildcard is used to ensure both package.json AND package-lock.json are copied # where available (npm@5+) COPY package*.json ./
RUN npm install # If you are building your code for production # RUN npm install --only=production
# Install app dependencies # A wildcard is used to ensure both package.json AND package-lock.json are copied # where available (npm@5+) COPY package*.json ./
RUN npm install # If you are building your code for production # RUN npm install --only=production
现在就让我们一步一步地了解一下 rebase 操作吧！仍然来使用前面的例子：我们想合并分支 B 到 分支 A 中，但是这次使用 rebase 操作。
使用下面这个非常的简单的命令：
1
$ git rebase branch-B
首先，Git 会 “撤销” 所有在分支 A 上的那些在与分支 B 的共同提交之后发生的提交。当然，Git 不会真的放弃这些提交，其实你可以把这些撤销的提交想像成 “被暂时地存储” 到另外的一个地方去了。
接下来它会整合那些在分支 B（这个我们想要整合的分支）上的还未整合的提交到分支 A 中。在这个时间点，这两个分支看起来会是一模一样的。
最后，那些在分支 A 的新的提交（也就是第一步中自动撤销掉的那些提交）会被重新应用到这个分支上，但是在不同的位置上，在那些从分支 B 被整合过来的提交之后，它们就被 re-based 了。 整个项目开发轨迹看起来就像发生在一条直线上。相对于一个合并提交，rebase 包括了所有的组合变化，最原始的提交结构会被保留下来。
Rebase 存在的陷阱
当然，使用 rebase 操作不会是永远一帆风顺的。很有可能会搬起石头砸自己的脚，因此你不能忽视一个重要的事实：rebase 会改写历史记录。
响应式对象 getter 相关的逻辑就是做依赖收集，const dep = new Dep() 实例化一个 Dep 的实例，在 get 函数中通过 dep.depend 做依赖收集。
Dep
Dep 是 depend 的缩写，是整个 getter 依赖收集的核心，在 getter 方法中，通过 const dep = new Dep() 实例化一个 Dep 的实例，然后通过 dep.depend 做依赖收集。
Dep 有一个静态属性 target，这是当前唯一的全局 Watcher，因为同一时间只有一个全局的 Watcher 被计算，另外它的自身属性 subs 也是 Watcher 数组。
Watcher
1 2 3 4 5 6 7 8 9 10 11 12 13
/** * A watcher parses an expression, collects dependencies, * and fires callback when the expression value changes. * This is used for both the $watch() api and directives. * * watcher 观察一个数据，当数据的值发生改变时执行回调方法，watcher也被用于 $watch() * api 和 directives */ // 构造函数 this.deps = [] // 表示 Watcher 实例持有的 Dep 实例数组 this.newDeps = [] // 表示 Watcher 实例持有的 Dep 实例数组 this.depIds = newSet() this.newDepIds = newSet()
清空依赖
Vue 设计了在每次添加完新的订阅，会移除掉旧的订阅，这样就保证了在我们刚才的场景中，如果渲染 b 模板的时候去修改 a 模板的数据，a 数据订阅回调已经被移除，每次执行 depend， render 不会订阅 v-if 为 false 的数据。
classDep{ // ... notify () { // stabilize the subscriber list first const subs = this.subs.slice() for (let i = 0, l = subs.length; i < l; i++) { subs[i].update() } } }
Vue.extend 的作用就是将一个纯对象转换成一个继承于 Vue 的构造器 Sub 并返回。 并且对 Sub 这个对象做了一些扩展，如扩展 options、全局 API 等；对配置中的 props、 computed 进行初始化工作；最后对 Sub 的构造函数缓存，避免多次 extend 同一个子组件的时候重复执行。
<div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })
new Vue 发生了什么
new 关键字在 JavaScript 中实例化一个对象，而 Vue 本质是一个 Function 模拟的类，在其上扩展静态方法和原型方法。
源码，在src/core/instance/index.js
1 2 3 4 5 6 7 8
functionVue (options) { if (process.env.NODE_ENV !== 'production' && !(thisinstanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keyword') } this._init(options) }
最后 new Vue() 调用的是 this._init 方法。
源码：src/core/instance/init.js。
Vue 初始化主要做了几件事
合并配置
初始化生命周期
初始化事件中心
初始化渲染
初始化 data、props、computed、watcher 等
最后判断是否有 el 属性，如果有则调用 vm.$mount 方法挂载 vm，挂载的目标就是把模板渲染成最终的 DOM
1 2 3 4
// 68 if (vm.$options.el) { vm.$mount(vm.$options.el) }
// 在对象中添加一个属性与存取描述符的示例 var bValue; Object.defineProperty(o, "b", { get : function(){ return bValue; }, set : function(newValue){ bValue = newValue; }, enumerable : true, configurable : true });
o.b = 38; // 对象o拥有了属性b，值为38
// o.b的值现在总是与bValue相同，除非重新定义o.b
// 数据描述符和存取描述符不能混合使用 Object.defineProperty(o, "conflict", { value: 0x9f91102, get: function() { return0xdeadbeef; } }); // throws a TypeError: value appears only in data descriptors, get appears only in accessor descriptors
var pattern = { get: function () { return'I alway return this string,whatever you have assigned'; }, set: function () { this.myname = 'this is my name string'; } };
var instance = new TestDefineSetAndGet(); instance.myproperty = 'test';
// 'I alway return this string,whatever you have assigned' console.log(instance.myproperty); // 'this is my name string' console.log(instance.myname);
]]>
<p>参考：<br><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty" target="_blank" r
HTML5 语义化最佳实践https://luoyec.cn/2018/06/26/cl4s3gtdy0018wn9ebadclc2t/2018-06-26T10:08:24.092Z2018-06-26T10:08:28.891Z参考： Are you Writing Accessible HTML? HTML5 语义化 w3cplus
# For more information on configuration, see: # * Official English Documentation: http://nginx.org/en/docs/ # * Official Russian Documentation: http://nginx.org/ru/docs/
user root; worker_processes auto; error_log /var/log/nginx/error.log; pid /run/nginx.pid;
# Load dynamic modules. See /usr/share/nginx/README.dynamic. include /usr/share/nginx/modules/*.conf;
include /etc/nginx/mime.types; default_type application/octet-stream;
# Load modular configuration files from the /etc/nginx/conf.d directory. # See http://nginx.org/en/docs/ngx_core_module.html#include # for more information.
Vue.js 的使用都是通过构造函数 Vue({option}) 创建一个 Vue 的实例: var vm = new Vue({})。一个 Vue 实例相当于一个 MVVM 模式中的 ViewModel。
在实例化的时候，我们可以传入一个选项对象，包含数据、模板、挂载元素、方法、生 命周期钩子等选项。
基础特性
模板
el :类型为字符串，DOM 元素或函数。其作用是为实例提供挂载元素。
template :类型为字符串。默认会将 template 值替换挂载元素(即 el 值对应的元素)， 并合并挂载元素和模板根节点的属性(如果属性具有唯一性，类似 id，则以模板根节点为准)。
1 2 3 4 5 6 7 8 9 10 11 12
<div id="app"> <p>123</p> </div>
<script id="tpl" type="x-template"> <div class='tpl'> <p>This is a tpl from script tag</p> </div> </script> <script type="text/javascript"> var vm = new Vue({ el : '#app', template : '#tpl' }); </script>
<input type="text" v-model="price | cents" > // 该过滤器的作用是处理价钱的转化，一般数据库中保存的单位都为分，避免浮点运算 Vue.filter('cents', { read : function(value) { return (value / 100).toFixed(2); }, write : function(value) { return value * 100; } }); var vm = new Vue({ el : '#app', data: { price : 150 } });
过渡
过渡系统是 Vue 为 DOM 动画效果提供的一个特性，它能在元素从 DOM 中插入或移除时触发 CSS 过渡（transition）和动画（animation），也就是说在 DOM 元素发生变化时为其添加特定的 class 类名，从而产生过渡效果。除了 CSS 过渡外，Vue.js 的过渡系统也 支持 javascript 的过渡，通过暴露过渡系统的钩子函数，我们可以在 DOM 变化的特定时机对 其进行属性的操作，产生动画效果。
组件
组件注册 var MyComponent = Vue.extend({ ... });，这样我们获得了一个组件构造器，但现在无法直接使用这个组件，需要将组件注册到应用中。Vue 提供了两种注册方法，分别是全局注册和局部注册。
全局注册，需要在根实例初始化之前注册，这样才能使组件在任意实例中被使用。
1
Vue.component('my-component', MyComponent);
对于组件的命名，W3C 规范是字母小写且包含一个短横杠“-”。
局部注册，限定了组件只能在被注册的组件中使用，而无法在其他组件中使用。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
var Child = Vue.extend({ template: '<p>This is a child component</p>' }); var Parent = Vue.extend({ template: '<div> \ <p>This is a parent component</p> <my-child></my-child> \ </div>', components: { 'my-child': Child } });
<div> <p>This is a parent component</p> <p>This is a child component</p> </div>;
Vue.component('my-child', { props : ['parent'], template: '<p>{{ parent }} is from parent' }) <my-child parent="This data"></my-child> //-> <p>This data is from parent </p>
functionqSort(arr) { if (arr.length == 0) return []
var left = [] //小于基准存放数组 var right = [] // 大于基准存放数组 var pivot = arr[0] //基准值 for (var i = 1; i < arr.length; i++) { if (arr[i] < pivot) { left.push(arr[i]) } else { right.push(arr[i]) } } return qSort(left).concat(pivot, qSort(right)) } var a = [] for (var i = 0; i < 10; ++i) { a[i] = Math.floor(Math.random() * 100 + 1) }
var regx = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/
IPv4 地址正则
1
var regx = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
十六进制颜色正则
1
var regx = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
车牌号正则
1
var regx = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
过滤 HTML 标签
1 2 3 4
// 匹配一对<> 内不包括 <> 的 var str = '<p>dasdsa</p>nice <br> test</br>' var regx = /<[^<>]+>/g str = str.replace(regx, '')
密码强度正则，最少 6 位，包括至少 1 个大写字母，1 个小写字母，1 个数字，1 个特殊字符
1 2
// 连续使用前瞻，匹配多个符合要求的分组，在每个分组中，任意字符、字母、数字、特殊字符 var regx = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/
URL 正则
1
var regx = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/
匹配标签内数据，包括标签
1 2 3 4 5
// <OPTION value="待处理">待处理</OPTION> // 写一个正则表达式,匹配 "<OPTION value="待处理">" var str = '<OPTION value="待处理">待处理</OPTION>' var regx = /^<.*?>/ var resiult = regx.exec(str)[0]
instanceof 检测一个对象 A 是不是另一个对象 B 的实例的原理是：查看对象B的prototype 指向的对象是否在对象 A 的 [[prototype]] 链上。如果在，则返回 true ,如果不在则返回 false。不过有一个特殊的情况，当对象 B 的 prototype 为 null 将会报错(类似于空指针异常)。
new 运算符的原理
1 2 3 4
var M = function() { this.name = "M" } var m = new M()
服务端渲染模块根据当前请求的 URL 初始化 memory history 及 redux store。
根据路由获取渲染当前页面所需要的异步请求（thunk）并获取数据。
调用 renderToString 方法渲染 HTML 内容并将初始化完毕的 redux store 塞入 HTML 中，供客户端渲染时使用。
客户端收到服务端返回的已渲染完毕的 HTML 内容并开始同步加载客户端 JavaScript，CSS，图片等其他资源。
之后的流程与客户端渲染完全相同，客户端初始化 redux store，路由找到当前页面的组件，触发组件的生命周期函数，再次获取数据。唯一不同的是 redux store 的初始状态将由服务端在 HTML 中塞入的数据提供，以保证客户端渲染时可以得到与服务端渲染相同的结果。受益于 Virtual DOM 的 diff 算法，这里并不会触发一次冗余的客户端渲染。
IndexDB 是一种低级 API，用于客户端存储大量结构化数据。该 API 使用索引来实现对该数据的高性能搜索。虽然 Web Storage 对于储存较少的数据很有用，但对于存储更大量的结构化数据来说，这种方法不太有用。IndexDB 提供了解决方案。
为应用创建离线版本。
Service Workers 产生的意义
Service workers 本质上充当 Web 应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。它们旨在（除其他之外）使得能够创建有效的离线体验，拦截网络请求并基于网络是否可用以及更新的资源是否驻留在服务器上来采取适当的动作。他们还允许访问推送通知和后台同步 API。
Service workers是一个脚本。浏览器独立与当前网页，将其在后台运行，为实现一些不依 赖页面或者用户交互的特性打开了一扇大门，在未来这些特性将包括推送消息，背景后台同步，geofencing（地理围栏定位），但他将退出的第一个首要特性，就是拦截和处理网络请求的能力，包括变成方式来管理被缓存的响应。
使用拦截网络请求的能力，可以实现离线应用。
PWA
PWA（Progressive Web APPs） 是一种 Web App 新模型，并不是具体指某一种前沿的技术或者某一个单一的知识点，我们从英文缩写就能看出来，这事一个渐进式的 WebApp ，是通过一系列新的 Web 特性。配合优秀的 UI 交互设计，逐步的增强 Web APP 的用户体验。
// 从数组尾部，截取 n 长度，赋值给新数组 var res = newArray(n); while (n--) { res[n] = arr[--len]; }
简单递归
1 2 3 4 5 6 7 8 9 10
// 如果元素是数组，递归数组，如果不是数组，则加入到新数组中，最后返回 functionflat(arr, res) { var i = 0, cur; var len = arr.length; for (; i < len; i++) { cur = arr[i]; Array.isArray(cur) ? flat(cur, res) : res.push(cur); } return res; }
传递可选参数（函数）
1 2 3 4 5 6 7
// 判断参数是否是函数 var isFn = typeof item === 'function';
// 判断数组对象是否有 fill 方法, ie不兼容 if (!isFn && typeof ret.fill === 'function') { return ret.fill(item); }
const nonOverlappingKey = element => { /** * Ensure we don't have distinct elements that coerce to the same key, leading to unexpected results. * For example, input of [true, 'true'] would return a keymirror of {true: 'true'} despite containing two distinct elements * if we didn't make this check. */ const isNull = element === null; const typeSeenBefore = keysSeen['' + element]; const thisType = isNull ? 'null' : typeof element; if (typeSeenBefore) { return typeSeenBefore === thisType; } else { keysSeen['' + element] = thisType; returntrue; } }
We can update CommonsChunk to just figure things out automatically:
1 2 3 4 5 6 7 8 9 10
/* Dev & Production */ new webpack.optimize.CommonsChunkPlugin({ name: 'commons', minChunks: 2, }), /* Production */ new webpack.optimize.CommonsChunkPlugin({ name: 'manifest', minChunks: Infinity, }),
]]>
<p>参考：<br><a href="https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa" target="_blank" re
JavaScript脚本化文档下https://luoyec.cn/2018/01/07/cl4s3gtf2003gwn9eo0scjbj3/2018-01-07T14:31:53.000Z2018-01-07T14:32:08.000ZJavaScript脚本化文档下
属性
HTML 元素由一个标签和一组称为属性（attribute）的键值对组成。例如 a 标签的 href 属性，img 标签 src 属性
HTML 属性作为 Element 的属性
表示 HTML 文档元素的 HTML Element 对象定义了读\写属性，它们映射了元素的 HTML 属性。
HTMLElement 定义了通用的 HTTP 属性（如 id、标题 lang 和 dir）等属性，以及事件处理程序属性（如 onclick）。并且特定的类型元素定义了特定的属性。例如：
1 2 3 4 5 6 7 8
var image = documment.getElementById("myiamge") var imgurl = images.src//src属性是图片的URL image.id === "myimage"//判定是否是要查找的图片id
/* 类似的，也可以设定表单提交的URL */ var f = document.forms[0]
f.action = "http://XXX"
表示 HTML 属性的值通常是字符串，如 input 输出文本的值。 需要注意的是，这个属性是通过 API 来获取和设置的，并不能删除该属性。设想一下，没有有输入值的输出框。
非标准的HTML属性
Element 类型定义了 getAttribute()和setAttribute() 方法来查询和设置非标准的 HTML 属性。
1 2 3 4 5
var image = document.images[0] var witth = parseInt(image.getAttribute('WIDTH'))
image.和setAttribute('class', 'thumbnail')
通常情况下getAttribute() 返回字符串，并不会返回数值、布尔值、对象。对于 HTML 元素来说，属性名字不会区分大小写
// 为table添加事件监听器 var el = document.getElementById("outside"); el.addEventListener("click", modifyText, false);
removeEventListener()
删除使用 EventTarget.addEventListener() 方法添加的事件
1 2 3 4 5 6
var div = document.getElementById('div'); var listener = function (event) { /* do something here */ }; div.addEventListener('click', listener, false); div.removeEventListener('click', listener, false);
Flow is a static type checker for your JavaScript code. It does a lot of work to make you more productive. Making you code faster, smarter, more confidently, and to a bigger scale.
getUserEmail(function (err, name) { done(err); }); } ``` - The prompt module is provided by Inquirer.js ```javascript prompting() { returnthis.prompt([{ type : 'input', name : 'name', message : 'Your project name', default : this.appname // Default to current folder name }, { type : 'confirm', name : 'cool', message : 'Would you like to enable the Cool feature?' }]).then((answers) => { this.log('app name', answers.name); this.log('cool feature', answers.cool); }); }
关注点分离（Separation of concerns，SOC）是对只与“特定概念、目标”（关注点）相关联的软件组成部分进行“标识、封装和操纵”的能力，即标识、封装和操纵关注点的能力。是处理复杂性的一个原则。由于关注点混杂在一起会导致复杂性大大增加，所以能够把不同的关注点分离开来，分别处理就是处理复杂性的一个原则，一种方法。 关注点分离是面向对象的程序设计的核心概念。分离关注点使得解决特定领域问题的代码从业务逻辑中独立出来，业务逻辑的代码中不再含有针对特定领域问题代码的调用（将针对特定领域问题代码抽象化成较少的程式码，例如将代码封装成function或是class），业务逻辑同特定领域问题的关系通过侧面来封装、维护，这样原本分散在整个应用程序中的变动就可以很好的管理起来。
var a = 20; functionfoo() { a = a + 1; } functionbar() { a = a * 2; } // ajax(..)是某个库中提供的某个Ajax函数 ajax( "http://some.url.1", foo ); ajax( "http://some.url.2", bar );
var a = "abc"; var b = newString( a ); var c = Object( a ); typeof a; // "string" typeof b; // "object" typeof c; // "object" b instanceofString; // true c instanceofString; // true Object.prototype.toString.call( b ); // "[object String]" Object.prototype.toString.call( c ); // "[object String]"
拆封
如果想要得到封装对象中的基本类型值，可以使用 valueOf() 函数:
1 2 3 4 5 6
var a = newString( "abc" ); var b = newNumber( 42 ); var c = newBoolean( true ); a.valueOf(); // "abc" b.valueOf(); // 42 c.valueOf(); // true
if (!Number.EPSILON) { Number.EPSILON = Math.pow(2,-52); }
使用 Number.EPSILON 来比较两个数字是否相等
1 2 3 4 5 6 7
functionnumbersCloseEnoughToEqual(n1,n2) { returnMath.abs( n1 - n2 ) < Number.EPSILON; } var a = 0.1 + 0.2; var b = 0.3; numbersCloseEnoughToEqual( a, b ); numbersCloseEnoughToEqual( 0.0000001, 0.0000002 ); // false
关联两个对象最常用的方法是使用 new 关键词进行函数调用，在调用的 4 个步骤(第 2 章)中会创建一个关联其他对象的新对象。 使用 new 调用函数时会把新对象的 .prototype 属性关联到“其他对象”。带 new 的函数调用 通常被称为“构造函数调用”，尽管它们实际上和传统面向类语言中的类构造函数不一样。
private selectSort(): void { let len: number = this.sortArray.length
for (let i: number = 0; i < len; i++) { let min: number = this.sortArray[i] let temp: number let index: number for (let j = i + 1; j < len; j++) { if (this.sortArray[j] < min) { min = this.sortArray[j] index = j } } temp = this.sortArray[i] this.sortArray[i] = min this.sortArray[index] = temp } }
public printSortWell() { console.log(this.sortArray.toString()) }
private addMethod(a: number, b: number): number { let r: number = a + b + this.lastflow if (r > 1) { this.lastflow = 1 return r % 2 } else { this.lastflow = 0 return r } }
private binaryAdditionResult(): void { let n: number = this.A.length for (let i = n - 1; i >= 0; --i) { this.C[i + 1] = this.addMethod(this.A[i], this.B[i]) } this.C[0] = this.lastflow }
webview介绍的原文如下：A View that displays web pages. This class is the basis upon which you can roll your own web browser or simply display some online content within your Activity. It uses the WebKit rendering engine to display web pages and includes methods to navigate forward and backward through a history, zoom in and out, perform text searches and more.
/*** Demonstrates how to embed a WebView in your activity. Also demonstrates how * to have javascript in the WebView call into the activity, and how the activity * can invoke javascript. * * In this example, clicking on the android in the WebView will result in a call into * the activities code in {@link DemoJavaScriptInterface#clickOnAndroid()}. This code * will turn around and invoke javascript using the {@linkWebView#loadUrl(String)} * method. * * Obviously all of this could have been accomplished without calling into the activity * and then back into javascript, but this code is intended to show how to set up the * code paths for this sort of communication. **/ publicclassWebViewDemoextendsActivity{
/** * This is not called on the UI thread. Post a runnable to invoke * loadUrl on the UI thread. */ publicvoidclickOnAndroid(){ mHandler.post(new Runnable() { publicvoidrun(){ mWebView.loadUrl("javascript:wave()"); } });
} }
/** * Provides a hook for calling "alert" from javascript. Useful for * debugging your javascript. */ finalclassMyWebChromeClientextendsWebChromeClient{ @Override publicbooleanonJsAlert(WebView view, String url, String message, JsResult result){ Log.d(LOG_TAG, message); result.confirm(); returntrue; } } }
<html> <scriptlanguage="javascript"> /* This function is invoked by the activity */ functionwave() { alert("1"); document.getElementById("droid").src="android_waving.png"; alert("2"); } </script> <body> <!-- Calls into the javascript interface for the activity --> <aonClick="window.demo.clickOnAndroid()"><divstyle="width:80px; margin:0px auto; padding:10px; text-align:center; border:2px solid #202020;" > <imgid="droid"src="android_normal.png"/><br> Click me! </div></a> </body> </html>
let params = `?gameId=${userAccountInfo.gameId}&accesstoken=${userAccountInfo.token}&userId=${userAccountInfo.userId}` let request = new egret.HttpRequest()
let url = `${SoloGame.baseURL}gameRanking.do${params}`
let params = `gameId=${userAccountInfo.gameId}&accesstoken=${userAccountInfo.token}&userId=${userAccountInfo.userId}&isSlot=1&wealth=${spinCoins}` let request = new egret.HttpRequest()
class Main extends eui.UILayer { /** * 加载进度界面 * loading process interface */ private loadingView: LoadingUI; protected createChildren(): void { super.createChildren(); //inject the custom material parser //注入自定义的素材解析器 let assetAdapter = new AssetAdapter(); egret.registerImplementation("eui.IAssetAdapter", assetAdapter); egret.registerImplementation("eui.IThemeAdapter", new ThemeAdapter());
//初始化Resource资源加载库 RES.addEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this); RES.loadConfig("resource/default.res.json", "resource/"); } /** * 配置文件加载完成,开始预加载皮肤主题资源和preload资源组。 * Loading of configuration file is complete, start to pre-load the theme configuration file and the preload resource group */ private onConfigComplete(event: RES.ResourceEvent): void { RES.removeEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this); // load skin theme configuration file, you can manually modify the file. And replace the default skin. //加载皮肤主题配置文件,可以手动修改这个文件。替换默认皮肤。 let theme = new eui.Theme("resource/default.thm.json", this.stage); theme.addEventListener(eui.UIEvent.COMPLETE, this.onThemeLoadComplete, this);
luoyecs-iMac:git_practise LW-luoyec$ git push To http://103.224.81.114:6605/luoyec/git_practise.git ! [rejected] master -> master (fetch first) error: failed to push some refs to 'http://luoyec@103.224.81.114:6605/luoyec/git_practise.git' hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing hint: to the same ref. You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards'in'git push --help'fordetails.
-h, --help output usage information --version output the version number -e, --ejs add ejs engine support --pug add pug engine support --hbs add handlebars engine support -H, --hogan add hogan.js engine support -v, --view <engine> add view <engine> support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade) -c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css) --git add .gitignore -f, --force force on non-empty directory