前端开发

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>  上一篇 ,99给大家介绍了使用js控制“:nth-child()”的方法，今天99继续给大家介绍一个使用js自动调整路径的相关介绍，希望大家喜欢。 目标： 路径自动调整 需求是这样的:在javascript 开发中，常常会碰到相对路径与绝对路径的问题。而javascript模块化开发（补充javascript模块化 http://www.cnblogs.com/muguaworld/archive/2011/11/27/2265356.html ）。常见的实现方式就是把js文件按需载入，在载入的过程中也会遇到路径问题。比如我们有路径/workspace/wwwroot/module1；我们需要加载 wwwroot下面的a.js文件，跟wwwroot下面module2的b.js文件，熟悉linux的同学就会知道 当目录/workspace/wwwroot/module1，我们输入 ../a.js 即可以拿到文件，此时的路径为/workspace/wwwroot/a.js，我们输入../module2/b.js 此时的路径为/workspace/wwwroot/module2/b.js 而javascript语言是浏览器端语言，除了现代浏览器未实现完全的fileapi外，他是不能操纵任何文件的。 补充

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 怎么做一名高薪前端工程师？必备哪些技术工具？想要成为一个高薪高职的Web前端工程师并不容易，你不仅需要掌握专业的技能点，还要具备较多的项目经验。为了能够快速的加入到这高薪行列，很多人选择参加培训班，不过你知道优秀的Web前端工程师需要掌握哪些技术工具吗？接下来就给大家一一介绍。 1、JavaScript JavaScript是属于网络的脚本语言，被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。同时它也是唯一一种所有浏览器都理解的编程语言，是前端开发的支柱，在深入其他语言之前好好理解这门编程语言非常重要。 2、NodeJS NodeJS是一个服务器端平台，它允许你用JavaScript语言构建后端，许多前端工具依赖于NodeJS，想成为一个优秀的Web前端工程师，你至少要熟悉Node和它的命令行工具。 3、ReactJS ReactJS是构建视图最流行的前端库，ReactJS是用ES6写的，可以用Babel转译为ES5，也可以用Babel转译为JavaScript的JSX。 4、Angular 2 Angular 2是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过，并且有一条陡峭的学习曲线，全面支持双向数据绑定。 5、ES6

Part.1 开篇 队名：彳艮彳亍团队 组长博客： 戳我进入 作业博客： 班级博客本次作业的链接 Part.2 成员汇报 组员1（组长）柯奇豪 过去两天完成了哪些任务 了解前端方面的相关内容，便于后续对进度的把握以及内容的调整 了解ssm框架，初步测试配置好开发前提 计划好后续的进度安排，定好接口的一些要求细则 展示GitHub当日代码/文档签入记录 接下来的计划 ssm框架配置完成 文章基本录入功能实现 还剩下哪些任务 按句分割标注 标注信息的传回 数据库处理 前后端交互测试 代码规范完整性修改 推出测试版本 燃尽图(组内共用) 有哪些困难 对于框架的熟悉需要一点时间 对于后端具体的工作还尚存模糊，需要进一步的深入了解与明确 有哪些收获和疑问 开始使用leangoo、github等组织团队开发，很新鲜同时存在不熟练，还需要更进一步的学习 组员2 丁水源 过去两天完成了哪些任务 数据库搭建准备 将任务分块（预准备） 安装数据库和java软件 描述: 数据库搭建准备：明确了实体和属性，为接下来的搭建工作做好准备。 将任务分块（预准备）：将任务分块方便接下来逐一完成。 安装数据库和java软件 展示GitHub当日代码/文档签入记录: 接下来的计划： 完成数据库的搭建 熟悉java软件 还剩下哪些任务： 微信小程序通知提醒框的完成 “发布通知”的新建模块的完成 “发布通知”的阅读以及

队名：观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车，页面美化 还剩下哪些任务 s 完成短租车，页面美化 遇到了哪些困难 网络请求速度慢 有哪些收获和疑问 1、收获：后台数据库管理 2、疑问：暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口。 前端新增输入框前端js校验，加载时等待动画，开放短租车功能模块，加入认证时上传图片功能。 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台，完善前端。 还剩下哪些任务 地图功能模块未连入前端页面。有时间可优化前端页面效果。 燃尽图 遇到了哪些困难 目前数据库中有些冗余，欲求一个不需要太大改动后端代码的修改办法。 有哪些收获和疑问 1、收获：让我对html的使用方法和css的玩法更熟悉了... 2、疑问：对于ajax和js的异步动态加载html不清楚，玩不出高级的东西。 陈湘怡 过去两天完成了哪些任务 文字/口头描述 开始修改UI 展示GitHub当日代码/文档签入记录 还在修改中，故还没上传 接下来的计划 继续修改 还剩下哪些任务 前端页面与后端接口的完善 燃尽图 组内共享 遇到了哪些困难 暂无 有哪些收获和疑问 1、收获：对前端更熟练 2、疑问：暂无 陈超颖

