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

单页面应用

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

解锁 Vue多页面应用

js这三个文件,后缀为.vue 和 .html', chunks: ['manifest', 'vendor', filename], inject: true } if (process.env.NODE_ENV === 'production') { conf = merge(conf, { minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotos: true }, chunksSortMode: 'dependency' }) } arr.push(new HtmlWebpackPlugin(conf)) }) return arr } 修改webpack.base.conf.js 代码如下,修改的部分只有入口文件的配置 const path = require('path') const utils = require('.

AngularJS中的URL里面的#号,到底起什么作用?

app.config(['$routeProvider', function($routeProvider) { $routeProvider .when('/', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }) .when('/add-goods', { templateUrl: 'partials/add-form.html', controller: 'AddGoodsCtrl' }) .

一个实际的案例介绍Spring Boot + Vue 前后端分离

} 运行一下看下效果: nginx上的效果 现在在后端spring boot 里面引入静态资源。上面已经讲了,index.html相当于vue的入口,那么这个入口文件的代码直接拷贝到后台spring boot 里面提供的一个页面其实就能把后台的这个页面当成vue的启动文件。改造后的后台页面如下: 后台页面改造 改造完成点击运行,运行结果为: 改造运行结果 源代码:https://github.com/applenele/springboot-vue-sample

Vue实例

Vue实例 Vue2 实战:模仿卖座电影 一个使用 Vue2 全家桶高仿卖座电影网的项目JavaScript 日记 - 一个例子学会 Vue.js 大家都知道 Vue.js 是中国人创造出来的,简单易用,所以必须要支持一下。[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace + es6)新手福利,干货多多 本项目是基于 vue2 最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最

学习react,我学到了什么

学习react,我学到了什么 title: 学习react,我学到了什么 date: 2018-02-02 tags: [React] categories: js 去年国庆节假期,我开始接触react。 之前学习过一段时间的vue。不过说实话,我vue学的不咋地,那是第一次从html + css + js的三板斧转移到极为先进和高贵的mvvm框架,众多概念让我有些眼花缭乱,我似乎掉进了海里。 vue的文档很完善,而那时候根基不稳,写出来的代码复用性差、模块划

Angular调试技巧—— 报错404(not found)怎么办?

Angular调试技巧—— 报错404(not found)怎么办? 序言 放假期间,学生忙着充电,学习“全栈开发”的不在少数,我时常收到读者的反馈,在调试《全栈开发之道》一书的实例时,遇到困惑。 尽管会遇到各种各样的问题,但总体来讲,可以归结为一个技术点,那就是—— Angular的调试。 编写Angular 代码并不难,难的是调试Angular代码。对于Angular新手来说,调试Angular需要一个过程

现代Web开发方法

哈哈 一个服务器端的例子 这个例子展示了我们如何获取和渲染不同级别的用户列表 让我们从获取用户的服务器端控制器开始,以JSON格式返回一个列表 /** * Users controller (NodeJS) */ const app = express(), /** * This function fetches staff users * from the MongoDB collection */ const fetchUsers = (offset = 0, limit = 10) = { return new Promise((resolve, reject) = { Users.find({}, { $offset: offset, $limit: limit }).

Vue单页面应用+微信网页开发·填坑小记

Vue单页面应用+微信网页开发·填坑小记 上两个星期做了一个公司用于推广的小活动,选择了Vue的单页面应用。【Vue单页面应用+微信网页开发】套餐赠送了超值大坑,在这里给大家分享一下我的辛酸,啊不,填

前后端分离之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']) }) .