前端 | 易学教程

前端学习（444）：递归函数

阅读更多关于前端学习（444）：递归函数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> var sum=0; var i=0; function fn8(){ if(i===100){ return;//跳出 } sum+=i; i++; fn8(); } fn8(); console.log(sum); </script> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/104040426

前端覆盖式发布引发的使用体验提升

阅读更多关于前端覆盖式发布引发的使用体验提升

我们公司前端采用的是覆盖式发布，过程就是：每次上线时构建好前端项目，将构建产物丢给运维，运维直接用新构建直接替换掉线上的版本（一般小作坊应该都是这么搞的...为啥这么搞？我想理由应该是想同的，在此我就不过多解读了）简单粗暴的背后隐患是很大的：假设这么个场景，有用户a和用户b有在使用我们的平台，有一天某时某刻，a正在使用我们的平台，成功登陆后，开始操作balabala，然后a没有关浏览器窗口，也没有关电脑，然后出去嗨了...在a嗨的同时，我们公司可爱的前端同学修复了一个bug，测试好了之后上线了一版，恰巧上线完成之后，b用户也来访问我们的平台，跟a一样的操作，没有出什么问题，但是a这时候继续使用我们平台的时候，问题就来了，发现点击好多页面没有反应，万幸的是a会武术，a打开f12后发现好多js文件404了？什么，我嗨之前不是好好的吗？怎么嗨完回来就gg了... 分析仔细详细详细，这种场景下，用户a的问题是不是偶发还是必然？当然是必然了。。。不要给方案上的缺陷找借口了。。。现在前端开发一般是webpack构建项目，在html只会写一个入口的js文件，多个页面的js文件都会被webapck切分代码在配置中映射起来，通过webpack.require来进行懒加载。比方说用户页面和设置页面，用户访问用户页面（没有打开设置页面），这个时候我们修改设置页面并更新一个新版本

移动端前端UI库—Frozen UI、WeUI、SUI Mobile

阅读更多关于移动端前端UI库—Frozen UI、WeUI、SUI Mobile

Frozen UI 自述：简单易用，轻量快捷，为移动端服务的前端框架。主页：http://frozenui.github.io/ 开发团队：QQVIP FD Team Github：https://github.com/frozenui/frozenui Demo：http://frozenui.github.io/frozenui/demo/index.html WeUI 自述：WeUI是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。开发团队：Wechat Official Design Team Github：https://github.com/weui/weui Demo：http://weui.github.io/weui/ SUI Mobile 主页：http://m.sui.taobao.org/ 自述：轻量、小巧、精美的UI库，方便迅速搭建手机H5应用，也非常适合开发跨平台Web App。开发团队：阿里巴巴共享业务事业部UED团队 Github：https://github.com/sdc-alibaba/SUI-Mobile Demo：http://m.sui.taobao.org/demos/ 兼容：兼容到 iOS 6+ 以及 Android 4.0+ 基于 Framework7 进行开发，并参考

vue前端+nodejs后端通讯最简单demo

阅读更多关于 vue前端+nodejs后端通讯最简单demo

vue前端+nodejs后端通讯最简单demo 前言效果演示技术架构前端部分安装部署前端代码运行前端终端后端部分安装部署后端代码：运行后端终端结语项目源码前言本文记录vue前端+nodejs后端通讯最简单的方法，供广大网友最快速进入全栈开发。效果演示本示例效果如下：前端是一个登陆表单，信息提交给后端，后端收到后给前端反馈信息。技术架构前端 vue + axios + wepack 后端 nodejs + express 前端部分安装部署前端安装vue，方式多种，本文使用vue-cli3 + vue ui图形化安装，具体请百度，命令如下：安装 vue-cli3： npm i @vue/cli -g vue图形化安装： vue ui 安装 axios 用于和后端通讯： npm i axios -s 前端代码然后我们打开“App.vue”，把代码改成如下：建立了一个登陆表单，提交按钮点击后向“http://127.0.0.1:3000/login”这个后端地址post表单数据。 < template > < div > < form method = " post " > 账号 : < input type = " text " id = " name " /> < br /> < br /> 密码 : < input type = "

微服务，为什么从前后端分离开始？

阅读更多关于微服务，为什么从前后端分离开始？

既要低头赶路，又要抬头望天，科技是为人服务的，任何技术背后都有更深层次的考量，在本系列的第一篇文章中我们聊了微服务的本质，它是一种可以加速分工、促进合作的新协作机制。知其然，知其所以然，在第二篇文章中我们剖析了微服务为什么可以加速分工、促进合作，今天我们再接着来聊聊怎样开启微服务架构之旅。微服务到底改变了什么，你知道吗？微服务，为什么可以加速分工、促进合作？ 1. 从前后端分离开启微服务改造现在我们对微服务有了更深入的了解，也准备在构建新系统时采用这套新架构了，但它还是有些复杂度的，包括服务注册中心、统一配置中心、微服务网关、接入层网关、服务治理中心、调用链路追踪、分布式事务和分布式调度等众多组件。一口吃成胖子仅仅是一个美好的愿望，从单体式架构直接升级至全微服务架构，需要掌握这套全新的技术栈，对于缺乏前期铺垫的团队来说，学习曲线还是比较陡的，真正遇到的挑战往往超出想象的。心理学对此有专门的研究，我们探索陌生世界的动力源于兴趣，而兴趣就是好奇心和正向反馈。如果我们刚开始就把目标设定的太高太远，在坚持努力了一段时间之后，还无法达成目标的话，那我们就接收不到正向反馈。久而久之，好奇心就会消磨殆尽，兴趣也就随之消失了。最靠谱的方式就是段带式进阶，将一个非常宏大的目标拆解成多个阶段性目标。在当前能力水平下，最近的阶段性目标只需要我们稍作努力跳跳脚就可以完成的

还在羡慕程序员工资高吗？看完这篇前端学习计划，你也可以拿高薪

阅读更多关于还在羡慕程序员工资高吗？看完这篇前端学习计划，你也可以拿高薪

什么是前端？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。第一阶段 1.html+css HTML、CSS、div+css布局、HTML+css整站开发，适当的敲一些网页的静态页面 2.初级JavaScript（js）常见DOM树操作大全、Js基础教程、js内置对象常用方法、 ECMAscript、DOM、BOM、定时器和焦点图 3.高级JavaScript（给大家整理了一套学习资料，见页尾处）正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础，悬着器、DOM操作、特效和动画、拖拽、变形、JQueryUI组件基本使用（JQuery的使用）第二阶段 1.移动Web开发尝试不同的服务端口

在网页中预览excel表格文件

阅读更多关于在网页中预览excel表格文件

项目需求在前端页面中实现预览excel表格的功能，上网了解之后大致总结为一下几种方法。 1.office文档转换为pdf，再转swf，然后通过网页加载flash进行预览 2.通过 xlsx.js，jszip.js插件 3.django xlrd读取excel内容，循环写入到前端页面table中 4.office转html，网页加载html文件进行预览第一种方法：首先你的电脑上需要安装office软件，其次转换过程较为繁琐，同时消耗系统资源。第二种方法：个人对js不是很熟悉，看了别人写的js代码，感觉可行性还是挺高的第三种方法：通过django的xlrd插件按照行和列进行数据读取，然后写入到变量中存储，最后返回给前端模板页面。可以实现预览的效果，但后台操作较为繁琐，程序运行效率较低。第四种方法：把excel表格打开后，另存为html格式的文件。在网页上预览效果和excel表格一致。综上第四种方法是比较不错的选择需要安装libreoffice软件，ubuntu下直接通过软件库安装，其他可通过官网下载，下载地址如下： https://zh-cn.libreoffice.org... ps：注意系统版本的选取执行代码如下，后面跟的是文件地址。 libreoffice --invisible --convert-to html ' + my_file.name 在我的项目中

在web开发中，为什么前端比后端更得到转行程序员的青睐？必看！

阅读更多关于在web开发中，为什么前端比后端更得到转行程序员的青睐？必看！

1、Web开发分类与区别人们通常将Web分为前端和后端，前端相关的职位有前端设计师(UI/UE)，前端开发工程师，后端相关的有后端开发工程师。 2、技术栈区别看各大招聘网站上，公司对前端开发工程师的要求莫过于精通HTML，CSS，JS，有良好的交互设计能力等。再看公司对后端开发工程师的要求：比如Java开发工程师，要求精通Java，熟练掌握Java网络编程；熟练运用SSH等开源框架；熟悉互联网开发模式，清晰理解缓存，缓存设计和模式；精通TCP/IP、HTTP等网络协议，精通socket网络编程，有用Java做大访问量高压力网络应用的经验；熟悉Linux/Nginx；熟练配置维护Apache，Tomcat，Resin等应用服务器，掌握shell/awk/python等系统脚本工具；熟练掌握SQL语句，熟练使用数据库(MySQL，Oracle)；掌握Html/Javascript/Css/Ajax 等页面技术熟练使用Eclipse/Maven/Ant/SVN等软件开发工具； Web架构的性质决定服务端开发的复杂性，服务端的复杂性决定后端开发人员要掌握的技术。 3、学习成本区别用3年时间学习Web前端开发，多数同学都能够成为一个优秀的Web前端开发工程师。同样，用3年时间学习后端开发，多数同学只能算是入门。Web前端开发人员需要掌握HTML，CSS，JS

js文件分片上传,断点续传

阅读更多关于 js文件分片上传,断点续传

核心原理：该项目核心就是文件分块上传。前后端要高度配合，需要双方约定好一些数据，才能完成大文件分块，我们在项目中要重点解决的以下问题。 * 如何分片； * 如何合成一个文件； * 中断了从哪个分片开始。如何分，利用强大的js库，来减轻我们的工作，市场上已经能有关于大文件分块的轮子，虽然程序员的天性曾迫使我重新造轮子。但是因为时间的关系还有工作的关系，我只能罢休了。最后我选择了百度的WebUploader来实现前端所需。如何合，在合之前，我们还得先解决一个问题，我们如何区分分块所属那个文件的。刚开始的时候，我是采用了前端生成了唯一uuid来做文件的标志，在每个分片请求上带上。不过后来在做秒传的时候我放弃了，采用了Md5来维护分块和文件关系。在服务端合并文件，和记录分块的问题，在这方面其实行业已经给了很好的解决方案了。参考迅雷，你会发现，每次下载中的时候，都会有两个文件，一个文件主体，另外一个就是文件临时文件，临时文件存储着每个分块对应字节位的状态。这些都是需要前后端密切联系才能做好，前端需要根据固定大小对文件进行分片，并且请求中要带上分片序号和大小。前端发送请求顺利到达后台后，服务器只需要按照请求数据中给的分片序号和每片分块大小（分片大小是固定且一样的）算出开始位置，与读取到的文件片段数据，写入文件即可。为了便于开发，我将服务端的业务逻辑进行了如下划分，分成初始化

web前端开发这门技术是什么？

阅读更多关于 web前端开发这门技术是什么？

前端是什么？在回答这个问题之前，我想到了一道面试题：当我们在浏览器中输入网址并按回车之后，接下来会发生什么？我们来简单地看一看 “网页展现” 的整个过程。比如这里有一个用户，它需要访问 abc.com 这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。有时候 Web 服务器直接就可以返回用户的请求了；有时候 Web 服务器还需要向数据库查询一些数据，然后才能把处理结果返回给用户。当用户的浏览器拿到服务器返回的 HTML 资源之后，就开始解析并显示 HTML 的内容了。一般来说，HTML 页面需要 CSS 资源来描述页面的样式。比如浏览器在解析 HTML 时发现了一个 CSS 外链 abc.com/a.css ，它就会去请求这个资源。 HTML 页面往往还需要加载外部的 JS 资源，比如 abc.com/a.js ，此时浏览器同样会向服务器请求这个资源。当所需的资源都加载完成之后，这个页面就可以提供完整的外观和功能了。整个过程差不多就是这个样子了。我们看一看这张流程图，可以在中间画一道竖线，把它分成左右两个部分。我们会发现，这道线左侧的事情发生在浏览器端，我们称之为 “前端”；右侧的事情发生在服务器端，称为 “后端”。（“前端” 之所以叫 “前端”

订阅前端