web开发

Web开发必备的 9 个开源项目

笑着哭i 提交于 2020-03-10 00:25:52
1.AdminLTE Github Star 数 24969 , Github 地址: https://github.com/almasaeed2010/AdminLTE 2. vue-Element-Admin Github Star 数 19546, Github 地址: https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler Github Star 数 15870, Github 地址: https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架 4. Gentelella Github Star 数 15654, Github 地址: https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin Github Star 数 13181, Github 地址: https://github.com/akveo/ngx-admin 基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。 6. ant-design-pro Github

k8s的持续集成(jenkins+gitlab+k8s)

岁酱吖の 提交于 2020-03-09 18:28:40
应用场景: 问题 项目分为app和后台两种,为了保证再同一个环境下面测试,所以不可能链接开发本地服务进行测试,所以需要搭建一个测试环境,供app进行开发测试。这个时候就有一个问题,如果开发新增加功能或者app调试的时候发现问题,这个时候就需要提交新的代码或者修复bug,然后重新发布到测试环境中去。但是后台人员又不能进入Linux服务器中,只能通过Linux运维人员来重新部署,这样的效率就会极低。 方案: 基于这种模式下面的,我们引入了Jenkins工具,通过Jenkins来拉取svn/git代码到服务器中,再Jenkins中编写Linux运行脚本,通过脚本我们就可以对代码进行编译运行,然后重新发布到服务器中运行。后端人员也不需要通知Linux运维人员来执行这个操作,直接再Jenkins的控制台就可以执行了。 实验环境 IP 主机名称 服务 192.168.1.21 master k8s 192.168.1.22 node01 k8s 192.168.1.10 git gitlab 192.168.1.13 jenkins jenkins 总体流程: 在开发机开发代码后提交到gitlab 之后通过webhook插件触发jenkins进行构建,jenkins将代码打成docker镜像,push到docker-registry 之后将在k8s-master上执行rc、service的创建

当年自学web前端的时候走了很多弯路,今天分享给大家

与世无争的帅哥 提交于 2020-03-09 18:18:54
努力的一天又开始了,编辑这一篇文章,写下当初我自学web前端走的弯路,希望大家引以为戒,不要多走前人走过的弯路,浪费时间。 弯路一:盲目的去学 当初我在对于web前端这个行业什么都不了解的情况下,比如:不知道未来发展趋势,不知道学习web前端应该注意哪些初始问题,不知道具体的学习规划学习路线等等,一味的买书看书,看视频,到了中期阶段萌生放弃的想法,和主要是因为觉得自己越学越迷茫,也知道自己这样学找不到工作,这是初学者最大的误区。 弯路二:孤军奋战 当初在学web前端的时候,从来都没有跟别人交流过,就感觉活在自己的世界里,总认为自己什么都可以搞定,而且很多知识不会了,直接就过去了,并没有深究,而这种学习态度也注定了我的学习是失败,学习前端一定要有讨论的过程,只有跟不同的交流才能了解到你自己不知道的东西。 弯路三:没人指点 web前端对于我来说是从来不了解的行业,而我当时从来没有想过找一个这个行业比较厉害的人去请教下,现在我终于认识到了一点什么叫“方法不对,努力白费”所有的前端大神都有自己的学习方法,而学web前端的学习也基本是一致,而对于一个什么都不懂的初学者根本不会知道怎么学,这也是造成失败的最直接原因。所以学web前端一定要有人指点, 弯路四:盲目看书 对于新手来说,学习一个技能肯定是买书看书,但是后来我才实践的证明,对于一个啥都不懂的初学者来说看书基本可以成为无用的

web前端程序员求职时该如何写简历

