前端
zhuguorong11
这个作者很懒,什么都没留下…
展开
-
NodeJS框架express的路径映射(路由)功能及控制
我 们知道Express是一个基于NodeJS的非常优秀的服务端开发框架,本篇CSSer将提供express框架的route和route control章节,route实现了客户端请求的URL的路径映射功能,暂且译为路由或URL映射吧。如果你还是不太理解,相信看完本篇文章将会有些收 获的。路由(URL映射)Express利用HTTP动作提供了有意义并富有表现力的URL映射API,例转载 2016-10-28 16:46:02 · 3099 阅读 · 0 评论 -
AngularJS:何时应该使用Directive、Controller、Service?
AngularJS是一款非常强大的前端MVC框架。同时,它也引入了相当多的概念,这些概念我们可能不是太熟悉。(译者注:老外真谦虚,我大天朝的码农对这些概念那是相当熟悉啊!)这些概念有:Directive(指令)Controller(控制器)Service (服务)下面我们逐个来看这些概念,研究一下为什么它们会像当初设计的那样强大,同时研究一下为什么我们要以那样的方式去使用它们。我们转载 2017-02-18 15:03:45 · 241 阅读 · 0 评论 -
前端解决跨域问题的8种方案
原文:http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下:URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js转载 2017-03-02 13:07:03 · 301 阅读 · 0 评论 -
JavaScript中一些变态的面试题
console.log(parseInt("116",16)); var aaa = [1,2,3,4,16,17,22]; var bb = aaa.map(parseInt);//parseInt 只接受两个两个参数 string, radix(基数).如果省略radix(基数或其值为 0,则数字将以 10 为基础来解析。 // 如果它以 “0转载 2017-03-07 22:38:24 · 1924 阅读 · 0 评论 -
搞懂了CSS实现三角形图标的原理
网页中经常有一种三角形的图标,鼠标点一下会弹出一个下拉菜单之类的(之前淘宝也有,不过现在改版好像没有了)之前以为是个png图标背景,后来在bootstrap中看到有一个图标样式叫做caret的用来实现这种效果。没想到用CSS也能实现这个效果。看了下源码是这样的:.caret {display: inline-block;width: 0;height: 0;ma转载 2017-03-21 15:53:18 · 337 阅读 · 0 评论 -
AJAX——核心XMLHttpRequest对象
AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,jQuery,Css……)重新融合的一个新的知识框架。而,XMLHttpRequest对象则是其中的重重之中。这篇博客重点总结一下这个对象的使用。当然还是按照经典的五步法来学习,以后在实践中有更多更好的想法,会拿出来分享的! 首先,需转载 2017-03-12 20:32:16 · 207 阅读 · 0 评论 -
webpack入门教程
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。接下来我们简单为大家介绍 Webpack 的安装与使用。安装 Webpack在安装 Webpack 前,你本地环转载 2017-03-16 17:55:21 · 758 阅读 · 0 评论 -
一道面试题引发的对 JS 类型转换的思考
最近群里有人发了下面这题:实现一个函数,运算结果可以满足如下预期结果:add(1)(2) // 3add(1, 2, 3)(10) // 16add(1)(2)(3)(4)(5) // 15对于一个好奇的切图仔来说,忍不住动手尝试了一下,看到题目首先想到的是会用到高阶函数以及 Array.prototype.red转载 2017-03-26 20:09:58 · 709 阅读 · 0 评论 -
select通过text的值来进行选定来进行
var selectVal = $(this).val(); $("#ipinfo").text(selectVal); //第一种$("#s0").find("option[text='"+($(this).val())+"']").attr("selected", "selected"); //第二种 $("#s0 option").each(原创 2017-04-15 21:34:55 · 3309 阅读 · 0 评论 -
Sublime Text 3前端开发常用优秀插件介绍
转载自插件介绍转载 2017-05-13 19:28:41 · 617 阅读 · 0 评论 -
CSS3 Media Queries 匹配不同屏幕
Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> link href="css/style.css" rel="stylesheet" type="text/css" med转载 2017-05-31 18:37:02 · 425 阅读 · 0 评论 -
AngularJS开发指南28:创建服务
虽然AngularJS提过了很多有用的服务,但是如果你要创建一个很棒的应用,你可能还是要写自己的服务。你可以通过在模块中注册一个服务工场函数,或者通过Modeul#factory api或者直接通过模块配置函数中的$provide api来实现。所有的服务都符合依赖注入的原则。它们用一个唯一的名字将自己注册进AngularJS的依赖注入系统(injector),并且声明需要提供给工场函数的转载 2017-02-18 14:29:43 · 271 阅读 · 0 评论 -
AngularJS开发指南24:AngularJS过滤器
创建过滤器写一个你自己的过滤器非常容易:在你的模块中注册一个新的过滤器(可注入的)工厂函数就行了。这个工厂函数必须放回一个新的过滤器函数,这个过滤函数的第一个参数接受的是输入。任何过滤器参数都会被当成附加的参数传递给过滤器。下面的例子展示了逆转字符串文本。另外,它有条件地将文本大写并填上颜色。formatDateindex.html: ng-app="MyRevers转载 2017-02-18 14:11:07 · 244 阅读 · 0 评论 -
AngularJS开发指南02:引导程序
概览这一节解释了AngularJS初始化的过程,以及需要的时候你该如何修改AngularJS的初始化。AngularJS的 标签这个示例展示了我们推荐的整合AngularJS的方法,它被称之为“自动初始化”。 xmlns:ng="http://angularjs.org" ng-app> ... src="angular.js">转载 2017-02-18 10:14:43 · 511 阅读 · 0 评论 -
AngularJS开发指南01:AngularJS简介
什么是 AngularJS?AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用 数据绑定 和 依赖注入,它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现,这也使得它能够完美地和任何服务器端技术结合。AngularJS是为了克服HTM转载 2017-02-18 10:13:40 · 387 阅读 · 0 评论 -
AngularJS开发指南03:HTML编译器
概览AngularJS的HTML编译器能让浏览器识别新的HTML语法。它能让你将行为关联到HTML元素或者属性上,甚至能让你创造具有自定义行为的新元素。AngularJS称这种行为扩展为“指令”HTML在编写静态页面时,有很多声明式的结构来控制格式。比如你要把某个内容居中,你不必告诉浏览器“去找到窗口的中点位置,然后跟内容的中间结合”。你只需要添加一个 align="center"转载 2017-02-18 10:15:48 · 387 阅读 · 0 评论 -
AngularJS开发指南04:核心概览
概览这篇文档描述了AngularJS的主要组成部分,以及它们如何协同工作。它们是:启动(startup) - 展示“hello world!”执行期(runtime) - AngularJS 执行期概览作用域(scope) - 视图和控制器的集合区控制器(controller) - 应用的行为模型(model) - 应用的数据视图(view) - 用户能看到的指令(directiv转载 2017-02-18 10:16:25 · 380 阅读 · 0 评论 -
AngularJS开发指南05:指令
指令使我们用来扩展浏览器能力的技术之一。在DOM编译期间,和HTML关联着的指令会被检测到,并且被执行。这使得指令可以为DOM指定行为,或者改变它。AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集,它使得HTML可以转变成“特定领域语言(DSL)”。从HTML中调用指令指令遵循驼峰式命名,如ngBind。指令可以通过使用指定符号转化成链式风格的的名称转载 2017-02-18 10:16:59 · 258 阅读 · 0 评论 -
AngularJS开发指南06:表达式
表达式是类似Javascript的代码片段,通常在绑定中用到,写在双大括号中如{{表达式}}。表达式是用$parse方法来处理的。下面是一些合法的AngularJS表达式1+23*10 | currencyuser.nameAngularJS表达式 与Javascript表达式的比较你可能会认为AngularJS视图中的表达式就是Javascript表达式,这种转载 2017-02-18 10:17:39 · 195 阅读 · 0 评论 -
AngularJS开发指南07:表单
表单控件(input, select, textarea )是用来获取用户输入的。表单则是一组有联系的表单控件的集合。用户能通过表单和表单控件提供验证的服务,知道自己的输入是否合法。这样能让用户交互变得友好,因为用户能通过反馈来修正自己的错误。不过,虽然客户端的验证能够起到很大作用,但也很容易被绕过,所以不能完全依靠客户端验证。 要建立安全的应用,服务器端验证还是必不可少的。简单表转载 2017-02-18 10:18:18 · 617 阅读 · 0 评论 -
AngularJS开发指南11:模块
什么是模块?大部分应用都有一个主方法用来实例化、组织、启动应用。AngularJS应用没有主方法,而是使用模块来声明应用应该如何启动。这种方式有以下几个优点:启动过程是声明式的,所以更容易懂。在单元测试是不需要加载全部模块的,因此这种方式有助于写单元测试。可以在特定情况的测试中增加额外的模块,这些模块能更改配置,能帮助进行端对端的测试。第三方代码可以打包成可重用的模块。模块可以以任转载 2017-02-18 12:18:22 · 474 阅读 · 0 评论 -
AngularJS开发指南14:依赖注入
依赖注入依赖注入是一种软件设计模式,用来处理代码的依赖关系。要更多地了解依赖注入,你可以到wikipedia上查找依赖注入,Martin Fowler写的Inversion of Control,或者到你喜欢的讲设计模式的书中查找。简单说说依赖注入一般来说有三种方法让函数获得它的需要的依赖:它的依赖是能被创建的,一般用new操作符就行。能转载 2017-02-18 13:19:57 · 458 阅读 · 0 评论 -
AngularJS开发指南12:作用域
什么是作用域?作用域是一个指向应用模型的对象。它是表达式的执行环境。作用域有层次结构,这个层次和相应的DOM几乎是一样的。作用域能监控表达式和传递事件。作用域特点作用域提供APIs($watch)来观察模型的变化。作用域提供APIs($apply)将任何模型的改变从"AngularJS领域( Angular realm)"通过系统映射到视图上。作用域能通过共享模型成员的方式转载 2017-02-18 13:01:22 · 286 阅读 · 0 评论 -
CSS中实现左边固定,右边自适应
1. 左边左浮动,右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;}2. 左边左浮动,右边加个margin-left; #lt{ float: left; width:转载 2017-06-11 00:39:44 · 431 阅读 · 0 评论