前端开发

Web前端目前发展势头良好，很多人看好Web前端的发展而转行，他们中有很多都是非科班出生的学员。那么，非科班的前端开发者要如何才能提升自己？下面给大家解答一下。 随着移动互联网增量红利的逐渐消退，大量的Web前端开发人员也面临着一定的从业压力，在当前产业互联网发展的大背景下，非科班出生的Web前端程序员，可以从以下几个方面来提升自己： 第一：注重自身知识结构的全面性 当前Web前端开发的边界在不断得到拓展，因此当前的Web前端开发也被称为“大前端”，所以Web前端开发人员要尽量掌握更全面的前端开发知识，既需要掌握Web前端开发知识，也需要掌握各种移动端开发知识。从行业发展趋势来看，移动端未来的任务量依然比较大。 第二：注重云计算和大数据平台的知识 当前整个开发领域正在向平台化方向发展，目前云计算平台和大数据平台已经逐渐开始落地应用。所以Web前端开发人员要想提升自身的开发能力和开发边界，一定要注重开发平台知识的累积。当前可以重点关注一下PaaS相关知识，目前行业领域对于PaaS的发展前景还是比较看好的。 第三：注重行业知识的积累 行业知识对于Web前端开发人员也比较重要，尤其在当前的产业互联网时代，掌握行业知识会获得更强的岗位竞争力。未来随着物联网逐渐在产业领域落地，基于物联网会产生大量的Web前端开发任务，而行业知识对于完成这些行业任务是比较重要的。 综上所述

openresty 前端开发入门五之Mysql篇 这章主要演示怎么通过lua连接mysql，并根据用户输入的name从mysql获取数据，并返回给用户 操作mysql主要用到了lua-resty-mysql库，代码可以在 github 上找得到 而且上面也有实例代码 由于官网给出的例子比较基本，代码也比较多，所以我这里主要介绍一些怎么封装一下，简化我们调用的代码 lua/mysql.lua local mysql = require "resty.mysql" local config = { host = "localhost", port = 3306, database = "mysql", user = "root", password = "admin" } local _M = {} function _M.new(self) local db, err = mysql:new() if not db then return nil end db:set_timeout(1000) -- 1 sec local ok, err, errno, sqlstate = db:connect(config) if not ok then return nil end db.close = close return db end function close(self)

这不是一篇纯技术文章，而是一篇分享我个人在前后端分离路上收获的点点滴滴的文章，以此来为准备尝试前后端分离或者想了解前后端分离的童鞋做一个大体的讲解。 尝试与改变 如果你没有尝试过前后端分离的工作流程，那么可以先试想一下这样的流程改变： 把流程从 PM：“我要这个功能” 后端：“这个先找前端做个模板” 前端：“模板做完了” 后端：“我来对接一下，这里样式不对” 前端：“我改完了” 后端：“功能交付” PM：“春节要加这个活动” 后端：“这个先找前端改个模板” 前端：“模板做完了” 后端：“我来对接一下，这里样式不对” 前端：“我改完了” 后端：“功能交付” 变成 PM：“我要这个功能” 前端：“我要接口” 后端：“接口完成了” 前端：“我来对接一下，功能交付” PM：“春节要加这个活动” 前端：“需要增加接口” 后端：“接口完成了” 前端：“我来对接一下，功能交付” 由此可见，前后端分离的主要概念就是：后台只需提供API接口，前端调用AJAX实现数据呈现。 现状与分歧 作为一名前端开发人员，我们应该尝试一些新颖的技术，完善每一个细节性的问题，不断突破自我。虽然前后端分离已经算不上什么新颖的技术或思路，但是目前很多后台开发人员甚至前端开发人员都没有接触过。 据我个人的了解，如果在一个部门里，部门人员全是后台开发人员，前端的一些页面也是由后台人员完成的

前端测试框架对比(js单元测试框架对比) 本文主要目的在于横评业界主流的几款前端框架，顺带说下相关的一些内容。 测试分类 通常应用会有 单元测试(Unit tests) 和 功能测试(Functional tests)，复杂大型应用可能会有整合测试(Integration tests)。 其中： 单元测试：关注应用中每个零部件的正常运转，防止后续修改影响之前的组件。 功能测试：确保其整体表现符合预期，关注能否让用户正常使用。 整合测试：确保单独运行正常的零部件整合到一起之后依然能正常运行。 详细资料1 详细资料2 开发人员主要关注单元测试，作为开发中的反馈。本文重点讨论的单元测试框架。 单元测试的好处： 如果能通过单元测试，那么通过后续测试且软件整体正常运行的概率大大提高。 单元测试发现的问题定位到细节，容易修改，节省时间。 追踪问题变得更加方便。 选择单元测试框架 单元测试应该：简单，快速执行，清晰的错误报告。 测试框架基本上都做了同一件事儿： 描述你要测试的东西 对其进行测试 判断是否符合预期 选择框架会考虑下面的点： 断言(Assertions)：用于判断结果是否符合预期。有些框架需要单独的断言库。 适合 TDD / BDD：是否适合 测试驱动型 / 行为驱动型 的测试风格。 异步测试：有些框架对异步测试支持良好。 使用的语言：大部分 js 测试框架使用 js。 用于特定目的