时光怂恿深爱的人放手 提交于 2020-03-09 14:00:05
场对于Web前端开发人员在近两年需求不断增加,不少人冲着web前端的高薪和前景而去学习,那么web前端课程怎么样?值不值得去学习?成为很多初学者比较关心的问题。 随着智能手机和移动互联网的普及,PC端、手机端、mobile端等五花八门的应用占领着每个人的手机,随之而来各种定制化的UI风格让兼容问题变得越来越头疼。因此,企业纷纷开始把html+css+js这部分工作独立出来,由一个Web前端的岗位来处理。 Web前端开发行业是伴随Web兴起而细分出来的行业。实际上,Web前端是最接近产品和设计的工程师,起到衔接产品和技术的作用,它存在在互联网的每个角落,我们使用的微信里面的各种功能、小程序等都离不开web前端技术。随着移动技术的发展,未来Web前端的人才缺口会更大。 想要从事Web前端的工作,必须要学习的内容有目前最流行的三大框架(Vue、React、Angular),以及全栈工程师必须要掌握的全部前端技术、Node.js相关后台技术、HTML5移动方向开发技术,像HTML、CSS这样的前端理论基础是必须掌握的。另外学习还需要有前端开发这样的实战案例讲解,模拟真实企业的项目开发,只有这样才能培养出中高级的前端工程师。 1、简历制作及投递技巧 简历的内容: 1)个人信息及项目经验是主要内容,需要详细填写。作为技术人员,除了基本的工作经历之外,平时的积累也要体现在简历上,比如开源项目

现在Web前端的发展趋势和行业前景,还能转行学习前端开发吗?

天大地大妈咪最大 提交于 2020-03-09 13:23:38
2020还能转行学web前端开发吗?这是很多人在网络上搜索的问题。及其原因,还是因为目前网络上充斥着前端饱和的说法,这让不少人怀疑还能不能转行web前端,目前程序员行业前景很好,而web前端的前景也不差。 不否认初级前端程序员供给泛滥,待遇恶化,发展遇冷。但是当你坚持到中高级web前端工程师时,就会越来越吃香了。这是因为前端技术栈的不断更新,效率提高,同样的前端人数,能完成比以前更多的职责范围。在不少企业,1个优秀的前端工程师就能搞定Web和移动端的开发,甚至负责一部分后端。因此只要你能忍受住寂寞,努力磨砺你的技术,那么在步入中高端web前端开发工程师后,就业薪资肯定是可以达到你的预期的。 接下来,小编来跟大家分享一下2020年Web前端的发展趋势如何?熟悉web的小伙伴们都了解,自2018年是前端技术的发展相对稳定的一年,就前端主流技术框架的发展而言,前几年里发展极快,在填补原有技术框架空白和不足的同时也渐渐趋于成熟。 未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来,并进入迭代优化阶段,例如语言标准、前端框架等。 那么2020年Web前端的发展趋势如何?让我们一起来看一看吧~ 1.新规范的更新与稳定 前端新标准和草案在不断更新,HTML、CSS、Javascript标准也在渐渐完善,尽管这些新的规范最终会淘汰旧的规范,新的项目也会以最新的标准作为开发依据,但要完全废弃旧规范

dajngo基础

强颜欢笑 提交于 2020-03-09 11:32:10
Django入门及简单的demo练习 一 、什么是web框架? 框架,即framework,特指为解决一个开放性问题而设计的具有一定约束性的支撑结构,使用框架可以帮你快速开发特定的系统,简单地说,就是你用别人搭建好的舞台来做表演。 对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端。 最简单的Web应用就是先把HTML用文件保存好,用一个现成的HTTP服务器软件,接收用户请求,从文件中读取HTML,返回。 如果要动态生成HTML,就需要把上述步骤自己来实现。不过,接受HTTP请求、解析HTTP请求、发送HTTP响应都是苦力活,如果我们自己来写这些底层代码,还没开始写动态HTML呢,就得花个把月去读HTTP规范。 正确的做法是底层代码由专门的服务器软件实现,我们用Python专注于生成HTML文档。因为我们不希望接触到TCP连接、HTTP原始请求和响应格式,所以,需要一个统一的接口,让我们专心用Python编写Web业务。 这个接口就是WSGI:Web Server Gateway Interface。 实例: 1 from wsgiref.simple_server import make_server 2 3 4 def application(environ, start_response): 5 start_response

app测试面试题

