angularjs

HTML表单4(form的action、method属性)

…衆ロ難τιáo~ 提交于 2020-08-11 17:55:19
表单的工作过程 表单的信息发送与处理过程可以简单的进行图示,如下图。 以注册会员为例,用户在自己的电脑上打开 相应的注册表单页面 填写信息,完成填写后点击提交按钮,也就是图中1所示过程。 这时浏览器会将这些信息发送给处理这些信息的服务器,服务器上有使用类似asp或php写成的 相应的处理程序 ,处理完成后,生成一个反馈信息,也就是2到3的过程。 然后服务器将处理后的信息发送给个人电脑,个人电脑在浏览器上通过一个新页面来提示用户处理结果。 这里就涉及到一个问题,一个网站会有针对不同用户的信息注册表单以及相应的信息处理程序,比如我们注册头条号就有"个人"、"企业"、"媒体"和"国家机构"的区分。**如何使不同的表单找到相应的处理程序呢?**在 <form> 标签中,有一个action属性就是为这个表单信息指定处理程序的。 <form> 中的action属性 调用程序 <form> 的action属性实际上就是为表单提示处理程序所在的路径,如果程序和页面在一个服务器中存储,那使用相对路径即可,如果在其他服务器,则要使用绝对路径。示例代码如下: <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type

零基础小白如何学习web前端?

心不动则不痛 提交于 2020-08-11 11:27:14
  很多刚接触web前端的开发的新手小白,都会有这样的疑问,“零基础小白如何学习web前端?学习web前端的学习路线是什么?”。接下来,小编就带大家来了解一下这些问题,助力新手小白快速转变成为合格的web前端开发工程师。   随着互联网技术的发展和进步,前端开发工作已经变的越来越复杂,仅仅是罗列一份前端开发的学习列表就已经是一件艰巨的工作。   曾经只要会编写HTML、CSS和Javascript就能够找到一份前端开发的工作。而现在,web前端开发远远不止是简单编码。因为我们的互联网技术的不断发展,技术更新迭代迅速,企业也对web前端开发人员有了更多的要求。   结合一些新手小白的情况和目前市面上企业对于web前端开发人员的需求,千锋上海为大家分享一份web前端开发的学习路线。   1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、webApp页面布局。学习目标是完成PC端网站布局,webApp页面布局,还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。   2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等

【融职培训】Web前端学习 第1章 概述

风流意气都作罢 提交于 2020-08-11 10:41:51
一、前言 很多零基础的同学在学习前端开发的过程中,总是会迷失在繁杂的知识体系当中。 没有一个适合自己的学习路径,会导致学习效率低下,很多同学都是在较低的学习效率和不断的受挫中放弃学习的。 本手册专门为这些零基础的同学打造,手册从前端最基础的【网页重构】开始,通过平滑的学习曲线,为大家提供一个明确的学习路径,最终让您独立完成一个小型的学生管理系统。 为了让您达到最终的学习效果,本手册在最后几章添加了一些后端的知识,不过不用担心,这些只是一些入门级的node和数据库知识,内容简单易懂,绝对不会影响同学们的前端开发学习体验。 二、关于学习内容的说明 为什么选择Vue? 前端的三大框架(React,Angular,Vue)是当前前端开发工程师必须掌握的技能,对于初学者来说,选择一个适合自己的框架是非常重要的,很多初学者会在框架选择上浪费自己宝贵的学习时间。这里针对国内行情,强烈推荐初学者从Vue学起,主要原因如下: 相对于React和Angular,国内使用Vue的公司较多,除非您已经有了自己心仪的公司,而且那家公司并不使用Vue。否则,从就业的角度,Vue是您最好的选择。 Vue相对于React和Angular,对前端初学者更友好,Vue相对于Angular要更容易入手,而React的生态体系对于新手也是一项艰巨的挑战。再有,Vue的中文文档相当完善

2020年前端面试问题汇总

