06 2017 档案

模板引擎artTemplate及模板预编译器TmodJS的使用入门
摘要：一、为什么要使用前端模板？ 主要为了解决UI层与业务逻辑的纠缠不清。比如我们需要根据后端返回的数据动态生成一个表格或者类似表格的DOM（比如ul > li等）时，按照传统的方式，需要我们先获取数据，然后在页面的js中通过遍历数据、提取相关数值以及动态拼接html字串的方式，生成最终的DOM。这样就产 阅读全文
posted @ 2017-06-27 10:46 KarajanKing 阅读(735) 评论(0) 推荐(0)
Node.js 事件循环
摘要：Node.js 事件循环 Node.js 是单进程单线程应用程序，但是通过事件和回调支持并发，所以性能非常高。 Node.js 的每一个 API 都是异步的，并作为一个独立线程运行，使用异步函数调用，并处理并发。 Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。 Node.js 阅读全文
posted @ 2017-06-21 15:32 KarajanKing 阅读(247) 评论(0) 推荐(0)
Node.js的全局对象和全局变量
摘要：1、全局对象 所有模块都可以调用 1）global：表示Node所在的全局环境，类似于浏览器中的window对象。 2）process：指向Node内置的process模块，允许开发者与当前进程互动。 例如你在DOS或终端窗口直接输入node，就会进入NODE的命令行方式（REPL环境）。退出要退出 阅读全文
posted @ 2017-06-21 15:23 KarajanKing 阅读(491) 评论(0) 推荐(0)
常用的javascript设计模式
摘要：阅读目录 什么是设计模式 单体模式： 工厂模式: 单例模式 观察者模式（发布订阅模式） 策略模式 模板模式 代理模式 外观模式 阅读目录 什么是设计模式 单体模式： 工厂模式: 单例模式 观察者模式（发布订阅模式） 策略模式 模板模式 代理模式 外观模式 设计模式太多了，貌似有23种，其实我们在平时 阅读全文
posted @ 2017-06-21 15:12 KarajanKing 阅读(357) 评论(0) 推荐(0)
学习Typescript
摘要：// There are 3 basic types in TypeScript let isDone: boolean = false; let lines: number = 42; let name: string = "Anders"; // But you can omit the type annotation if the variables are derived from e... 阅读全文
posted @ 2017-06-15 16:02 KarajanKing 阅读(237) 评论(0) 推荐(0)
angular-cli安装及build项目
摘要：1.安装Node.jsURL:https://nodejs.org/en/download/选择合适的版本进行安装2.安装AngularJS CLIangular是用typescript编写的，所以先安装typescript，再安装angularjs-clinpm install -g typesc 阅读全文
posted @ 2017-06-15 15:47 KarajanKing 阅读(969) 评论(0) 推荐(0)
前端技术栈脑图
摘要： 阅读全文
posted @ 2017-06-13 18:06 KarajanKing 阅读(391) 评论(0) 推荐(0)
浅析POSTCSS
摘要：一、提出不懂的地方 很多时候第一次在网上查询 PostCSS 概念的时候，大家都解释成一个后处理器的概念，其实个人觉得这些概念不重要，更为重要的有以下几点： 它本质上是一个什么东西？ 它能解决我们什么问题？ 它是通过什么方式来解决我们的问题？ 它解决我们的问题是为什么？ 怎么实现与 SASS、LES 阅读全文
posted @ 2017-06-13 17:40 KarajanKing 阅读(1178) 评论(0) 推荐(0)
前端工程与性能优化
摘要：每个参与过开发企业级 web 应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎 14 条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在 7 阅读全文
posted @ 2017-06-13 17:05 KarajanKing 阅读(311) 评论(0) 推荐(0)
浅析前端工程化
摘要：1. 什么是前端工程化 自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。虽然前端技术飞快发展，但是前端整体的工程生态并没有同步跟进。目前绝大多数的前端团队仍然使用非常原始的“切图（FE）->套模板（RD）”的开发模 阅读全文
posted @ 2017-06-13 16:35 KarajanKing 阅读(197) 评论(0) 推荐(0)
前端 Hash 能否对抗不安全的通信
摘要：前言 本项目的简介里提到，前端使用 WebScrypt 脚本 Hash 口令，可对「隐私嗅探」起到一定的防护。 当然现在不少网站部署了 HTTPS 协议，因此无需再考虑通信风险。但对于仍在使用 HTTP 的网站，前端 Hash 又能起到多大的效果？ 攻击类型 通信上的攻击，通常可分「嗅探」和「劫持」 阅读全文
posted @ 2017-06-13 16:31 KarajanKing 阅读(396) 评论(0) 推荐(0)
gulp详细入门教程
摘要：简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的 阅读全文
posted @ 2017-06-13 16:30 KarajanKing 阅读(206) 评论(0) 推荐(0)
Gulp——文件压缩和文件指纹
摘要：先看下文件指纹添加成功发布后的“成果”。 首先介绍下gulp的文件压缩（压缩css和js） （下面介绍的代码移步这里） 我的文件目录如下： （标红部分是生成的处理后的文件） 如何使用gulp，请移步这里（gulp详细入门） Json里面放这些插件就够了： [plain] view plain cop 阅读全文
posted @ 2017-06-13 16:29 KarajanKing 阅读(515) 评论(0) 推荐(0)
微信小程序电商常用倒计时
摘要：wxml文件放个text <text>second: {{second}} micro second:{{micro_second}}</text> 在js文件中调用 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 2 阅读全文
posted @ 2017-06-08 17:36 KarajanKing 阅读(414) 评论(0) 推荐(0)
毫秒数变成时分秒倒计时
摘要：js抽象代码： ;(function($){ /**时间间隔对象 * @author Karajan * @param gap 间隔毫秒 * @param {cT:当前时间(毫秒),eT:截止时间（毫秒）,gap:间隔(毫秒),aEven:到点触发的事件function,iEven:初始化函数，初始化时被调用,lEven:倒计时结束触发方法} * */ function da... 阅读全文
posted @ 2017-06-08 16:46 KarajanKing 阅读(1618) 评论(0) 推荐(0)
微信小程序的坑坑
摘要：no.1 背景图不显示 微信小程序里面是允许用户自定义背景图的，但是限定了背景图的路径及地址，之前一直用相对路径来写，微信开发者工具中也显示出了背景图，误以为没有问题，但是预览的时候发现手机中不显示背景图，这就是今天介绍的第一个坑，背景图不允许为本地图片。 解决方法： 第一、用在线图片转base64 阅读全文
posted @ 2017-06-05 18:24 KarajanKing 阅读(2244) 评论(0) 推荐(0)