我叫悠哉

摘要： 1：初次进入系统的新用户 首次进入该系统的用户，没有任何的文件缓存。进入系统后加载index.html 会将所有的文件（图片、js、css）下载下来 耗时在3.3s左右。之后进入系统 只会额外加载一些页面的图片，不会再加载js、css文件。 2：已经进过该系统的老用户，且系统未更新之前 用户本地的文 阅读全文

摘要： 前言 笔者今日写了个城市插件，用来实现城市的三级/二级联动。由于现在三大框架异常流行，各种城市组件也是各放异彩， 本文主要在于解析城市组件书写的思想。 实际交互图如下。可以进行点击交互选择省市区，也可以使用全拼或者是首拼进行快速搜索。 常用的处理方式分析 一般来说 设计城市联动/拼音搜索的功能分为两 阅读全文

摘要： 前端优化是一个大项目，不仅需要知道有哪些优化的点，还需要为什么去这样优化。 前端优化的思维导图 介绍一些知识，使大家对前端性能的优化有更深入的了解 html的渲染过程 页面的肥瘦是影响加载速度最重要的因素。 删除不必要的空格、注释。 将inline的script和css移到外部文件。 可以使用HTM 阅读全文

摘要： ui-router transitionhooks 统一控制路由跳转, 前台控制如果没有登录就跳转到登录页面, 当然也可以在后台控制, 如果没有登录就返回对应的错误码, 然后在response中直接跳转 监听$transitions.onStart事件 监听所有的state angular.modu 阅读全文

摘要： grunt.initConfig方法 用于模块配置，它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。 每个目标的具体设置，需要参考该模板的文档。就cssmin来讲，minify目标的参数具体含义如下： expand：如果设为true，就表示下面文件名的占位符（即*号）都要扩展成具体的文 阅读全文

摘要： 首先 指令的应用场景： 1：使你的html更具语义化，不需要深入研究代码就可以知道页面的大概逻辑。 2：抽象出一个自定义组件，在其他的地方进行重用。 一：directive的定义及其使用方法： 下面是一个详细的指令包含的一些字段 二：指令内容的详解： 一共8个内容： 1.restrict（字符串）可 阅读全文

摘要： 1：switch 关键字段：switch（n）、case、break、default switch(n） ：n是一个表达式 或者是一变量，用来与其下的各种case进行匹配，比如：此时的day输出的是 一个数字5。匹配到case 5的情况 所以会输出对应的数值。 default：当所以的case项没被 阅读全文

摘要： 这个东西配合删除数组时会出现永远删除uoloadPicArr这个数组的最后一个一项 其用法是主要用在当ng-repeat循环时如果其内部的dom元素有id属性存在 可以避免页面出现相同的id 只是一种用法而已 没什么必要的 可以解决控制台的报错 阅读全文

摘要： 首先 ng-change事件要与ng-model绑定 但是 当input 的 type=file时 ngchange事件是失效的 我们可以用图中的onchange事件去代替 其次 如果想在这个change事件里面添加ctr里面绑定的值 也可以按照图中所写的angular.element(this). 阅读全文

摘要： 什么是Bower？ 前端开发圈越来越热闹，第三方js库层出不穷，版本更迭日新月异；且许多库又对其他库有着依赖关系。而我们的页面需要的库也越来越多样化。以往需要引入第三方库，需要搜索寻找所需库的特定版本下载，还需要搜索寻找下载特定版本的依赖库，十分麻烦；库的更新也是件十分繁琐的事情。是否有一个工具：搜 阅读全文