|▌冷眼眸甩不掉的悲伤 提交于 2020-08-11 09:00:50
目录 开放性问题 平时怎么学习 如果需要你加班,你会加吗,抵触吗? 一个小项目让你自己负责搭建底层一些架构,你能胜任吗? 如果项目拖太久,你情绪低落或者厌烦了怎么调节? 你建议自己造轮子,还是利用开源的轮子? 考察学习能力和方法 你每天必须登录的网站(前端技术相关)是什么? 前端技术方面看过哪些书,有无笔记,都有哪些收获。 收藏了哪些代码片段?有想过开源自己的代码嘛? 怎么理解前端技术的大趋势?自己再做哪方面的知识储备? 是否了解或精通其他(后端)的编程语言? 做项目有没有遇到哪些印象深刻的技术攻关,具体遇到什么问题,怎么找答案的,最后怎么解的。 对以后自己的前端职业路线,怎么规划? 「 前端框架 」 对 MVC、MVVM的理解 vue、angularjs等 相对于 jQuery在开发上有什么优点? 前后分离的思想了解吗? 你上一个项目都用到了那些方法优化js的性能? HTML CSS JS static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别? **1.position定位有哪几种?各有什么特点?** **2.浏览器访问过程** **3.浅拷贝和深拷贝的区别和实现方法** 4. static有什么用途? 5. 引用与指针有什么区别? 6. 全局变量和局部变量在内存中是否有区别?如果有,是什么区别? 7.

基于 Angular Material 的 Data Grid 设计实现

心已入冬 提交于 2020-08-11 06:28:21
自 Extensions 组件库发布以来,Data Grid 成为了使用及咨询最多的组件。最开始 Data Grid 的设计非常简陋,经过一番重构,组件质量有了质的提升。 Extensions 组件库: https://github.com/ng-matero/extensions Data Grid 示例: https://ng-matero.github.io/extensions/data-grid 距离 Extensions Data Grid 重构已经过去了两个多月,因工作忙碌而迟迟没有介绍 Extensions Data Grid 的细节。这几天又重构了一下官网示例,目前的 API 文档放在了 gitbook 上,暂时还没有和官网整合,国内访问会比较慢。本文会介绍 Data Grid 的使用方法及比较好的一些功能实现。说点题外话, 开发一款插件最大的难度不在于功能的实现,而在于如何去设计插件 。 什么是 Data Grid? Data Grid 本质上就是通过 数据 + 列定义 + 配置项 来渲染表格的插件。这比写一堆 DOM 结构要简洁很多,可以说是 CRUD 业务中的大杀器之一。目前市面上功能最全的 Data Grid 是 ag-grid ,很多组件库也有自己的 Data Grid 实现,比如 Ignite UI , Kendo UI

Vue的MVVM是如何实现的?本文项目详解原理

走远了吗. 提交于 2020-08-11 06:05:58
相信只要你去面试vue,都会被问到vue的双向数据绑定,你要是就说个mvvm就是视图模型模型视图,只要数据改变视图也会同时更新!那你离被pass就不远了! 视频已录制,地址( www.bilibili.com/video/BV1qJ… ) 几种实现双向绑定的做法 目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、textare等)添加了change(input)事件,来动态修改model和 view,并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 实现数据绑定的做法有大致如下几种: 发布者-订阅者模式(backbone.js) 脏值检查(angular.js) 数据劫持(vue.js) 发布者-订阅者模式: 一般通过sub, pub的方式实现数据和视图的绑定监听,更新数据方式通常做法是 vm.set('property', value) ,这里有篇文章讲的比较详细,有兴趣可点 这里 这种方式现在毕竟太low了,我们更希望通过 vm.property = value 这种方式更新数据,同时自动更新视图,于是有了下面两种方式 脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更,来决定是否更新视图,最简单的方式就是通过 setInterval() 定时轮询检测数据变动

前端开发,我有一些经验想和你分享

社会主义新天地 提交于 2020-08-10 20:04:46
写在前面 最近身边有不少朋友想转行去做前端开发,然后跑过来问我,向我了解前端岗位,以及给他们一些建议等等;他们有的还没毕业,对于即将到来的社会毒打充满着迷茫和不安,有的已经工作两三年,突然觉得自己不合适当下这个份工作,想谋求一份别的职业。 选择一份职业不在于这份职业可以给你带来什么,而是你可以因此成为什么,这篇文章我会跟你聊聊关于前端的一些见解和「入坑」指南,希望可以给你的职业规划多一份参考和建议。 本篇文章中,你将会收获: 前端工程师岗位发展和分析 前端的发展前景和钱景 如何对自己当下的职业规划做出选择 前端学习路线的三个阶梯 本篇文章适合以下人群 即将毕业的计算机专业应届生 想要转行前端开发的你 关于前端开发这个岗位 不少人对于前端开发充满着各种误解,觉得就是写写网页 、切切图的,没什么了不起;前几年开始,市场上出现了一些可视化构建网页的工具和平台,可以一键发布,直接生成网页效果,有人就说,这样的话,前端开发是不是要丢饭碗了?前端技术发展是不是到达瓶颈了?前端的岗位是不是快饱和了等等... 往往提出这些问题的人,大多数都是不了解前端工程师和前端开发的人。 首先不得不说,在过去的一段时间内,前端工程师当时还叫做「网页设计师」,工作内容确实是写一些 HTML 和 CSS 样式,偶尔还打开 PS 切个图,放到现在,如果只会这些技能肯定是找不到工作的;其次

