- 博客(57)
- 资源 (3)
- 收藏
- 关注
RSS订阅
翻译 【周文20180615】JavaScript 引擎基本原理：对象状态和内部缓存
Table of Contents来源JavaScript 引擎管道(Engine Pipeline)JavaScript 引擎中的解释器和编译器管道(interpreter/compiler pipelines)JavaScript 对象模型(Object Model)优化属性的访问(Optimizing property access) 对象属性的访问方式：同结构对象存储优化...
2018-06-24 09:23:11
350
原创 【ECMA262学习系列（一）】函数对象详解（Function Object）
Table of Contents直接调用 Function() Function(p1, p2, ..., pn, body)Function 的构造器对象(The Function Constructor) new Function(p1, ..., pn, body) 执行过程 文字描述伪码图解构造函数的属性(Properties of The Function Cons...
2018-05-06 14:22:06
322
原创 【ECMA262学习系列】 15.4.4.19 Array.prototype.map(callbackfn[, thisArg])
Table of Contents15 标准内置对象(Standard Built-in ECMAScript Objects) 15.5 数组对象(Array) 15.4.4 数组原型对象的属性(Array.prototype) 15.4.4.19 Array.prototype.map(callbackFn[, thisArg])15 标准内置对象(Standard ...
2018-03-30 09:49:39
635
原创 [JavaScript插件系列] 列表菜单控制器 turn-page-refresh
Table of Contents前言Turn-Page-RefreshBuildUsage create `turn.List` instancelisten key handlerFunctions updateFocus, requiredupdateTpl, requiredclearTpl, required, clear the list contentcal...
2018-03-27 21:20:03
1173
原创 【JavaScript基础】JavaScript的对象创建和继承
目录创建对象 工厂模式构造函数模式原型模式构造 + 原型模式动态原型模式寄生构造函数模式稳妥构造函数模式继承 简单实例借用构造函数组合继承原型式继承寄生式继承寄生组合式继承总结 对象创建继承创建对象工厂模式工厂模式使用 new Object 来创建一个基对象，然后再这个基对象上追加基本的属性，然后将该对象返回。function ...
2018-03-13 22:34:16
251
原创 【ES6系列】let-var-function 声明和作用域问题
Let 知识梳理变量提升问题let 详解 变量封禁let 是否提升问题示例一(let + 立即执行函数)：示例二(let + for 循环)：变量提升问题es6-let-var-function-hoist从上图的中得出结论：let 的【创建】过程被提升了（在执行之前就创建了变量），但是【初始化】和【赋值】并没有被提升。var 的【创建】，【初始化】被...
2018-02-28 19:37:42
685
原创 【marquee标签插件】原生JavaScript模拟<marquee>的跑马灯效果
1 marqueeto simulate functions of marquee markup因公司业务需要，得弄个跑马灯的效果，但是奈何机顶盒的兼容性差到爆，连 marquee 标签得一些属性都不支持（暂且不谈该标签被废弃一事）具体需求是：实现基本的滚动效果，从右到左实现滚动次数的统计，在重新进入页面的时候需要衔接上次的次数去滚动（不能超过滚动总次数）次数简单， marquee 的 loo
2017-09-29 10:59:03
876
原创 【Issues-Webpack-N3】vue-loader没有将tempate内容打包进去
vue文件里面的template没有被打包进模板文件中/* vue loader*/var ExtractTextPlugin = require('extract-text-webpack-plugin');var extract = (loader) => { let loaders = [ 'css-loader' ]; if (loader && loaders.in
2017-08-05 12:24:31
708
原创 【Issues-Webpack-N1】extract-text-webpack-plugin使用css-loader报错
【Vue】 vue-loader issues错误描述： Module build failed: ModuleBuildError: Module build failed: TypeError: Cannot read property 'postcss' of null目的：将 css 都打包到同一个指定文件当中，出现如上报错代码：var ExtractTextPlugin = requi
2017-08-04 22:06:39
2803
3
原创 vuejs-折腾系列（一）vue-fontawesome使用
折腾前言目前工作主要使用 vue.js 框架进行开发，自己又对 vue 不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架 vue-cli 创建项目玩耍中，又一直对font-awesome锲而不舍，通过 github 了解到早有大牛搞出了 vue-awesome，因此就开始折腾了……废话不多说，开搞！准备工作这个是作者的 github 地址：飞机为了演示完整步骤，用脚手架新
2017-05-18 10:03:14
22722
原创 Vuejs-学习记录（三）Class与Style绑定
1 Class 与 Style在使用组件的时候，不可避免的要去使用内联的 style 属性去设置标签样式，按照常规的使用，style 只能是一些属性列表组合成的字符串；这限制了在使用组件时可以自定义或者动态改变样式，而 Vue 对标签的 style 属性进行了优化，从而使其可以支持对象/字符串/数组形式的赋值。2 v-bind:class 的应用使用时取值可以是普通的样式名作为 key和真假值组成的
2017-05-13 15:14:31
12943
原创 Vuejs-学习记录（二）属性和计算属性
属性(或指令)v-show根据条件的 boolean 值来切换元素的 CSS display 属性。相对 v-if 来说v-show 只是针对 display 属性，即该元素会始终被渲染，只是不一定会显示出来。而 v-if 不同，它会根据条件决定是否会被创建-渲染或者销毁v-html官方说是只能按照普通 html 内容去插入，不会作为模版来编译。如果需要用v-html结合模版来使用，最好通过自定义组
2017-05-11 13:44:33
6183
原创 Vuejs（一）入门
Vue.js （一） 入门官方网址 ✈️第一次真正接触到 Vue.js 其实是源于一次头条中的视频教程（关注的程序员主题还是有不少干货的），这次决定好好学习下 Vue.js 源于一次面试，或者说可能成功的一次面试吧（没板上钉钉的事，谁也说不准，囧~~）。加上好奇的心态也想整体的学习下 Vue.js，今天算是起步第一天，所以这篇博文算是第一篇自己对 Vue.js 入门的记录吧。有想过整一个完整点的项目
2017-04-24 23:58:19
6215
1
原创 ES6 Promise 简介
简介这段时间公司上线了个印尼的项目，通过 CMD + seajs + 模版来实现的一个单页应用，然后经过压缩打包，跟起 BUG 来那种痛苦简直是： 不想说，就对了，一万个nnnnnnnnnnnnnm 。吐槽归吐槽，现在前端模块化，工程化开发越来越流行，只能说公司还停留在原生硬编程阶段是比较落后的。这个代码还是有很多值得学习的地方的（哪个厂家的就不透露了，你懂的~~~）。比如今天碰到的跟 Promis
2017-04-14 15:00:58
896
原创 React-高级教程完整版
React 高级教程完整版这标题可能有点不太贴切或符合内容，从官方上来区分这部分内容确实属于高级部分，只是由于个人原因，在后面的一些章节并没有记录在列。也为了承接上一篇，因此勉强将标题定位：“React 高级教程完整版”纯属针对个人学习记录成果，无他~~~属性类型检测（Typechecking With PropTypes）React 内置了一系列的类型那个检测功能，通过 Comp.propType
2017-04-05 23:01:43
7954
原创 H5-Canvas-Geometry-shapes-正多边形
正多边形绘制今天上网的时候无意中看到好多几何图形，突然萌生出自己搞个生成器去绘制各种多边形，想想就开干了，先从简单的正多边形开始。如下：正多边形绘制实现支持最少边数：3，最大：不限制；支持链式重复绘制，从而可以组合成稍复杂点的图像；支持单图形动画（顺时针，逆时针，顺逆时针互切，更多的动画有待完善）；绘制对象：// regular-polygon.jsfunction RegularPolygon(
2017-03-31 18:28:36
1771
1
原创 H5-Canvas-Clock-时钟
Canvas 示例：时钟先来看下最终效果图：星期天趁空隙实现了个简单的一个时钟，下面回顾下其实现原理，和遇到的问题，对 H5 这块还是个菜鸟，只有不断通过练习去熟悉了。设计凡是从构思开始，而不是盲目的去实现代码。设计图：从上图中该时钟分为几个部分画布，背景蓝色部分；第一个圆：时钟边框，最外层 8 个像素的宽边框；第二个圆：点圆圈，代表着时间划分，每两个点之间代表 12 分钟（60 / 5 =
2017-03-28 08:24:40
3402
原创 React-基础教程完整版
目录：1 组件和组件属性（Component and Props）1.1 组件定义方式1.2 组件嵌套使用1.3 提取组件2 状态和声明周期（State and LifeCycle）2.1 状态值2.2 生命周期3 事件处理4 条件渲染（Conditional Rendering）5 列表和键（Lists and Keys）6 Form 表单7 状态值提升（Lifting S
2017-03-21 18:33:31
3783
2
原创 单页WEB应用（九），终篇-总结和发布
前言本篇是该书系列最后一篇，本书所有涉及的功能和其中所涉及的知识点，基本已经学习完成。大体上有以下几个部分简单的页面布局第一个部分首先是进行简单的页面，和其布局的设计，并且采用的是模块化思想，组件组装器概念，因此每个模块都有自己的页面代码，在加载模块的时候将其渲染出来。功能添加和功能容器，或者说模块容器及其子模块这部分主要涉及，模块容器 shell 和页面子模块的完成，这部分主要值得学习的是该单
2017-03-15 18:10:54
453
原创 CSS预编译：sass-scss
1 SCSS/SASS两者在使用上，稍有不同， 主要体现在格式上，SCSS 的格式和 CSS 格式几乎一样，不局限于缩进，带有大括号，而 SASS 必须严格遵循缩进原则，并且没有大括号，使用上选择SCSS 更多点，需要注意的是两者不能混用，也就是说后缀名为 .scss 的书写规则就不能在其中使用 SASS 书写规则，否则会出现意想不到的错误，慎重选择。这里主要以 SCSS 为主，原因很简单，更能接收
2017-03-15 09:25:44
1324
原创 单页WEB应用（八），WebServer Node.js 之 MongoDB
1 前言前面介绍了 socket.io 和 express 的使用，这节继续分析 mongodb 在该书中的使用，这篇会简单的记录下 mongodb 的使用，更详细的部分会在 mongodb 系列中记录。2 安装安装和其它类似，通过 npm 安装就可以直接使用了，不过该书使用的应该是比较早的版本，书中代码在 mongodb 2.+ 版本中已经没法运行了，所以将会以最新版的语法修改该书中的示例代码进行
2017-03-13 17:45:37
363
原创 单页WEB应用（七），WebServer Node.js 之 Socket.IO
前面学习了下 Express 框架，大概有了个了解了，基于 node.js 服务器算是简单搭建了个，完成了各种中间件使用，路由功能，那么接下来就是通信这块了，包括监听文件或数据的变化，和事件的监听和处理了，接下来就用到 Socket.io 这个东西了，刚接触看名字 socket 用来服务器到客户端的通信没错了！！！Socket.io首先熟悉下该书的 socket 内容，主要包括，建立连接，监听服务，
2017-03-13 09:47:23
610
原创 单页WEB应用（六），WebServer Node.js 之 Express
前言（罗里吧嗦）：有一段时间没记录点东西了，主要公司最近有两个新 IPTV 项目上线，问题很多，每天都在忙着处理BUG，对该书的阅读暂停了一会。本篇为第六篇，至于第五篇为什么没有，因为还没写，书和代码研究过了，只是还没记录下来，加上第五篇涉及代码比较多，因此先跳过，来学习下服务器的部分了，第五篇待有空会补上。开始正题1 创建简单服务器最简单的 Node 服务器端程序// 引用 http 模块var
2017-03-01 12:08:10
1758
原创 单页WEB应用（四），Model数据模型模块
Model 数据模型模块该模块属于该书项目的数据模块，其中使用了三个插件，两个 jQuery 事件插件，一个数据库管理插件，分别是gevent：主要用来实现用户自定义的事件；ue：该插件和移动端触摸事件有关；taffyDb：数据库管理插件以上三个插件目前只是使用到了 gevent 和 taffyDb 两个，第一个主要用来实现用户登入登出和用户更新等自定义事件，其实现原来有待研究，第二个就是数
2017-02-16 19:08:52
1397
原创 单页WEB应用（三），Chat聊天模块
Chat 聊天模块这个模块应该就是该书全篇的唯一一个模块吧，后面几乎所有的篇章都围绕这个模块去实现的，不过就通过这一个模块的实现和上线，也能体现单页应用开发到发布上线的整个过程，毕竟后面的数据，通信，发布什么的都是通用的东西，应用其他部分完全可以参照这个‘聊天模块’去实现。跟着作者的思路走一遍，也能熟知个大概。先看下成型图吧，会不会有种很老旧XP时代的感觉，囧！！chat 内容该聊天模块整体分以下几
2017-02-15 17:30:06
2529
原创 单页WEB应用（二），Shell核心模块，模块组装器
核心模块 Shell该模块是整个单页应用的核心模块，也可以说是顶级模块，用来组装和管理其他子模块的模块，其实该书中的所有模块都有模版，作者将其放到了附录里面，东西也不多主要就这几块：模块配置jquery 缓存组件数据模块初始化和一些其他的功能方法等例如：Shell模块就包含以下内容模块配置模块基本配置对象：configMap例如：shell 模块的基本配置var configMap =
2017-02-13 18:10:57
963
原创 单页WEB应用（一），结构和布局
单页WEB应用（一），结构和布局前两天买了两本书，一本《基于MVC的Javascript Web富应用开发》这本拿到手第二天大概的翻了一遍，没怎么深入去看，主要前面讲的基本的一些东西，后面的有些还没太看懂，所以大概的过了一遍；目前主要看的是这第二本《单页Web应用》，这个看到了第三章 Shell开发，看到这里代码也走了一遍，今天算是纠结在 uriAnchor 上纠结了一整天，最后才发现原来只是一个属
2017-02-10 18:10:41
5629
1
原创 微信小程序，学习笔记（三）微信小计算器
新年快乐，开工咯~~！！2017年，新年上班第一天，大家都忙着串领导办公室领红包，我这人比较懒，就工位旁边领导领了个，闲着无聊，来写这新年第一遍博客，程序其实是去年回家前搞定的，今天算是给补上这篇记录（表情：害羞~~）！祝大家新年好，新年快乐，新年升职加薪~ ~ ！微信小计算器前言：这个计算器承接该文章中的计算器的继续和延伸，同时将其做了稍微调整移植到了微信上，经测试微信运行正常。主要修改点：去掉
2017-02-05 11:58:03
4278
原创 微信小程序，学习笔记（二）样式（WXSS）及一个简单的小测试用例
微信小程序，学习笔记（二）样式（WXSS）及一个简单的小测试用例WXSS（WeiXin Style Sheets）这东西其实是微信自己的一种 CSS 语言，大部分都还是 CSS 语法，也有自己的东西，主要针对微信自己的 WXML 标记语言而生的，用来丰富其组件的显示效果。WXSS 相对 CSS 并没有太大差别，只是需要注意以下几点rpx 像素单位，具体值是：1rpx == 0.5px == 1物理
2017-01-09 16:22:35
16884
9
翻译 微信小程序，学习笔记（一）框架，视图层
微信小程序，学习笔记（一）框架，视图层学习链接：http://www.w3cschool.cn/weixinapp/因为其实并非原创，但是并没有什么好的类别可选，所以修改成：“翻译”了。熟悉文档结构介绍--- [D] pages--- [D] utils--- [F] app.js--- [F] app.json--- [F] app.wxss全局变量、对象、方法普通类型对象App应用程序
2017-01-06 17:14:29
19197
2
翻译 Rollup-前端模块化打包工具入门
【翻译】Rollup.js前端模块化打包工具入门Rollup.js向导，入门指引概念：什么是Rollup.js？ 最直接的解释就是，Rollup是前端模块化的一个打包工具，将模块文件根据命令或者根据rollup.config.js配置文件将多个模块文件打包成一个文件，然后就可以通过HTML的<script>标签去导入这一个结果文件即可，从而使代码最小化，并且Rollup会自动过滤掉那些没有被使用过
2016-10-11 10:23:42
6116
1
翻译 WEB前端模块化基础知识
前段模块化基础概念前端模块化其实就是将一个完整的单一的功能整合起来形成单独的一个功能组件，当需要用的的时候只需要加载这个组件，然后便可以通过该组件唯一的名称去使用其中的内容。主流模块化框架commonJSAMDCMDUMDES6规范commonJScommonJS模块化定义模块：即一个单独的文件就是一个模块，切该文件中的作用域独立，当中的变量是无法被其他文件引用的，如果要使用需要将其
2016-10-11 10:18:26
6989
原创 Javascript计算器
小型JavaScript计算器自己寻思出的解决方案，比较笨拙的方法，虽然完成了但是还有不少bug，用的方法也不是最有效的，基本功能算是完成了，一些小的细节地方也考虑到了，但是还有其他的细节需要处理。总体设计思路是，先画草图 -> 设计UI -> 编写UI代码 -> 编写CSS -> 编写JS逻辑代码；面板(main-board)面板整体尺寸设计标题栏(board-title)字体： font: 3
2016-08-23 12:18:16
2623
原创 vue3 源码阅读、分析系列文章(持续更新中...)
持续更新中！！！！声明：以下所有文章，均为原创，是在阅读(抄)源码过程中的点滴记录，文笔有限，只是个人记录，分享出来希望有所用处。抄写的仓库：https://github.com/gcclll/stb-vue-next.git 该仓库为学习时，从 0 开始，vue-next 的第一个 commit 开始抄下来的源码仓库，目前学习目的已达，所以不再更新了，到停便时通过了所有有关的官方用例。所有流程图，脑图链接：https://github.com/gcclll/cheng92.com/tree/m
2021-09-02 20:47:18
441
原创 Vue3.0源码系列（一）响应式原理 - Reactivity
更多 vue3 源码分析尽在：www.cheng92.com/vue该系列文章，均以测试用例通过为基准一步步实现一个 vue3 源码副本(学习)。文字比较长，如果不想看文字可直接转到这里看脑图简介reactivity 是 vue next 里面通过 proxy + reflect 实现的响应式模块。源码路径： packages/reactivity入口文件：packages/reactivity/src/index.ts疑问点解答：shallowReactive 相当于浅复制，只针对
2021-07-14 18:59:22
991
原创 五子棋游戏-C语言实现
五子棋游戏这里实现的是 3*3 的棋盘，后续扩展到 n*n 的棋盘。五子棋游戏都很熟悉了，其规则很简单，就是哪个玩家先满足多少个棋子在同一条线上则为赢家。本文源码链接：five_in_a_row_chess.c试玩一：试玩二：棋盘第一个就是要制造输出一个棋盘，我们这里使用的是 3*3 即下面的布局：代码：#include &lt;stdio.h&gt;#includ...
2019-03-11 23:12:09
1207
原创 Flutter应用之《航班查询 Flight Search》
原文作者及地址 [Marcin Szałek](https://marcinszalek.pl/flutter/ui-challenge-flight-search/) 文章：<https://marcinszalek.pl/flutter/ui-challenge-flight-search/> 仓库：<https://github.com/MarcinusX/flutter_ui_challenge_flight_search> 本
2019-03-11 23:08:07
2205
原创 C语言-输出指定个数的质数
原文链接质数概念只能被 1 和自身整除的对于 1 正整数。2, 3, 5, 7, ...指针声明和初始化unsigned long long *pPrimes = NULL;NULL 对指针而言相当于 0 值，在声明指针的时候最好将其初始化为 NULL 防止其乱指，在后面使用过程中造成内存覆盖等问题。声明需要的变量：// 用来存储所有的质数unsigned long long ...
2019-03-11 23:01:10
2342
原创 【ECMA262学习系列（二）】parseInt 详解
Table of ContentsparseInt(string, radix)函数处理过程：伪码图解parseInt(string, radix)根据提供的精度 radix 将第一个参数转换成数值型。开头的空格会被忽略掉。radix 的值值描述undefined 或 0radix 会被当做 10 来处理，除了 0x o...
2018-05-08 23:54:42
282
原创 Javascript计算器，添加时间显示(一)
Javascript计算器（一） -> 添加时间在屏显区左上角添加时间显示效果图如下：代码初始化// 计算器初始化Calculator.prototype.init = function () { this.addTdClick(); // 时间显示 this.showDate();};时间显示// 在屏显区左上角显示时间日期Calculator.prototype.
2016-08-23 19:21:59
976
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人