作者归档:admin

首页 » Articles posted by admin (Page 5)

thunkli

WebView与JavaScript通信

本文所说的APP指IOS APP(Swift),不包括Android APP。 APP如何渲染网页? 苹果提供了UIWebView组件,像浏览器一样可以加载任何网页。iOS8以后,苹果推出了新框架Webkit,提供了替换UIWebView的组件WKWebView。速度更快,占用内存少。 WKWebView 执行JavaScript //home.html //… <h1>Welcome!</h1> //… <script> function redHe … 继续阅读

发表在 Memo | |
thunkli

优化webpack打包速度

随着项目复杂度的提升,react、react-dom、react-route等一系列框架的引入,再加上babel-preset-es2015、babel-preset-react等一系列插件,webpack变得越来越慢。webpack提供了DllPlugin和DllReferencePlugin插件可以让构建速度飞起来。 DllPlugin 这个插件专门用于单独的webpack配置来创建一个dll-only-bundle。 它创建一个manifest.json文件,由DllReferencePl … 继续阅读

发表在 Memo | |
thunkli

ES5中新增的方法

Array filter 对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略,同时,新创建的数组也不会包含这些元素。 //过滤掉小于 10 的数组元素: //代码: function isBigEnough(element, index, array) { return (element >= 10); } var filt … 继续阅读

发表在 JavaScript |
thunkli

Webpack实时监听在IntelliJ IDEA中修改的文件

由于很多编辑器支持“safe write”功能,并且默认启用它,这使dev server无法实时监听到文件的修改。“safe write”意味着修改不会直接写入原始文件,而是写入临时文件,当保存操作完成时,将重命名并替换原始文件。因为原始文件被删除,因此会导致文件监视器提丢失轨道。为了防止此问题,你可以在编辑器中禁用“safe write”功能。 IntelliJ – Settings > System Settings > Synchronization > di … 继续阅读

发表在 Memo | |
thunkli

webpack动态加载

假如你正在开发一个单页应用,随着项目功能的不断增加,打包后的文件也越来越大,此时为减少页面的初始加载时间和避免不必要的多余加载,我们就需要实现动态加载,或者叫按需加载。 翻一下webpack的官网,很容就会发现2个方法: require.ensure require.ensure(dependencies: String[], callback: function([require]), [chunkName: String]) dependencies:是一个数组指明所依赖的文件 callba … 继续阅读

发表在 Memo | |
thunkli

AngularJS expression中插入html

有时候我们需要在angular表达式中写入html结构并被浏览器解析,而不是当作字符串来处理,如下所示: <!DOCTYPE html> <html ng-app=”app”> <head>     <title>angular</title>     <meta charset=”utf-8″>     <script src=”angular.js”></script> </head> … 继续阅读

发表在 Memo | |
thunkli

AngularJS controller通信

父控制器向子控制器通信 <!DOCTYPE html> <html> <head>     <title>Broadcasting</title>     <script src=”angular.js”></script> </head> <body ng-app=”app”>     <div ng-controller=”parentCtrl” style=”border:2p … 继续阅读

发表在 Memo | |
thunkli

AngularJS中创建自定义指令(directive)

在angular中,angular.module返回一个module对象,module对象拥有directive方法,directive方法可以用来创建自定义指令,自定义指令可以使html标签语义化。 先看一个实例: <html>    <head>       <meta charset=”utf-8″>       <title>自定义指令</title>       <script src=”angular.js”>& … 继续阅读

发表在 Memo | |
thunkli

jQuery、jqLite 与 angular.element

angular.element用法 angular.element(element); angular.element在已经加载jQuery的情况下使用jQuery方法(1.0.1中直接将jQuery对象赋值给angular.element),否则使用JQLite方法。 当angular.element使用JQLite方法时,参数element不能是tag name 和 CSS selector,如果需要标签名查找可以使用angular.element(document).find(…)或$ … 继续阅读

发表在 Memo | |