前端

如果 2019 年技术圈有十大流行词， 容器化 肯定占有一席之地，随着 Docker 的风靡，前端领域应用到 Docker 的场景也越来越多，本文主要来讲述下开源的分布式图数据库 Nebula Graph 是如何将 Docker 应用到可视化界面中，并将 1.3G 的 Docker 镜像优化到 0.3G 的实践经验。 为什么要用 Docker 对于前端日常开发而言，有时也会用到 Docker，结合到 Nebula Graph Studio （分布式图数据库 Nebula Graph 的图形界面工具）使用 Docker 主要基于以下考虑: 统一运行环境 ：我们的工具背后有好几个服务组合在一起，诸如不同技术栈的现有服务，纯前端的静态资源。 用户使用成本低 ：目前云服务还在开发中，想让用户对服务组合无感，能直接在本地一键启动应用并使用。 快速部署 ：团队本就提供有 Nebula镜像版本 实践，给了我们前端一些参考和借鉴。 Docker 镜像的构建 既然要使用 Docker 来承载我们的应用，就得将项目进行镜像构建。与所有 build 镜像类似，需要配置一份命名为 Dockerfile 的文件，文件是一些步骤的描述，简单来说就是把项目复制到镜像里，并设置好启动方式： # 选择基础镜像 FROM node:10 # 设置工作目录 WORKDIR /nebula-web-console #

-本文作为webpack小白入门文章，会详细地介绍webpack的用途、具体的安装步骤、注意事项、一些基本的配置项，并且会以一个具体的项目实例来介绍如何使用webpack。另外，本文会简单地介绍一些最新的webpack4在安装、使用中需要注意的要点。 为什么需要webpack 随着前端的飞速发展，我们的网页也越来越复杂，随之带来的是越来越臃肿的前端代码。不同业务功能代码经常放在一起，以下问题逐渐凸显： 代码结构不清晰，结构混杂，后期维护困难 网页资源没按照顺序加载，js执行过程不清晰 引入大量页面不需要的代码，降低浏览器加载速度 入口页面加载了过多不会立即执行的代码 随着node.js的诞生，grunt，gulp，webpack等前端构建工具应运而生。那么什么是构建工具呢？ 前端构建工具就是把开发环境的代码转化成运行环境代码。一般来说，开发环境的代码是为了更好的阅读，而运行环境的代码则是为了能够更快地执行。以前我们写前端代码的时候，js，css，html文件都是写好就直接丢到生产环境运行起来了。而现在借助构建工具我们会把前端代码经过压缩、预编译、模块化和打包处理后才会发布到生产环境。那这些构建工具有什么区别呢？ grunt、gulp只具备编译压缩合并功能，经过处理后的前端资源没有经过模块化处理，资源之间没有依赖性，如下图： 但是Webpack不仅具有它们所具备的这些编译压缩合并功能

前端学习规划路线。 来源： oschina 链接： https://my.oschina.net/u/4454049/blog/3175267

08-JS DOM事件 1 HTML事件 2 DOM0级事件 3 事件类型（onload） 4 事件类型（onfocus和onblur） 5 事件类型（onchange） 6 事件类型(onresize和onscroll) 7 键盘事件 来源： CSDN 作者： dqh_zsh 链接： https://blog.csdn.net/qq_43405634/article/details/104519770

Java工程师薪资高，你会质疑吗？大数据工程师薪资高，你会质疑吗？Python工程师薪资高，你会质疑吗？ 你都不会，但是如果说前端工程师薪资高，你一定会质疑！有很多人不服，认为前端“配不上”高昂的报酬。不过前端薪资高，这也是业界公认的事实， 1当我们在质疑时究竟什么才是“前端工程师”？ “前端”是指软件的表现层或者用户界面（UI）。前端工程师主要使用 Web 技术实现UI。前端工程师与 Web 开发人员的主要区别在于，前者需要构建交互式应用程序，而后者主要构建专注于内容的网站。 前端即网站前台部分，运行在PC端、移动端等浏览器上，展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。 作为一名前端工程师，也是最容易背锅的岗位。 按钮无法点击？找前端。搜索结果不满意？即使是源数据的问题，用户也认为是前端的错。用户只会上报那些他们看到的错误。前端工程师开发的东西就是被用户所见的，因此一切都是前端的错。作为前端工程师，很难向用户解释清楚。用户不关心问题是否与数据或者 API 服务有关，他们只知道在浏览器中搜索爱创课堂，那么搜索结果就应该是爱创课堂的官网，而不是其他无所谓网站或图片。 前端工程师不仅仅是工程师，他们利用自己的设计直觉和用户共鸣提升用户界面的人性化