How to get the entire path of the selected menus in Angular material Nested menus

谁说胖子不能爱 提交于 2020-08-10 20:00:08
问题 I am new to angular and using the Angular material Nested menu the code is pretty simple like this <mat-menu #animals="matMenu"> <button mat-menu-item [matMenuTriggerFor]="vertebrates">Vertebrates</button> <button mat-menu-item [matMenuTriggerFor]="invertebrates">Invertebrates</button> </mat-menu> <mat-menu #vertebrates="matMenu"> <button mat-menu-item [matMenuTriggerFor]="fish">Fishes</button> </mat-menu> <mat-menu #invertebrates="matMenu"> <button mat-menu-item>Insects</button> </mat-menu>

Web前端兼容性指南

Deadly 提交于 2020-08-10 18:04:17
一、Web前端兼容性问题 一直以来,Web前端领域最大的问题就是兼容性问题,没有之一。 前端兼容性问题分三类: 浏览器兼容性 屏幕分辨率兼容性 跨平台兼容性 1、浏览器兼容性问题 第一次浏览器大战发生在上个世纪90年代,微软发布了IE浏览器,和网景公司的Netscape Navigator大打出手,1998年网景不得不将公司卖给AOL。没有了对手的IE不思进取,W3C标准支持发展缓慢,为以后的IE兼容性灾难埋下了伏笔。到2004年,IE的市场份额达到95%,但在此之后IE的份额逐步遭其他浏览器蚕食,主要包括Firefox,Chrome,Safari和Opera。. 2001年8月27日,微软发布IE6,时隔五年直到2006年才发布了IE7。2009年3月19日,经历了众多测试版后,IE8最终发布,虽然IE8针对旧版IE在多方面做了很大改进,但在HTML5、CSS 3等标准支持方面仍落后于其他浏览器对手。这三个版本的IE是所有兼容性问题的最大根源,堪称前端噩梦。 IE6、7、8不支持HTML5、CSS3、SVG标准,可被判定为“极难兼容” IE9不支持Flex、Web Socket、WebGL,可被判定为“较难兼容” IE10部分支持Flex(-ms-flexbox)、Web Socket,可被判定为“较易兼容” IE11部分支持Flex、WebGL,可被判定为“较易兼容” IE6

前、后端分离权限控制设计和实现思路

拟墨画扇 提交于 2020-08-10 13:36:52
云栖号资讯:【 点击查看更多行业资讯 】 在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 简述 近几年随着react、angular、vue等前端框架兴起,前后端分离的架构迅速流行。但同时权限控制也带来了问题。 网上很多前、后端分离权限仅仅都仅仅在描述前端权限控制、且是较简单、固定的角色场景,满足不了我们用户、角色都是动态的场景。且仅仅前端进行权限控制并不是真正意义的权限控制,它只是减少页面结构暴露、增强用户体验的功效。 场景 系统为后台管理系统,包含了用户创建、用户登录、用户管理自己的资源。用户经常会新增、删除,也可以根据工作情况随时调整页面、功能权限,所以采用用户-角色-页面权限方案实现。 为什么不行: 根据前端路由表显示左侧菜单,但vue-router的路由表主要为了组织代码,经常我们所需要的菜单并非一致。比如某个前端路由a子路由有b、c,但菜单中我们想要直接一级菜单就显示b、c或者将b、c各放到其他菜单下。所以这种非常不灵活。 一个路由是菜单还是页面?是否需要显示到菜单中?是否验证权限?哪个角色或者用户拥有权限?这些都需要写到前端路由里面,一旦有任何权限变动就要大量调整代码。 如果权限写死在前端,那么角色或者用户必须已知且固定不变。比如页面1的meta增加属性标识可访问的角色为a和b 页面 一个页面即一个前端页面,比如首页、用户管理页、资源管理页等。