前端 | 易学教程

Beta 冲刺（2/7）

阅读更多关于 Beta 冲刺（2/7）

前言队名：拖鞋旅游队组长博客： https://www.cnblogs.com/Sulumer/p/10104842.html 作业博客： https://edu.cnblogs.com/campus/fzu/Grade2016SE/homework/2493 组内情况燃尽图任务分布 github签入记录前端签入记录：后端签入记录：暂无苏路明（组长）过去两天完成的任务 1.细分任务 2.重组前端github 接下来的计划 1.改善布局、原型。 2.把控好团队的进度。 3.完善分享机制还剩下哪些任务团队统一展示，见任务分布图，代号Sulumer。有哪些困难任务繁重，缺乏时间管理，觉得Beta版本的冲刺很吃力。有哪些收获和疑问之前偷的懒，现在都得双倍补回来。陈瀚霖过去两天完成的任务研究并反思alpha版本自己所作的部分接下来的计划改进markers的外观还剩下哪些任务团队统一展示，见任务分布图，代号160。有哪些困难 map能找到的资料较少有哪些收获和疑问对alpha版本有了进一步的理解程晓宏过去两天完成的任务制作测试报告PPT 接下来的计划完善旅游地图功能还剩下哪些任务团队统一展示，见任务分布图，代号106。有哪些困难性能优化有哪些收获和疑问 1..Mybatis实战 2.后端数据操作何家健过去两天完成的任务

关于开发知识的一些总结

阅读更多关于关于开发知识的一些总结

软件开发工程师这个叫法注意了开发是与工程打交道的。那么前端开发也不例外。软件开发工程也可以是在互联网世界上的建筑作业。前端开发搞得是前端工程。那么类比现实世界的建筑工程类型，前端有哪些工程类型呢？又有哪些分类标准呢？根据采用的框架有Vue项目工程、Reactjs项目工程以及传统工程（不采用框架）。根据工程化的脚手架分webpack工程、gulp工程、rollup工程等。还可以分出移动端工程和pc端工程；甚至于nodejs工程、Nuxt工程、小程序工程。那么这些都熟悉吗？最近重新温习了数据结构和算法。既然数组是一种数据结构，那么JavaScript的基本数据类型：undefined、null、Boolean、Number、String，复合数据类型Array和Object也是数据结构。一般的业务中只是应用这些最简单且常用的数据类型就能搞定了。随着业务复杂度增加有必要学习更复杂的数据结构类型和算法。而数据结构和算法是所有高级开发语言的核心。我认为只有对开发的产品感兴趣才能真正带动开发，转变为对开发感兴趣。所以选择从事哪个行业很重要。来源： https://www.cnblogs.com/zhensg123/p/12253785.html

前端与后端交互

阅读更多关于前端与后端交互