1.什么是HTML HTML（ Hypertext Marked Language）称为超文本标记语言，是一种标识性的语言。 文本：顾名思义是文字、有格式的文本。 超文本：一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。 标记语言是一套标记标签 HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 标签的作用 网页打开后，页面是怎么加载渲染的 浏览器（IDEA)后，加载并读取 HTML 代码 —> 解析每个标签–> 产生对应的效果 2.HTML发展史 HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由GERN的Tim Berners-Lee发明。 HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。 HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。 HTML 3.2：1997年1月14日，W3C推荐标准。 HTML 4.0：1997年12月18日，W3C推荐标准。 HTML 4.01

一、前言 现在随着前端开发的复杂度和规模越来越大，鹰不能抛开工程化来独立开发，比如：react的jsx代码必须编译后才能在浏览器中使用，比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架，开发效率会大幅下降。 在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。 二、webpack的原理 知其然知其所以然。 1、核心概念 （1）entry：一个可执行模块或者库的入口。 （2）chunk：多个文件组成一个代码块。可以将可执行的模块和他所依赖的模块组合成一个chunk，这是打包。 （3）loader：文件转换器。例如把es6转为es5，scss转为css等 （4）plugin：扩展webpack功能的插件。在webpack构建的生命周期节点上加入扩展hook，添加功能。 2、webpack构建流程（原理） 从启动构建到输出结果一系列过程： （1）初始化参数：解析webpack配置参数，合并shell传入和webpack.config.js文件配置的参数，形成最后的配置结果。 （2）开始编译：上一步得到的参数初始化compiler对象，注册所有配置的插件，插件监听webpack构建生命周期的事件节点，做出相应的反应，执行对象的 run 方法开始执行编译。 （3）确定入口：从配置的entry入口，开始解析文件构建AST语法树，找出依赖，递归下去。

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> HTML5文档结构? 1.DOCTYPE文档类型声明,不区分大小写,告诉浏览器所查看的文档类型,在以往的HTML4.01和XHTML1.0中,它表示具体的HTML版本和风格 2.html元素/标签/标记,是文档开始和结尾的元素,它是一个双标签,头尾呼应,包含内容(head/body),常用的属性和值:lang="zh-cn"表示文档采用语言为简体中文,英文的话设置为:lang="en" 3.head元素用来包含元数据,元数据包括<link>,<meta>,<noscript>,<script>,<style>,<title>,主要用来给浏览器提供信息,如link提供CSS信息,script提供JavaScript信息,title提供页面标题等,但是这些信息在页面中是不可见的 4.meta元素用来提供关于文档的信息,常用的属性和值:charset="utf-8",表示告诉浏览器页面采用什么编码,当然除了编码还可以设置别的,后面再说 5.title元素设置浏览器左上角的标题 6.body元素用来包含文档内容的元素,也就是浏览器可见区域的部分,所有的可见内容,都应该出现在这个元素内部进行添加 7.a元素表示一个超链接 <!-- 说明: 文档类型声明 --> <!DOCTYPE html> <!-- 说明:

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> HTML5的简介? 1.HTML5是HTML4.01和XHTML1.0之后的超文本标记语言的最新版本,它由一群自由思想者组成的团队设计出来,并最终实现多媒体支持,交互性,更加智能的表单,以及更好的语义化标记 2.HTML5还是用来制作现代富WEB内容的相关技术的总称,其中最重要的三项技术分别为:HTML5(标签元素),CSS3(层叠样式表)和JavaScriHTML的历史? 1.1993年诞生先后经历了2.0,3.2,4.0,直到1999年的HTML4.01稳定下来,由于长时间不发展逐渐被更严格的XHTML(W3C为了解决HTML4.01编码规范)取代,但是由于XHTML2.0更加严格,强制要求浏览器拒绝无效XHTML2.0页面,浏览器厂商无法忍,至此被搁置以至抛弃 2.2008年HTML5诞生,2009年XHTML2被迫停止,HTML5规范了诸多实际问题,它并不想挑出以往HTML的各种毛病为其改正,而是尽可能的补全WEB开发者急需的各种功能,这些功能包括更强大的CSS3,表单验证,音频视频,本地存储,地理定位,绘画(Canvas),Web通信等 HTML5的简化? 1.以浏览器的原生能力代替复杂的JavaScript 2.DOCTYPE被简化到极致 3.字符集声明被简化 4.简单强大的API 5.无插件范式

转载自： http://www.bslxx.com/m/view.php?aid=1799 1.框架和库的区别： 框架：framework 有着自己的语法特点、都有对应的各个模块 库 library 专注于一点 框架的好处： 1.提到代码的质量，开发速度 2.提高代码的复用率 3.降低模块之间的耦合度 （高内聚低耦合） UI：user interface GUI : graphical user interface CLI : command line interface API : application interface 思维模式的转换： 从操作DOM的思维模式 切换到 以数据为主 2.Vue概述 1、what 是一个渐进式的构建用户界面的js框架 2、where 小到的简单的表单处理，大到复杂的数据操作比较频繁的单页面应用程序 3、why 1.方便阅读的中文文档 2.容易上手 （学习曲线比较缓和） 3.体积小 4.基于组件化的开发方式 5.代码的可读性、可维护性得到了提高 4、how 工作方式：可以通过丰富的指令扩展模板，可以通过各种各样的插件来增强功能 搭建环境： 方式1 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project #

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