SpringBoot +OSS 服务自定义图床 源码地址： https://github.com/Snailclimb/springboot-aliyun-oss 前言 疫情之下，每天都是好吃懒做啊！反正在家闲着没有事情，于是乎，花了一天时间写了这个简单项目。其实我本来是准备继续完善一下，然后部署到自己的云服务器上当作自己的相册。后来实在太懒了，也不想写前端了，于是留下了一些代办。 项目虽小，但是五脏俱全，可以直接拿来当作工具使用，代码写的虽然仓促，但是总体上应该没有什么大问题，初学者也可以直接拿来学习。 总的来说，这个项目主要能为你提供这些帮助： 阿里云 oss 作为图床服务非常常用，简单封装和了解一下有助于你以后使用； 技术栈使用 SpringBoot 和 thymeleaf 模板引擎，前端框架用的是国产好评较多的 layui。这个项目可以带你走一遍前后端一起开发的流程。 我会写 React 和 Vue 但是考虑到大部分后端的朋友没有接触过，所以直接用 thymeleaf整的，话说 layui 也还是第一次用！都是跟着 layui 官网找葫芦画瓢一步一步写的前端页面 。 效果展示 页面长的比较丑，没有花太多时间在这个上面，将就着看一下。 bilibili 在线观看： https://www.bilibili.com/video/av88090586 上传页面 上传成功 技术栈

互联网行业的告诉发展也带动了前端的高速发展，那么对于高度发展的前端来说，很多人想从事前端，但是在互联网中，一直谣传，程序员就是吃青春饭！那么到底，web前端多少岁不能做了，这是一个让人比较关心的问题。 据统计：学习Web前端的人群年龄集中在20-30年龄阶段，20-29年龄占据50%之多，大量的年轻人加入到web前端开发行业中来，web前端开发在中国正处于快速发张阶段，如果你是刚毕业，或处于工作迷茫期，并且对web前端感兴趣，加入前端开发领域也是非常好的选择。 Web前端的工资情况： 全国前端开发平均工资：¥9541元/月，最低工资2K-3K，最高工资20K-30K。 北京前端开发平均工资：¥13220元/月，最低工资4.5K-6K，最高工资30K-50K。 上海前端开发平均工资：¥13460元/月，最低工资4.5K-6K，最高工资30K-50K。 以上数据来自职友网，可以看到上面的一个薪资情况。 那么大龄前端能转行做什么呢？ 1 1.资深web前端工程师 这个方向算是一个web前端最基本的选择了，但能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。对所有的web前端工程师来说，朝着这个职业发展方向，只要足够耐心、厚积薄发，成功的概率是非常高的。 2.资深web架构师 这个方向，既兼顾了工作的单纯性、又能够减少实际Coding的工作量，能腾出更多时间。在国内

calc是 css3提供的一个在css文件中计算值的函数： 用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 “+”, “-“, “*”, “/” 运算； 需求：页面监听回车按键被按下 1 2 3 4 5 6 7 8 mounted(){ let _this = this document.onkeydown = function (e) { if (e.keyCode === 13){ _this.submitForm( 'ruleForm' ) //这里写需要执行的操作 } } } 来源： CSDN 作者： qq_38111529 链接： https://blog.csdn.net/qq_38111529/article/details/104516848

前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件(按钮，表单等等)。 Web前端开发需要学什么语言？Web前端开发主要学习html、css、js、jquery等等，除了学习开发语言，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性; Web前端表现层及与前后端交互的架构设计和开发; 配合后台开发人员实现产品界面和功能; 利用各种Web技术模拟开发产品原型; Web新技术调研和资讯整理; 精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解; 熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技术，掌握面向对象编程思想。 Web前端开发需要学什么语言 想成为一个出色的Web前端工程师，那么应该Web前端开发需要学什么语言呢? 1、学习html。这个是简单的,也是基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道。 2、学习css。这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面

最近在学习前端开发，故将学习中的一些笔记分享供大家一起学习，也便于后期的查找复习。 web的三大标准构成 1、结构–对网页元素进行整理和分类，即html 2、表现–用于设置页面元素的板式、颜色、大小等外观样式，即css 3、行为–指网页模型的定义以及交互的编写 对于html 网页是由网页元素组成的，这些元素利用html标签描述出来再通过浏览器解析从而展示给用户 html超文本语言两层含义 可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **） 可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **） html基本骨架 <html> <head> <title></title> </head> <body> </body> </html> 其中html是最大标签，head是文档头部（其中的title是网页上方显示的标题），而body是主体内容（以后大多数东西都放入其中）； 此外，script可放于head（需调用才执行的脚本或事件触发执行的脚本）以及body（当页面被加载时立即执行的脚本）中； html元素分类 1、常规元素 <标签名> 内容 </标签名> 其有开始标签以及结束标签，结束标签比开始标签多一个‘/‘ 2、空元素 <标签名 /> 其只有单标签，如 这些 基本html解析 <!-- 告诉浏览器文档使用哪种html规范（html5规范） -