设计要求：前端的HTML页面上有文本框用于输入一个整数，点击按钮后将文本框内的数提交给后端，后端对该数进行判断是否是素数，并将结果返回给前端，前端输出结果。前端HTML页面（index.html）： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <title>Powered By Leisureeen</title> <script type="text/javascript"> function b_req() { var pr = document.getElementById("priN"); Request('IsPrime', 'post', 'priN=' + pr.value); } function Request(url, action, json) { var httpRequest = new XMLHttpRequest(); httpRequest.open(action, url, true); httpRequest.setRequestHeader("Content-type"

前端页面报net::ERR_CONNECTION_RESET错误的原因

阅读更多关于前端页面报net::ERR_CONNECTION_RESET错误的原因

本机和测试环境都是OK的。但是一到线上就报错；可能原因总结如下： 1 可能是服务器限制了文件上传的权限。　　解决方法：开通了文件上传权限。 2 也许导致这种错误的方式有很多，可能是因为post请求时提交的数据过多而导致的。　　解决办法：修改tomcat的配置文件server.xml 3 服务器未开启；　　如静态文件运行时没有开启静态资源服务器就会报这个错误 4 跨域请求的问题；　　如上传excel表格时，打开翻墙就可以进行上传，否则会报net::ERR_CONNECTION_RESET 来源： https://www.cnblogs.com/xhliang/p/8992354.html

025.前端工程构建

阅读更多关于 025.前端工程构建

一、前端工程构建过程前端开发框架： vue 、react、Angular 等；前端工程构建工具： webpack 、Npm Script、gulp、grunt等； Js包管理工具： npm （Node Package Manager）　　　　npm是随同NodeJS一起安装的包管理工具（管理js代码，类似java jar包管理工具maven）　　　　　　允许用户从NPM服务器下载别人编写的第三方包到本地使用。　　　　　　允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。　　　　　　允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用 1.为什么需要构建：使用框架开发的源代码无法直接在服务器运行，必须通过转换后（构建）才可以正常运行。 2.构建过程：将源代码转换成可执行的JavaScript、CSS、HTML代码；代码转换：将TypeScript编译成JavaScript、将SCSS编译成CSS等。文件优化：压缩JavaScript、CSS、HTML代码，压缩合并图片等。代码分割：提取多个页面的公共代码，提取首屏不需要执行部分的代码让其异步加载。模块合并：在采用模块化的项目里会有很多个模块和文件，需要通过构建功能将模块分类合并成一个文件。自动刷新：监听本地源代码的变化，自动重新构建、刷新浏览器。代码校验

前端学习笔记 JQuery（二）

阅读更多关于前端学习笔记 JQuery（二）

事件 $(document).ready() $() load() 加载 click() dblclick() 点击 keydown() keypress() keyup 键盘 mousedown() mouseup() mousemove() mouseenter() mouseleave() mouseover() mouseout() 鼠标 focus() blur() 焦点 change() 改变 submit() 提交 on() 绑定事件 trigger() 触发事件页面加载有两种方式表示 1. $(document).ready(); 2. $(); 这种比较常用图片加载用load()函数 keydown 表示按下键盘 keypress 表示按住键盘 keyup 表示键盘弹起这三者的区别分别表现在发生的先后顺序，获取到的键盘按钮值，已经对输入框的文本取值这三方面先后顺序：按照 keydown keypress keyup 顺序发生键盘按钮值：通过event对象的which属性获取键盘的值 keydown和keyup 能获取所有按键，不能识别大小写 keypress 不能获取功能键，如F1 SHIFT等，能够识别大小写文本取值： keydown和keypress：不能获取最后一个字符 keyup：获取所有字符进入事件有3个 mousemove

前端初学者～

阅读更多关于前端初学者～

1. HTML简介对于html，现在大部分都是用html5，它不是编程语言，而是一种标签语言，简单易学，可用于多种方面，是前端开发的基础，在其中可插入JavaScript等编程语言写成动态网页，但仅用HTML只能写成静态网页。 2.HTML基础前面已经说过，html是一种标签语言，所以标签的用法要说一下：多数标签由“开头”和“结尾”组成（但也有很大一部分的没有闭合标签），如下为标签与标签的例子： < ! DOCTYPE html > < html > < body > < h1 > 我的第一个标题 < / h1 > < p > 我的第一个段落。 < / p > < / body > < / html > 输出为：我的第一个标题我的第一个段落。由此不难看出闭合标签都为</>而开头的标签为<>。因此这里还必须要说一下HTML基本的标签及用法、作用，如下： 1. [未完待续～] 来源： CSDN 作者：中午好链接： https://blog.csdn.net/qq_45491408/article/details/104138527

【JavaScript】前端模块化：import 和 export 的使用

阅读更多关于【JavaScript】前端模块化：import 和 export 的使用

为什么要有模块化？多人开发时会遇到变量作用域问题。解决方案：匿名函数，但是会带来代码不可复用的问题解决代码不可复用的问题，可以使用模块化： ES6 规范里的模块化实现比如可以使用 type=module 不同的模块化规范，导入、导出的写法可能不太一样，但都有这两个核心：导入、导出。随着前端的发展，已经不需要使用模块化。只需要遵守别人的规范即可使用了。导出：可以导出类：导入：来源： CSDN 作者：寒泉Hq 链接： https://blog.csdn.net/sinat_42483341/article/details/104131589

客户端渲染和服务端渲染的区别

阅读更多关于客户端渲染和服务端渲染的区别

服务端渲染：DOM树在服务端生成，然后返回给前端。例：用nodeJS开发的程序就利用了服务端渲染客户端渲染（SSR ）：前端去后端取数据生成DOM树。例：用vue或者react等框架开发的单页面应用程序就利用了客户端渲染服务端渲染的优点： 1、尽量不占用前端的资源，前端这块耗时少，速度快。 2、有利于SEO优化，因为在后端有完整的html页面，所以爬虫更容易爬取信息。服务端渲染的缺点： 1、不利于前后端分离，开发的效率降低了。 2、对html的解析，对前端来说加快了速度，但是加大了服务器的压力。客户端渲染的优点： 1、前后端分离，开发效率高。 2、用户体验更好，我们将网站做成SPA（单页面应用）或者部分内容做成SPA，当用户点击时，不会形成频繁的跳转。客户端渲染的缺点： 1、前端响应速度慢，特别是首屏，这样用户是受不了的。 2、不利于SEO优化，因为爬虫不认识SPA，所以它只是记录了一个页面。服务端和客户端渲染的区别： 1、二者本质的区别：是谁来完成了html的完整拼接，服务端渲染是在服务端生成DOM树，客户端渲染是在客户端生成DOM树。 2、响应速度：服务端渲染会加快页面的响应速度，客户端渲染页面的响应速度慢。 3、SEO优化：服务端渲染因为是多个页面，更有利于爬虫爬取信息，客户端渲染不利于SEO优化。 4、开发效率：服务端渲染逻辑分离的不好，不利于前后端分离

【前端学习】

阅读更多关于【前端学习】

2020.01.31 来源： CSDN 作者： Yuki-W 链接： https://blog.csdn.net/soul_mate_Y/article/details/104129328

订阅前端