angularjs | 易学教程

content-type的几种取值

阅读更多关于 content-type的几种取值

四种常见的 POST 提交数据方式我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样： <method> <request-url> <version> <headers> <entity-body></entity-body></headers></version></request-url></method> 协议规定 POST 提交的数据必须放在消息主体（entity-body）中，但协议并没有规定数据必须使用什么编码方式。实际上，开发者完全可以自己决定消息主体的格式，只要最后发送的 HTTP 请求满足上面的格式就可以。但是，数据发送出去，还要服务端解析成功才有意义。一般服务端语言如 php、python 等，以及它们的 framework，都内置了自动解析常见数据格式的功能。服务端通常是根据请求头（headers）中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码，再对主体进行解析。所以说到 POST 提交数据方案，包含了 Content-Type 和消息主体编码方式两部分。下面就正式开始介绍它们。 application/x-www-form-urlencoded 这应该是最常见的 POST 提交数据的方式了。浏览器的原生

【MVVM】- AngularJS $scope 用法

阅读更多关于【MVVM】- AngularJS $scope 用法

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间纽带。 AngularJS 应用组成： View(视图), 即 HTML。 Model(模型), 当前视图中可用的数据--->scope对象 Controller(控制器), 即 JavaScript 函数，可以添加或修改属性外观页面 <body ng-app="myApp"> <p>myCtrl01的工作域</p> <div ng-controller="myCtrl01"> $scope对象carname：<span>{{carname}}</span><br> $rootscope对象：<span>{{global}}</span> </div> <hr> <p>myCtrl02的工作域</p> <div ng-controller="myCtrl02"> $scope对象carname：<span>{{carname}}</span><br> $rootscope对象：<span>{{global}}</span> </div> js操作逻辑 var app = angular.module('myApp', []); /* 在 AngularJS 创建控制器时，可将 $scope 对象当作一个参数传递 * 当在控制器中添加 $scope 对象时，视图 (HTML) 可获取这些属性

【MVVM】- AngularJS 下拉框操作

阅读更多关于【MVVM】- AngularJS 下拉框操作

AngularJS 下拉框基础应用外观界面 <div ng-app="myApp" ng-controller="myCtrl"> <select ng-model="selectedName" ng-options="x for x in names"></select> 等价于： <select> <option ng-repeat="item in names">{{item}}</option> </select> <hr>  <select ng-model="selectedSIte"> <option ng-repeat="item in sites" value="{{item.url}}">{{item.site}}</option> </select> <span>你选中的选址：{{selectedSIte}}</span> <br><br> <select ng-model="selectedSite" ng-options="x.site for x in sites"></select> <span>你选中的选址：{{selectedSite}}</span> <hr>

前端课程体系

阅读更多关于前端课程体系

前端课程体系 axure ：(属于UI课程) （1）用于作需求分析、画原型。最基本的是增删改查。（2）项目：可行性分析：项目经理需求分析：开发人员、项目经理、甲方（罗列功能、原型设计出一套页面->开发人员）实际开发（3）展示原型页面： 1.以图片方式展示：文件->导出page1为图像 2.以原型文件方式：以后缀名.rp文件存储文件->保存（.doc，.png，.txt） 3.以html文件方式以.html为后缀名；.js文件发布->生成html配置前端三大底层语言：html、css、Jss(javascript) 框架语言：Jquery、Vue(react、angular Js)、node 企业级框架：vue-element-admin/template、mysql 1.html+css : 网页重构、静态，比较简单。（标签、缩放布局会不会乱，如果缩放布局会乱掉立马改。）重点：布局！！！（面试会问） 2.第一阶段项目：网页重构 3.动态：Js、Jquery（第二阶段项目） 4.Vue企业级开发框架 PC端、App端（第三阶段项目最多项目！）前端体系最重要的！三种企业级开发框架： Vue 、react、angular Js. 5. 学完Vue 就可以找工作了！着手于写简历、投简历、面试。 6.微信小程序 7.node Js 来源：

年底面试不知所措？项目经理：做好这3点，轻松拿offer

阅读更多关于年底面试不知所措？项目经理：做好这3点，轻松拿offer

后台回复“ 送书 ”，免费参与送书活动年底了，很多公司都在裁员，许多朋友都在被迫找工作，年底应聘小浪潮来临，老李我最近也在负责我们公司的招聘，但是面试过程大部分前端面试者给我的感觉思维比较窄，以及陈述问题时候比较乱，整体给人感觉不是理想。下面是我作为一个面试官从三个维度给面试者建议和思考吧。一．自我介绍 1.自我介绍，可以简单介绍你毕业什么学校，什么专业 2.出来负责的项目，每个项目自己充当的角色 3.每个项目使用前端技术+后端技术简单大概的说出来就可以了，不要详细到你哪年进入公司，哪年离开公司，负责项目做什么的，说一大通。这个对我们面试官来说，想让你自我简单介绍，其实考察点有两方面： A.面试者的表达能力和概括能力 B.面试者目前掌握什么技术，做过什么项目，在项目中的角色来初步判定这个人的能力二．问题回答在本人问他们做过项目中，自己感觉挑战最大的项目是什么，你在这个项目中做了什么，遇到什么问题，怎么解决这些问题的 1.有些面试者给我的答案直接说没有比较大的挑战；这个让我感觉这个人可能没有听懂我的问题，工作那么多年，难道没有一个项目可以拿来说的，那我拿什么来判定你的能力呢？难道凭你几句话，说我很牛逼的，没有什么困难难得到我？我就信任你了，伯乐寻找千里马都要知道几个千里马的特征吧。所以没有你也要在面试前准备好自己做过的项目和总结，在项目中自己做了什么，充当什么觉得。

做好这3点，面试轻松拿offer

阅读更多关于做好这3点，面试轻松拿offer

后台回复“ 面试题 ”，免费领取前端开发面试题虽然金三银四已经过去了，但是前端开发工程师的招聘需求热度一直不减，我们前几天还要好几位朋友成功拿到过万的前端开发offer。下面是我作为一个面试官从三个维度给面试者建议和思考吧。一．自我介绍 1.自我介绍，可以简单介绍你毕业什么学校，什么专业 2.出来负责的项目，每个项目自己充当的角色 3.每个项目使用前端技术+后端技术简单大概的说出来就可以了，不要详细到你哪年进入公司，哪年离开公司，负责项目做什么的，说一大通。这个对我们面试官来说，想让你自我简单介绍，其实考察点有两方面： A.面试者的表达能力和概括能力 B.面试者目前掌握什么技术，做过什么项目，在项目中的角色来初步判定这个人的能力二．问题回答在本人问他们做过项目中，自己感觉挑战最大的项目是什么，你在这个项目中做了什么，遇到什么问题，怎么解决这些问题的 1.有些面试者给我的答案直接说没有比较大的挑战；这个让我感觉这个人可能没有听懂我的问题，工作那么多年，难道没有一个项目可以拿来说的，那我拿什么来判定你的能力呢？难道凭你几句话，说我很牛逼的，没有什么困难难得到我？我就信任你了，伯乐寻找千里马都要知道几个千里马的特征吧。所以没有你也要在面试前准备好自己做过的项目和总结，在项目中自己做了什么，充当什么觉得。 2.有些面试者回答这个问题，在介绍项目的时候，很大概的说

程序员到底要不要学习框架、库和工具

阅读更多关于程序员到底要不要学习框架、库和工具

老孟导读：昨天看了一篇文章，文章名称叫做《STOP LEARNING FRAMEWORKS》（停止学习框架），文章发布时间时间是2018年，感叹为什么没有早一点看到这一篇文章，看过我《对Flutter初学者的一些建议》这篇文章的都知道，里面建议少使用第三方库，但仅仅是从生态发展的角度考虑的，这篇文章或者可以给你一些不一样的启发。以下为译文：作为开发人员，我们需要与时俱进，跟上技术的步伐，我们每天都在学习编程语言、框架和库，因为我们知道越现代的工具越好。跟随Angular, React, Vue, Riot, Ember, Knockout 的脚步是一件多么有趣的事啊。（这应该是一句反话）但这是在浪费时间时间是我们拥有的最宝贵的资源。它是有限的，不可再生的，用钱也买不到它。技术就像时尚一样，以光速变化。为了赶上它，我们需要跑的非常快。但这场比赛没有赢家，因为它没有终点。我的导师曾经这样教我：导师：Ed（作者，下同），你在做什么？我（骄傲地说）：我正在读一本关于如何用 GWT 构建现代 Java 应用的书。导师：读它做什么？我：作为一个开发者，我应该紧跟潮流，GWT现在非常流行。导师：在读GWT之前，你读过其他技术书籍吗？我：我读了一本关于Apache Tapestry的书籍，这本书有500页，那时这本书也非常流行。导师：那现在这本书还流行吗？我：不

程序员到底要不要用框架开发？

阅读更多关于程序员到底要不要用框架开发？

程序IT圈 www.cxyquan.com 优秀程序猿技术公众号作者：缘自世界 https://segmentfault.com/a/1190000016801687 最近，在持续关注一个Twitter话题，就是 Why do people decide to use frameworks? ，这个话题是由Nicole Sullivan提出的。刚开始，我对这个问题也没有太在意，也就是随意的看了看，正如提问者Nicole Sullivan说的那样，我刚开始也觉得这是一个愚蠢的问题。但是这个问题就像蒲公英的种子一样，就这么在我的脑海里扎了根，截至到我这写这篇文章之前，我都有一直关注这个问题，并且在思考这个问题。虽然这个问题看似简单，你或多或少都能回答出那么一两点，但是我想你可能自己也对自己的回答不太满意吧？不管你怎么想的，但我渐渐收起了我从一开始的轻视态度，开始正视这个问题。在这里，我还要感谢Nicole Sullivan，是她的这个话题，让我对为什么使用框架有了全方位的了解。为什么用可以集中精力在业务的实现，而不用把过多的精力和人力用在代码功能逻辑的实现上。可以避免由我们自己写带来的很多bug。可以暂时快速的解决掉某一问题，以待以后的进一步解决。可以避免写技术文档和介绍功能实现给团队成员的问题。可以极大的缩短开发的周期。因为成熟的框架本身就是完善的解决方案

程序员到底要不要用框架开发？

阅读更多关于程序员到底要不要用框架开发？

作者：缘自世界 https://segmentfault.com/a/1190000016801687 最近，在持续关注一个Twitter话题，就是 Why do people decide to use frameworks? ，这个话题是由Nicole Sullivan提出的。刚开始，我对这个问题也没有太在意，也就是随意的看了看，正如提问者Nicole Sullivan说的那样，我刚开始也觉得这是一个愚蠢的问题。但是这个问题就像蒲公英的种子一样，就这么在我的脑海里扎了根，截至到我这写这篇文章之前，我都有一直关注这个问题，并且在思考这个问题。虽然这个问题看似简单，你或多或少都能回答出那么一两点，但是我想你可能自己也对自己的回答不太满意吧？不管你怎么想的，但我渐渐收起了我从一开始的轻视态度，开始正视这个问题。在这里，我还要感谢Nicole Sullivan，是她的这个话题，让我对为什么使用框架有了全方位的了解。为什么用可以集中精力在业务的实现，而不用把过多的精力和人力用在代码功能逻辑的实现上。可以避免由我们自己写带来的很多bug。可以暂时快速的解决掉某一问题，以待以后的进一步解决。可以避免写技术文档和介绍功能实现给团队成员的问题。可以极大的缩短开发的周期。因为成熟的框架本身就是完善的解决方案。一般它们都有自己的生态系统，有众多技术达人参与。这样我们在使用中

项目中使用的前端组件总结

阅读更多关于项目中使用的前端组件总结

今年下半年在新项目中，实践了前后端分离技术。后端使用spring cloud微服务。安全框架使用了Spring Security，并集成了Oauth2认证。前端技术使用里Angular 6，UI框架使用了Material。在项目开发过程中，使用里一些非常好用的、优秀的前端ng组件。组件 @angular/flex-layout Angular Flex Layout使用Flexbox CSS + mediaQuery提供复杂的布局API。此模块使用自定义布局API，mediaQuery observables和注入的DOM flexbox-2016 CSS样式为Angular开发人员提供组件布局功能。 Flex布局引擎智能地自动化将适当的Flexbox CSS应用于浏览器视图层次结构的过程。这种自动化还解决了传统的，手动的，仅CSS的盒子CSS应用程序遇到的许多复杂性和变通方法。然而，Flex Layout的真正强大之处在于它的响应引擎。响应式API使开发人员能够轻松指定不同视口大小和显示设备的不同布局，大小，可见性。 moment 一个轻量级的JavaScript日期库，用于解析，验证，操作和格式化日期。 @angular/material-moment-adapter moment 在Angular框架中的适配组件。 ng2-cookies

订阅 angularjs