巧了我就是萌 提交于 2020-03-09 11:21:42
app测试面试题 前言 现在面试个测试岗位,都是要求全能的,web、接口、app啥都要会测,那么APP测试一般需要哪些技能呢? 面试app测试岗位会被问到哪些问题,怎样让面试管觉得你对APP测试很精通的样子? 本篇总结了app测试面试时候经常被问的10个相关问题 1.什么是activity? 2.Activity生命周期? 3.Android四大组件? 4.app测试和web测试有什么区别? 5.android和ios测试区别? 6.app出现ANR,是什么原因导致的? 7.App出现crash原因有哪些? 8.app对于不稳定偶然出现anr和crash时候你是怎么处理的? 9.app的日志如何抓取? 10.你平常会看日志吗, 一般会出现哪些异常(Exception)? 1.什么是activity 什么是activity,这个前两年出去面试APP测试岗位,估计问的最多了,特别是一些大厂,先问你是不是做过APP测试,那好,你说说什么是activity? 如果没看过android的开发原理,估计这个很难回答,要是第一个问题就被难住了,面试的信心也会失去一半了,士气大减。 Activity是Android的四大组件之一,也是平时我们用到最多的一个组件,可以用来显示View。 官方的说法是Activity一个应用程序的组件,它提供一个屏幕来与用户交互,以便做一些诸如打电话

如何成为一名优秀的web前端工程师

☆樱花仙子☆ 提交于 2020-03-09 09:58:05
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西。 我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。 如何成为一名优秀的web前端工程师 何为:前端工程师? 前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。 Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。 随着近两三年来RIA(Rich Internet Applications的缩写,中文含义为:丰富的因特网应用程序)的流行和普及带来的诸如:Flash/Flex,Silverlight、XML和 服务器端语言(PHP、http://ASP.NET,JSP、Python)等语言,前端开发工程师也需要掌握。 前端开发的入门门槛其实很低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。 HTML 甚至不是一门语言,他仅仅是简单的标记语言! CSS 只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。 Javascript 的基础部分相对来说不难,入手还算快。 也正因为如此

Native、Web App、Hybrid、ReactNative和WEEX的优劣

萝らか妹 提交于 2020-03-09 06:16:20
一句话概要 Native、Web App、Hybrid、ReactNative(后面以RN简称)、WEEX间的异同点 APP常用开发模式【简介】 此处APP为应用,application,并非我们通常讲的手机App 常用的几种APP开发模式-脑图 Native App 传统的原生APP开发模式,有IOS和AOS两大系统,需要各自语言开发各自APP。 优点 :性能和体验都是最好的 缺点 :开发和发布成本高 举个栗子 : 网易管家APP (Tab1,Tab2) 应用技术 :Swift,OC,JAVA WebApp 移动端的网站,常被称为H5应用,说白了就是特定运行在移动端浏览器上的网站应用。一般泛指 SPA(Single Page Application)模式开发出的网站,与MPA(Multi-page Application,再后面做介绍)对应。 优点 :开发和发布成本最低 缺点 :性能和体验不能讲是最差的,但也受到浏览器处理能力的限制,多次下载同样会占用用户一定的流量 举个栗子 : 网易管家APP (Tab3) 应用技术 :ReactJS,RegularJS等 Hybrid App 混合模式移动应用,介于web-app、native-app这两者之间的app,兼具“Native App良好交互体验的优势”和“Web App跨平台开发的优势”(百度百科解释) 主要的原理是

00 06Java Web开发之案例

大兔子大兔子 提交于 2020-03-09 00:36:34
文章目录 1 学生管理系统实现——添加操作 2 学生管理系统实现——删除操作 3 学生管理系统实现——查询操作 1 学生管理系统实现——添加操作 使用xml当作数据库,存储学生信息 创建xml文件,存储一些学生信息。 添加学生信息。 (1)创建解析器 (2)得到document (3)获取根节点 (4)在根节点上创建stu元素 (5)在stu元素添加 id name age (6)在 id name age 依次添加值 (7)回写xml public static boolean addStudent ( Student stu ) { try { Document document = getDocument ( ) ; Element root = document . getRootElement ( ) ; Element stuNew = DocumentHelper . createElement ( "stu" ) ; Element idNew = DocumentHelper . createElement ( "id" ) ; Element nameNew = DocumentHelper . createElement ( "name" ) ; Element ageNew = DocumentHelper . createElement ( "age" )