网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
JQuery解析XML数据的几个例子
2017年12月20日
用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。第一种方案：<script type="text/javascript"> $(document).ready(function() { $.ajax({ url: 'http://www.nowam...
处理 JSON 出现错误Uncaught SyntaxError: Unexpected token :
2017年12月20日
$.ajax({ url: "http://api.duoshuo.com/threads/counts.json?short_name=official&threads=4ff1cbc43ae636b72a00001d", dataType: "jsonp" }).done(function(data) { console....
解决“No 'Access-Control-Allow-Origin' header is present on the requested resource”
2017年12月20日
1. 问题描述在js中使用ajax请求在网页控制台下打印以下错误信息：XMLHttpRequest cannot load http://192.168.2.46:8000/account/getjson/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://lo...
在Angular2中如何绑定图片
2017年12月06日
最近在学习Angular 2有一个图片需要绑定，之后写的有问题，一直报错。查了一下资料，最后总结如下：如果使用插入值，下发如下：<img src={{imagePath}} />如果使用模板表达式，写法如下：<img [src]="imagePath" />在ngFor循环中，写法如下：<div *ngFor="let student of students"> <img src={{st...
用Mock.js + AngularJS来提高开发效率
2017年12月06日
在团队协作中,前端开发与后端开发是并行的.如果需要调用接口,但接口却没开发完成,怎么办?今天教大家如何使用Mock.js来构造模拟数据.什么是Mock.js来自nuysoft开发的一款模拟数据生成器. 详细介绍请移步官网 Mock.jsMock.js提供了非常灵活强大的构造模拟数据的函数,举个例子:1234567var data = Mock.mock({ 'list|1-10': [{ ...
Angular-mock之使用$httpBackend服务测试$http
2017年12月06日
Angular-mock简介Angular-mock模块为angular单元测试提供模块定义、加载、注入等支持。辅助Karma、Jasmine等JS测试工具来模拟angular方法，测试angular应用。除此之外，Angular-mock还扩展了ng的多个核心服务，使之可以被测试代码以同步的方式进行审查和控制。安装在HTML中引用：<script src="angular.js"> <scri...
submit 与button的区别
2017年11月20日
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。在网页中经常使用button和submit，submit需要配合from使用，代码实例：<h2>欢迎登录</h2><form action="/login" method="post" role="form"> <div class="input-group input-group-md"> ...
2、Angular 学习 - 创建组件
2017年11月15日
Angular起初是以Web Component标准为蓝本进行设计的，在Angular中引入了视图包装（ViewEncapsulation）的概念，允许通过设置ViewEncapsulation.Navtive来使用原生的Shadow DOM.首先上一段代码，如下：import {Component} from '@angular/core';@Component({ selector:'c...