是一个不错的学习资源。推荐给大家！...1、主要依赖 Angular 8.0 PrimeNG 7.1 Bootstrap 3.3.7 Echarts 3.4.0 ckeditor5-angular 1.0（目前有bug，不能兼容Angular8.0...，注释掉了CKEditor的入口，等官方升级到8.0） 2、系列项目 NiceFish：这是 Angular 版本的实现，前端基于 Angular 8.0 + PrimeNG 7.1.0。...这是由 ZTE 中兴通讯的前端道友提供的，我 fork 了一个，有几个 node 模块的版本号老要改，如果您正在研究如何利用 Electron 开发桌面端应用，请参考这个项目， nicefish-spring-cloud...已经完成了一些基本的功能，如 SpringSecurity+OAuth2+JWT 实现SSO，文章、用户、评论等的分页查询等。
最后，按下tab键 4.完成 2018/5/17 #水·滴# 使用 jdk9 运行报错：Caused by: java.lang.ClassNotFoundException: javax.xml.bind.JAXBException...这是一个让 print 能够不在末尾打印出\n（换行符）符号的小窍门。...链接：PrimeNG https://www.primefaces.org/primeng 还有官方的Material2： 链接：GitHub - angular/material2: Material...属性相当于是给字段加了一个保护套，如果想读这个字段的值，属性里面走的一定是get{}，如果想给字段赋值，属性里一定走的是set{}，那么程序员可以在get{}和set{}中增加一些限制，验证要赋值的内容...对于外部使用者来说只能够使用它，不能控制它，如何控制操作是由类自身决定的（或者说是由程序员决定的，嘿嘿~）。 另外，字段值可以用作ref、out参数，而属性不能。
@Angular/cli 我们需要有一个统一的node.js模块把所有node工具集成在一起，Angular/cli就是这样一个平台。...Angular新版本中静态路由只要写component属性，说明这个路由需要交给哪个component来处理，Angular就会自动创建这个component并渲染出来。...只要在构造函数里写需要应用到怎样的属性，Angular会自动创建它的实例并注入class。 注射器也是一个树型结构，在每个标签上都有injector的实例。...Angular还有一个最重要的设计特色就是数据绑定，它实现了双向数据绑定。双向数据绑定最低层有一个脏检查机制，要做这件事非常的难，所以在Angular之前没有人去做双向绑定。...例如ng2-bootstrap、PrimeNG和官方提供的Angular-Material2，在移动端也有Ionic支持。
事实证明使用 Angular 开发大型后台管理系统具有独特的优势。另一方面， Angular 是困难度复杂度的一个缩影，它汇聚了设计模式、设计哲学、工程化思想，对于前端开发是质的飞越。...搭建开发环境 开发环境的搭建非常简单，使用 Angular CLI 几乎可以完成所有工作，但是在与后端联调接口的时候，还需要做一些自定义配置。...对于后台管理系统，常用的组件无外乎弹窗、分页、标签页等。对于更复杂的系统，也可以根据自己的情况选择其他组件更丰富的 UI 库，比如 PrimeNG 等。...关于异步开发的历史在面试中有遇到过，可以说的东西很多，比如回调函数、Promise、迭代器和生成器、async 和 await，除此之外，RxJS 中的可观察对象（Observable）应该是下一个更强大的异步编程方式...整体而言，Angular + TypeScript 的开发方式非常舒服，VSCode 对 TS 的支持非常完美，语法提示、自动补全都很方便，强类型语言是前端开发的趋势。
ngx-formly 是 Angular 应用实现响应式的动态表单框架，不仅支持自动生成表单、易于上手的自定义字段扩展、自定义验证扩展、支持 Formly Schema 和 JSON Schema，还有开箱即用的内置表单主题.../schematics --ui-theme=ng-zorro-antd Angular CLI 添加新页面： 推荐使用 angular-cli 提供的 ng generate 自动生成： ng g m...label}格式不正确`, }, }, } 自定义携带选项的验证函数： 在前面为邮箱定义的验证函数使用了一个比较通用的正则，如果在实际使用时除了直接修改验证函数中的正则外，还可以通过第三个选项参数实现验证范围的缩小...[a-zA-Z]{2,}$/, }, }, ], }, } 自定义异步验证实现唯一校验： 通过接口实现手机号在系统中唯一使用也是最为常见的一个场景，通过异步验证需要使用将使用同步验证函数时的...： 将相关联的字段放到同一个 fieldGroup ，并在 fieldGroup 同级添加自定义验证函数，同时还要通过 options.errorPath 设置显示验证消息的字段： { validators
原标题：Spring国际认证指南|了解如何使用 AngularJS 检索网页数据 本指南将引导您编写一个使用基于 Spring MVC 的RESTful Web 服务的简单 AngularJS 客户端...JavaScript 函数，它被赋予了 AngularJS$scope和$http组件。...src="hello.js">复制 第一个脚本标签从内容交付网络 (CDN) 加载缩小的 AngularJS 库 ( angular.min.js )，这样您就不必下载 AngularJS...标签的ng-controller属性设置为 reference Hello，即控制器模块。 另请注意使用占位符的两个标签（由双花括号标识）。...The ID is {{greeting.id}} The content is {{greeting.content}}复制 占位符引用将在成功使用 REST 服务时设置的模型对象的
当用户完成输入表单的某一字段，页面位置自动往下前进至下一个字段更好利用有限空间。 ? 原则 2：减少输入字段和用户打字的交互成本 表单越长越复杂用户完成整体表单的意愿就越低 – 尤其是在小屏幕上。...原则 3：表单中的字段标签要么放置在字段上部要么使用浮动标签 字段标签告知用户这个字段的目的，清晰易懂的字段标签是让界面交互性提升的一个主要手段。...为什么你不应该使用内嵌标签（placeholder）做字段标签 内嵌标签（或placeholder作为一个字段标签），是位于表单域里面的文本，当用户输入的时候它会自动消失。 ?...一旦用户点击文本框，标签将消失，因此用户无法仔细检查他/她写的是什么确实是为了被写入。占位符文本是视觉标签一个贫穷的替代品。 ?...占位符文本默认情况下显示，但一旦一个输入字段被窃听和输入文本占位符文本淡出和顶部对齐的标签的动画。
标签文本 4. 占位符 / 输入文本 5. 关闭图标（可选元素） 6. 帮助文本 / 错误文本（可选元素） 1....避免长标签;使用简洁，简短和描述性标签（一两个字），以便用户可以快速扫描你的表单。 标签文本应始终可见 标签文本有两种常用的方法： 顶部对齐标签 - 位于容器顶部附近的标签。 ? 浮动标签。...标签文本不应占用多行 如果你需要在字段的上下文中提供其他信息，请考虑使用帮助文本。 4. 占位符/输入文本 占位符是用户在与字段交互之前看到的文本。输入文本是用户在文本字段中输入的文本。...注意占位符文本的使用 为占位符选择正确的文本非常重要。例如，如果你要求用户提供城市，请不要将城市名称用作占位符。它会误导用户认为占位符文本是一个条目。 ?...右：占位符中提供了正确的格式 在某些情况下，最好使用自动格式化 - 该字段会自动调整用户提供的信息（根据格式）。它使得在表单中验证信息变得更加容易。 ?
用正确的标签做正确的事情，便于对浏览器、搜索引擎解析 HTML5的离线储存 localStorage 长期存储数据，浏览器关闭后数据不丢失 sessionStorage 数据在浏览器关闭后自动删除...ID、类、标签、属性、伪类、后代、子类、相邻、通配 important 》ID》Class》Tag 浮动和定位 浮动脱离标准文档流，造成父元素塌陷 清除浮动：overflow，clear，height...创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型 属性和方法被加入到 this 引用的对象中 新创建的对象由 this 所引用，并且最后隐式的返回 this 作用域、闭包和...，在数据变动时发布消息给订阅者，触发相应的监听回调。...脚本：减少重绘和回流、缓存dom和length、事件代理、ID选择 渲染：优化DOM结构、CSS3动画触发GPU 构建工具和原理 gulp基于流的自动化构建工具，Webpack基于模块的自动化打包工具
一、Overview Angular 入坑记录的笔记第五篇，因为一直在加班的缘故拖了有一个多月，主要是介绍在 Angular 中如何配置路由，完成重定向以及参数传递。...productId=xxxx">跳转 对于直接通过 a 标签进行的路由跳转，我们可以在 a 标签上通过绑定 queryParams 属性来添加查询参数信息 这里通过 queryParams 属性绑定的是一个对象...，Angular 会自动的帮我们将这个参数对象与 url 进行拼接。...同样的，我们也可以在 js 中完成路由的跳转，对于这种使用场景，我们需要在进行 js 跳转的组件类中通过构造函数依赖注入 Router 类，之后通过 Router 类的 navigate 方法完成路由的跳转...4.2.2、动态路由传递 与使用查询参数不同，使用动态路由进行参数传值时，需要我们在定义路由时就提供参数的占位符信息，例如在下面定义路由的代码里，对于组件所需的参数 newsId，我们需要在定义路由时就指明
（x 描述符：表示图像的设备像素比） 逐步加载图像 • 使用统一占位符 • 使用 LQIP • 低质量图像占位符（Low Quality Image Placeholders...） • 安装：npm install lqip • 源码：https://github.com/zouhir/lqip-loader • 使用 SQIP • 基于 SVG 的图像占位符...• 图片服务器自动化优化是可以在图片 URL 链接上增加不同特殊参数，服务器自动化生成。 ...如果放置页面底部，就要等待最后一个 CSS 文件下载完成， 此时会出现"白屏"，影响用户体验。 ...可以给 Cookie 设置有 效时间。
callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。...闭包 一个可以访问另一个函数中的变量的函数。当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的变量,且返回的这个函数在外部被执行就产生了闭包。...window 对象 构造函数 call/apply es6有哪些新特性 let const 箭头函数 展开符 解构赋值 对象语法糖 字符串模板 webpack相关配置属性 入口出口文件： entry:...引入html5shiv.js文件 5、针对IE属性 css hack 6、-ms- -o- -webkit- -moz- 7、清除浮动 clearfix 8、边距重叠 解决：加一个父元素，父元素使用...组件 服务 管道 什么是依赖注入 如何使用路由 参数快照 参数订阅 响应式编程 angular中的模板式表单和响应式表单 如何做表单验证 angular-cli的使用方式 如何创建组件 创建服务 创建类
DOCTYPE声明\新增的结构元素\功能元素 二、CSS 选择符有哪些？...清除浮动的方法 浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 1.使用空标签清除浮动。 ...这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。 2.使用after伪对象清除浮动 该方法只适用于非IE浏览器。具体写法可参照以下示例。...每次写完关闭之后重新调用该函数，会导致页面被重写。 innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。...标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”
对齐方式（不管元素如何浮动，始终以父级容器或它前面同层次并列的元素作为参考进行对齐。 2. 一旦元素浮动起来，就可以直接适用CSS盒子模型属性。...对内容的影响（尽管浮动元素脱离了默认文档流，但仍然会影响到默认文档流中的盒子里面装的“内容”（图文），这些“内容”会给浮动元素留出占位。盒子还是那么大，但是内容给浮动元素让出了位置。内容为王。）...因此，标签创建的是被引用图像的占位空间。 标签仅仅是超链接的一个占位符。 链接文本或元素 链接的常见形式： 1.锚点（anchor），用来跳转到页面中的特定位置。...伪类的写法：在常用选择符后面追加一个冒号“：”，然后加上伪类的名称。 常用的伪类： 超级链接的伪类应用： 1. 直接设定标签，等同于同时设定了的4种伪类状态。 2.
如何让多个盒子(div)水平排列成一行？ ? 如何实现盒子的左右对齐？ ?...漏 加了浮动的盒子是不占位置的，它原来的位置漏给了标准流的盒子。...pink老师说： 一个完整的网页，是 标准流 + 浮动 + 我们后面要讲的定位 一起完成的。 浮动应用案例 ? 导航栏案例 ?...清除浮动之后， 父级就会根据浮动的子盒子自动检测高度。...但是我们实际工作中， 几乎只用 clear: both; 1).额外标签法(隔墙法) 是W3C推荐的做法是通过在浮动元素末尾添加一个空的标签例如 </
img 加载完成 // 判断所有图片是否加载完成 function alertComplete () { var isImg = false; var img = document.getElementsByTagName...有一个浮动导航占位符，跟实际浮动导航一样的高度，浮动导航占位符的宽度 width 可以无限大，一般设置为 99999px,足够大，他的父级元素超出隐藏就好了，当实际浮动导航的浮动时，浮动占位符占住原先的位置...-- 浮动导航占位符 --> // css #float-nav-sticky-holder { width: 999999.99rem...="radio"] { margin: 0; } 使用 rem 进行适配 方法一：设置fontsize 按照iphone 5的适配 1em=10px 适配320 // “()()”表示自执行函数...important; } } h5 适配 https://zhuanlan.zhihu.com/p/268519512 在网页代码的头部，加入一行viewport元标签 <meta name=
（加 for 或 包裹） HTML5的form如何关闭自动完成功能？ 如何实现浏览器内多个标签页之间的通信? (阿里) webSocket如何兼容低浏览器？...CSS选择符有哪些？哪些属性可以继承？ CSS优先级算法如何计算？ CSS3新增伪类有那些？ 如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？ display有哪些值？...如何修改chrome记住密码后自动填充表单的黄色背景 ？ 你对line-height是如何理解的？ 设置元素浮动后，该元素的display值是多少？...如何判断一个对象是否属于某个类？ new操作符具体干了什么呢? 用原生JavaScript的实现过什么功能吗？ Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？...我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获 其他问题 原来公司工作流程是怎么样的，如何与其他人协作的？如何夸部门合作的？
*/ content: ''; } 清除浮动 一般情况下，一个父标签和更具其子标签的高度来自适应调整高度。...但当我们给子标签添加浮动float后，由于子标签的浮动状态导致父标签不会进行高度自适应，使其高度不存在。...此时，如果我们在此父标签之后再次添加一个标签，这个标签会紧挨着上一个父标签创建(即很有可能被子标签遮挡)。这时我们就需要使用清除浮动来让父标签包住浮动的子元素。...，文字会自动换行，但我们不希望它换行就需要文本溢出省略操作了。...而其他内核则需要使用js来完成
清除浮动（添加空div法）在浮动元素下方添加空div,并给该元素写css样式：{clear:both;height:0;overflow:hidden;} 给浮动元素父级设置高度； 父级同时浮动（需要给父级同级元素添加浮动...）； 父级设置成inline-block，其margin: 0 auto居中方式失效； 利用br标签的clear属性； 给父级添加overflow:hidden 清除浮动方法； 万能清除法 after伪类...getElementsByName() //通过元素的name属性查找 getElementById() //通过元素的id查找 2.如何理解闭包 定义和用法： 一个父函数里面包含了一个子函数，子函数调用了父函数内部的变量...1.clear：both，添加一个空标签div 2.父级div定义伪类:after和zoom 3.父级div定义overflow:hidden 4.父级div也浮动，需要定义宽度 5.结尾处加...学习angular会迫使你学习特有的预发，上手成本很大，代码看起来很干净 依赖注入，即一个对象将依赖项提供给另一个对象（客户端）的模式。导致更多的灵活性和更干净的代码。
7.HTML5的form如何关闭自动完成功能？ 给不想要提示的 form 或某个 input 设置为 autocomplete=off。...标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”...7.HTML5的form如何关闭自动完成功能？ 给不想要提示的 form 或某个 input 设置为 autocomplete=off。...同一行如果有多个浮动元素，第一个浮动元素会出现这个双边距bug，其它的浮动元素则不会。只需要给浮动元素加上display:inline;这样的CSS属性就可以了。...假如我一个页面有多个tab切换，我只需要执行函数的时候给函数传入不同的参数即可。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
