大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

单页面应用

单页面应用(SPA)是旨在对Web应用发动革命的软件运动中可信度很高的一种。此类应用有望进行更加模块化的开发,令应用更加容易地适配与多个设备,并拥有更好的应用生命周期管理—这些几乎是软件架构师希望的全部

前后端分离之SPA与跨域访问

response.setHeader("Access-Control-Allow-Headers", "x-requested-with, Content-Type, Accept, TOKEN, Content-Range, Content-Disposition, Content-Description"); filterChain.doFilter(servletRequest, servletResponse); } 再记得向web.xml文件中加入拦截器相关配置: crossOriginFilter com.yhch.interceptor.CrossOriginInterceptor crossOriginFilter /api/* 前端在采用AJAX访问时需要带上contentType字段,否则会报异常。示例代码如下: $.

从技术的角度看产品系列1(web前端)

从技术的角度看产品系列1(web前端) 拿到一个网站,无论是PC端还是移动端,你知道它运用了哪些前端技术吗,你知道它的性能是怎么样吗,你知道哪些是原生的控件吗,接下来我们就简单讲讲怎样从技术的角度看产品。 一.布局 1.固定布局 固定布局是指随着浏览器的宽度变大变小,页面的整体布局不会发生改变,如果浏览器宽度小于页面宽度,就会出现滚动条。如下图: 2.

从软件工程专业思考到的大前端技术栈-详情篇

} 以前端开发中常接触到的单元测试框架 Jasmine 为例,为开发上述代码中验证手机号格式的函数 checkLoginPhone(phone),我们可以先编写相应的单元测试代码,每个 describe 用来测试一个函数,其中的多个 it 分别测试该函数在不同条件下的不同结果是否为期待的结果。如下。 describe("验证手机号格式", function () { it("手机号不能为空", function () { var phone = "";

前端路由与后端路由的思考

前端路由与后端路由的思考 后端路由 * path(路由分发) 针对不同的路由对应不同的回调函数处理(req, res, next) * req;

2017年前端框架、类库、工具大比拼

2017年前端框架、类库、工具大比拼 相比于JavaScript开发人员的数量,目前JavaScript框架、类库和工具的数量似乎更多一些。截至2017年5月,GitHub上的快速搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。本文将会讨论目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异。也许本文无法告诉你哪个是最好的,但是最适

简聊前端中的 React.js

React 提供了机会可以尝试 Isomorphic JavaScript 应用, 深入到数据路由界面全部代码共用.目前还在收集资料阶段, 没有深入研究, 理想的目标是能帮助到公司其他的页面构建. React 当中跨组件共享状态有难点, 而且排斥使用全局事件干扰数据流.我相信这种限制是代码稳定可靠的一个手段, 但也会增加开发的难度.有时我在设想能否借鉴 Om 之类方案, 用全局数据更好地管理状态?

沪江网前端沙龙第二期的回顾

沪江网前端沙龙第二期的回顾 昨天参加了沪江网的沙龙, 分享了一下最近研究 Redux 的心得和想法结束以后还听贺老讲了好多东西, 回来很累, 所以回顾的笔记拖到今天了 单向数据流的分享 我分享的内容主要关于 React 数据层的一些想法, 都是网上拼凑起来的其实演讲的核心内容, 我尝试写过博客的, 主要是归纳了 Kafka 的文章一些想法In Flux and SSOT, Store is not the Truth, Actions is!

angularjs实践过程中的心得总结

require(names,function(){ defer.resolve() ; //route config meng.config( ['$routeProvider','$controllerProvider','$provide','$compileProvider', function($routeProvider,$controllerProvider,$provide,$compileProvider){ meng.register = { controller: $controllerProvider.register, factory: $provide.factory, directive: $compileProvider.directive };when('/task',{ templateUrl : 'views/task/task.html', controller : 'taskController', resolve : resolveController(['TaskModule']) }) .

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用 前言 初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会

AngularJS技术使用经验-达观数据

给表达式提供上下文执行环境 $scope类似于javascript的原型链 。搜索的时候,优先找自己的scope,如果没有找到就沿着作用域链向上搜索,直至到达根作用域rootScope。$rootScope是由angularJS加载模块的时候自动创建的,每个模块只会有1个rootScope。rootScope创建好会以服务的形式加入到 $injector中。也就是说通过 $injector.get("$ rootScope ");

使用 Webpack 为单页面应用发布新版本

使用 Webpack 为单页面应用发布新版本 简介 现在单页面网站开发一般会用 npm run build 执行 webpack 打包程序用来压缩 js css 之类。某一天,跟同事交流时发现可以这样搞: 服务器上跑一个 nodejs 进程,如 http://yoursite.com:8080 在 Webpack 打包结束时自动 request.get 一下服务器 http://yousite.com:8080/?/tpl.html')./index.html', tplContent) } require("http")./upload-qiniu') require('.newhash=' + hash require('http').

基于react+react-router+redux+socket.io+koa开发一个聊天室

var compiler = webpack(webpackConf); } render() { var {nameList} = this.props; client端更加简单: var io=require('socket.io-client'); 一旦连接建立,client和server即可通过时间订阅与发布来彼此通信,socket.io提供的api非常类似于nodejs中的event对象的使用,对于server端: io.on('connection',function(socket){ socket.on('some event',function(data){ //do something here.... socket.emit('another event',{some data here}); } return next(action);

最近想通的几个单页面应用开发的重点

这个流程非常清晰 View 的更改自动更新回到 Model, 但是这里其实是 ViewModel 为了保存数据到服务器, ViewModel 的数据在编辑完成还是要往服务器发送的 目前这个发送步骤还是少不了, 因此双向绑定意义不是那么大 当然, 视图自动更新这一点的带来的好处是非常非常大的 还有, MVC 这里说的流程可都没把 Router 放进去说的..

如何成为全栈增长工程师?

如何成为全栈增长工程师? (文末有惊喜) 记得我们在《RePractise前端篇: 前端演进史》中提到技术在最近十几年的飞速发展,当然最主要的就是:技术的复杂度不断地从应用层抽象到了框架层。虽说: 技术的复杂度同力一样不会消失,也不会凭空产生,它总是从一个物体转移到另一个物体或一种形式转为另一种形式。 然而这也意味着成为一个全栈工程师,比以往的任何一

到底什么是单页面应用SPA?

到底什么是单页面应用SPA? 很多新手小白跟我一样,总是能听到单页面应用或者SPA这个词,感觉熟悉又陌生,你有没有十分认真的想过,到底什么是单页面应用呢? 要想明白什么是单页面应用,必须要弄清楚三个东西:传统的web应用、桌面应用程序、单页面应用SPA。 传统的web应用,大家都不会陌生吧?几乎每一个响应动作都会刷新整个页面,一个词总结就是“牵一发而动全