疑题： 14.引用文件 “time.inc” 的正确方法是（C ） A <?php require("time.inc"); ?> B <!--include file="time.inc"--> C <?php include_file("time.inc"); ?> D <% include file=“time.inc” %> require和include的用法一样，关键在于两者对于错误的处理，require中对于错误会执行中断并且显示致命错误，而inlcude不会中断程序，继续执行程序显示警告错误。 20.以下聚合函数，求数据总和的是（B ） A MAX B SUM C COUNT D AVG MAX 返回指定数据的最大值。 SUM 返回指定数据的和，只能用于数字列，空值被忽略。 COUNT 返回指定组中项目的数量。 AVG 返回指定组中的平均值，空值被忽略。 错题： 1.下面选项中，将字符串"{“姓名”:“张三”,“性别”:“男”}“解析成JSON对象，写法正确的是（B ）C A JSON.parses(”{“姓名”:“张三”,“性别”:“男”}"); B JSON.stringify("{“姓名”:“张三”,“性别”:“男”}"); C JSON.parse("{“姓名”:“张三”,“性别”:“男”}"); D JSON.string("{“姓名”:“张三”,“性别”

最近想搞些自动化，网上搜了不少的关于gulp的攻略，然后结合自己的一些实践发出来。如果对你有帮助也别谢谢我。如果误导了你，也别喷我。。。。水平有限。呵呵 本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。 第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问 http://nodejs.org ，然后点击大大的绿色的 install 按钮，下载完成后直接运行程序，就一切准备就绪。 npm 会随着安装包一起安装，稍后会用到它。 第二步：使用命令行 也许现在你还不是很了解什么是命令行——OSX中的终端（Terminal），windows中的命令提示符（Command Prompt），但很快你就会知道。它看起来没那么简单，但一旦掌握了它的窍门，就可以很方便的执行很多命令行程序，比如Sass，Yeoman和Git等，这些都是非常有用的工具。 如果你很熟悉命令行，直接跳到步骤四。 为了确保Node已经正确安装，我们执行几个简单的命令。 node -v 回车（Enter），如果正确安装的话，你会看到所安装的Node的版本号，接下来看看npm。 npm -v 这同样能得到npm的版本号。 如果这两行命令没有得到返回

随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！ 那么前端开发到底需要学什么？应该怎么学？接下来小编教你如何从零基础学习前端。 一、前端开发入门 在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。 这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。 二、前端开发初级 在接下来的这一个阶段，我们的目标是达到前端开发行业的基本要求

队名：凹凸曼 组长博客 作业博客 组员实践情况 童景霖 过去两天完成了哪些任务 文字/口头描述 继续学习Android studio和Java 制作剩余界面前端 展示GitHub当日代码/文档签入记录 暂无代码 接下来的计划 继续前端制作 还剩下哪些任务 APP前端的制作 燃尽图 遇到那些苦难 AS好难 有哪些收获和疑问 对于Android studio有了一定了解，但是还存在很多地方不理解。 黄永福 过去两天完成了哪些任务 UI美化 代码优化 接下来的计划 调试、完善细节 还剩下哪些任务 完善 燃尽图 遇到了哪些困难 怎么设计一个友好的刷新方式 有哪些收获和疑问 收获：一堆BUG——没错又成长了 疑问：没有 郑志强 过去两天完成了哪些任务 文字/口头描述 学习了Java和Android studio，初步了解了前端设计 展示GitHub当日代码/文档签入记录 接下来的计划 继续学习Android studio,学习界面交互跳转 还剩下哪些任务 界面事件响应操作、界面跳转、网络协议 燃尽图 遇到了哪些困难 没有前端知识，对Android studio的学习有难度，没有相关经验 学习内容繁多，没有明确的学习步骤 有哪些收获和疑问 收获：初步了解到安卓前端相关知识 疑问：暂无 陈心怡 过去两天完成了哪些任务 编写部分代码 暂无代码签入记录 接下来的计划 实现主要界面，测试bug

前段异步流程工具 1.promise 2.Generator函数 3.Async函数 4.Node.js提供的 nextTick 5.第三方的async.js async.js 1.async函数式是由es6提供的 2.async函数的底层其实就是generator函数 3.async函数需要和关键字 await搭配使用 4.async也是promise，也可以调用.then 格式： const asyncFn = async () => { await 任务 } var obj = { async aa () { await 任务 } } 例 const asyncFn = async () => { // const request = await '任务一' // console.log(' 任务2 ') // console.log( request ) // } // asyncFn() // console.log( '主线程任务' ) 注意：只有await后面的任务顺利执行完成，那么下面的人物才会去执行，如果await后面的任务执行不顺利，那么下面的任务就会执行不顺利 使用场景：先进行数据请求，得到数据后，然后再去操作这个数据，我们的async就是首选 4.async也是promise，也可以调用.then Node.js提供的两个方法 nextTick

前后端不分离 在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。 这种应用模式比较适合纯网页应用，但是当后端对接App时，App可能并不需要后端返回一个HTML网页，而仅仅是数据本身，所以后端原本返回网页的接口不再适用于前端App应用，为了对接App后端还需再开发一套接口。 请求的数据交互如下图: 前后端分离 在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。 在前后端分离的应用模式中 ，前端与后端的耦合度相对较低。 在前后端分离的应用模式中，我们通常将后端开发的每个视图都称为一个接口，或者API，前端通过访问接口来对数据进行增删改查。 对应的数据交互如下图 : 前后端分离的优点 彻底解放前端 前端不再需要向后台提供模板或是后台在前端html中嵌入后台代码 提高工作效率，分工更加明确 前后端分离的工作流程可以使前端只关注前端的事，后台只关心后台的活，两者开发可以同时进行，在后台还没有时间提供接口的时候，前端可以先将数据写死或者调用本地的json文件即可