前端
云图智联
这个作者很懒,什么都没留下…
展开
-
《Web前端技术H5+CSS3》笔记--第六章 盒子模型[云图智联]
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。1.1 盒子模型在学习盒子模型之前,先来看一个生活中的例子。假如墙上排列着几幅画。对于每幅画来说,都有一个边框,在英文中称为border;每个画框中,画和边框通常都会有一定的距离,这个距离称为内边距,在英文中称为padding;每一幅画间也不是紧挨着原创 2020-07-20 15:58:28 · 453 阅读 · 0 评论 -
《Web前端技术H5+CSS3》笔记--第四章 初识CSS3[云图智联]
1.1 CSS概述1.1.1 什么是CSSHTML 标签原本被设计为用于定义文档内容。通过使用 h1、p、table 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题原创 2020-07-20 15:52:20 · 492 阅读 · 0 评论 -
《Web前端技术H5+CSS3》笔记--第三章 表单[云图智联]
1.1 表单概述1.1.1 表单在网页中的应用表单在网页中应用比较广泛,如申请电子邮件,用户需要首先填写注册信息,然后才能提交申请。又如希望登录邮箱收发电子邮件,也必须在登陆页面中输入用户名、密码才能进入邮箱,这就是典型的表单应用。通俗的讲,表单就是一个将用户信息组织起来的容器。将需要用户填写的内容放置在表单容器中,当用户单击“提交”按钮时,表单会将数据统一发送给服务器。表单的应用比较常见,典型的应用场景如下:1.登录,注册:登录时填写用户名,密码,注册信息时填写用户名电话等个人信息;...原创 2020-07-20 15:50:00 · 1414 阅读 · 0 评论 -
《Web前端技术H5+CSS3》第二章 HTML基础[云图智联]
1.1列表1.1.1列表及其应用1. 什么是列表简单来说,列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来。2. 列表的分类及其应用无序列表,语法:<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>有序列表,语法:<ol> <li>第一项</l...原创 2020-07-20 15:43:34 · 271 阅读 · 0 评论 -
《Web前端技术H5+CSS3》笔记--第一章 HTML基础[云图智联]
1.1 HTML简介1.1.1 HTML:Hyper Text Markup Language(超文本标记语言)在学习使用HTML之前,大家经常会问,什么是HTML?HTML是用来描述页面的一种语言,它是一种超文本标记语言,也就是说,HTML不是一种编程语言,仅是一种标记语言。 HTML由一套标记标签组成,在制作网页时,HTML使用标记标签来描述网页。1.1.2 发展史1.1.3 HTML5的优势HTML5自正式推出以来,就以一种惊人的速度被迅速推广着,各主流浏览器对于HTM.原创 2020-07-17 10:45:27 · 791 阅读 · 0 评论 -
一个优秀的Vue团队代码规范是什么样子的?
免费学习视频欢迎关注云图智联:https://e.yuntuzhilian.com/规范与每个团队和个人都是息息相关的,因为其影响的不只是只是代码的维护和理解成本,严重的时候是会影响成员开发的心情一个团队的编码规范、git规范等,并没有绝对的最优解,心里要清楚明白没有银弹,规范是为了让团队统一,提高代码阅读性、降低代码维护成本等,本文是记录一些在项目code review中常见的规范,仅供参考。一、JS部分1. 和渲染无关的数据vue中data的数据默认便会进行双向数据绑定,若是将大原创 2020-07-16 09:40:43 · 138 阅读 · 0 评论 -
JavaScript 和 Node.js 简史,前端未来走向何方?【云图智联】
免费学习视频欢迎关注云图智联:https://e.yuntuzhilian.com/起源,浏览器大战和交互式Web早年间的Web没有任何交互行为,那时的互联网实际上只是通过FTP之类的计算机网络协议显示文本文件而已。本地网络,也就是学校等组织的内部网络最后合并在了一起,形成了互相联结的网络,那就是互联网。随着时间推移,Web通过DNS、HTTP等新协议不断扩展,且开始用上了HTML;随着个人计算机和Web浏览器的推广,中产阶级也开始接入了互联网。Mosaic浏览...原创 2020-07-08 10:39:47 · 423 阅读 · 0 评论 -
2020 年最常见的 25 个 Web 开发面试问题【云图智联】
免费学习视频欢迎关注云图智联:https://e.yuntuzhilian.com/你把闹钟设定在了下午2:45。Web开发面试预定在下午3:00开始。你耐心而紧张地看着时间一点点流逝,神经都绷得死死的,两手不知不觉间微微颤抖,等待着手机铃声响起的一刻。你在想面试官会对你抛出一堆什么样的面试问题。你的精神越来越脆弱,汗珠一滴滴落了下来。“我真的为这次编程面试做好准备了吗?"你开始质疑自己。你看了看手机——下午3:05。没有未接来电。什么都没有。你着急地再次确认了一遍——下午...原创 2020-07-08 10:30:18 · 298 阅读 · 0 评论 -
10个Vue开发技巧[云图智联]
免费学习视频欢迎关注云图智联:https://e.yuntuzhilian.com/路由参数解耦一般在组件内使用路由参数,大多数人会这样做:exportdefault{ methods:{ getParamsId(){ returnthis.$route.params.id } } }在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 U...原创 2020-07-07 12:46:32 · 160 阅读 · 0 评论 -
Vue 骚技巧,策略模式实现动态表单验证【云图智联】
免费学习视频欢迎关注云图智联:https://e.yuntuzhilian.com/策略模式 (Strategy Pattern)又称政策模式,其定义一系列的算法,把它们一个个封装起来,并且使它们可以互相替换。封装的策略算法一般是独立的,策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。注意: 本文可能用到一些编码技巧比如 IIFE(Immediately Invoked Function Expression, 立即调用函数表达式),ES6 的语法 let/const、箭头函数、原创 2020-07-07 11:29:03 · 235 阅读 · 0 评论 -
Web前端学习路线图,学习视频,源代码,学习笔记全整理【云图智联】
适合人群1.在校大学生、毕业生、零基础的小白2.前端开发0-3年 从业者,提升自身技术,提高竞争能力3.想转行IT,拿稳定收入和工作的人为什么学习Web全栈大方向:5G风口,前端岗位的内涵和外延不断扩大,企业需求技术更新,能力更加全面的开发人才1.市场需求:一切屏幕所呈现的内容都是前端开发人才实现的,所有企业都需要独当一面的前端开发人才,人才缺口非常大2.高薪需求:前端开发工程师薪资普遍比其他IT岗位薪资要高,特别是入门级别的时候,提早实现财富自由3.岗位需求:适合多..原创 2020-07-07 09:50:48 · 150 阅读 · 0 评论 -
javaWeb知识点总结[云图智联]
javaWeb知识点JSP概念JSP全称Java Server Page(Java服务端页面),通俗上来讲就是可以编写Java代码的HTML页面。在最早期是没有JSP的,那么后端开发人员想要展示一个网页,就是在Servlet中 拼接html. 于是就有了JSP, 但是JSP不是一门新的技术,他的本质上还是Servlet, 意思是服务器还是会将 JSP 转成Java代码,在Java代码中,还是去拼接的页面。编译指令页指令<%@ page contentType="text/ht原创 2020-07-02 11:55:13 · 128 阅读 · 0 评论 -
关于JavaScript的的高速缓存未命中分析【云图智联】
免费学习视频欢迎关注云图智联:https://e.yuntuzhilian.com/在本文中,我们将讨论创建和访问数据的方式可能对应用程序性能的影响。介绍JavaScript是一种非常高级的语言,在使用JavaScript开发的时候不必对存储器中的数据存储方式作过多的考虑。在本文中,我们将探讨数据如何存储在内存中,以及JavaScript中分发和访问数据的方式将如何影响CPU和内存的性能。浪漫三角当计算机需要进行一些计算任务时,计算机处理单元(CPU)需要数据进行处理,因此,根据手中原创 2020-07-01 17:05:08 · 389 阅读 · 0 评论 -
动态网页基础第一章[云图智联]
·C/S架构C是英文单词“Client”的首字母,即客户端的意思,C/S就是“Client/Server”的缩写,即“客户端/服务器”模式。·B/S架构B是英文单词“Browser”的首字母,即浏览器的意思;S是英文单词“Server”的首字母,即服务器的意思。B/S就是“Browser/Server”的缩写,即“浏览器/服务器”模式。采用请求/响应模式进行交互。B/S模式工作原理:1.用户输入网址2.发送客户端的请求信息3.访问/返回应用服务器和数据库服务器4.返回从服务原创 2020-06-30 11:23:15 · 137 阅读 · 0 评论 -
JavaScript重构技巧 — 对象和值【云图智联】
JavaScript 是一种易于学习的编程语言,编写运行并执行某些操作的程序很容易。然而,要编写一段干净的JavaScript 代码是很困难的。在本文中,我们将介绍一些优化 JS 类和对象的重构思路。用常量来表示数字如果我们有很多重复的值且表示一样的含义,但没有明确地说明,那么我们应该将它们转换为常量,以便每个人都知道它们的含义,并且如果需要更改,我们只需更改一个地方就行了。例如我们可能会这样写代码:constgetWeight=(mass)=>mass*9.81...原创 2020-06-10 11:08:38 · 129 阅读 · 0 评论 -
推荐Web程序员常用的15个源代码编辑器【云图智联】
前言Web开发人员可能是目前世界上最受破坏和薪水不足的职业之一。许多人没有意识到他们对商业网站的运营以及看起来适当和高效所具有的实际价值。从命名网站到外观,这是一个至关重要的过程,不应将其视为理所当然。如果您希望自己的网站成功,许多网页设计分析将确保出色的网站开发人员的价值。根据最近的计算和统计,截至2019年,仅在美国就有2300万名Web开发人员。但是,由于仍有很多人对这份工作充满热情,因此一定会有技术上的进步。如今,您可以轻松地找到免费的IDE并开发应用程序。效率的提高和发展使Web开发人员的原创 2020-06-10 10:33:31 · 2222 阅读 · 0 评论 -
9 个出色的 JavaScript 库推荐【云图智联】
JavaScript 从诞生伊始就在不断进化。毫无疑问,JS 是比较受欢迎的语言之一,这一地位还会长期保持下去。对于前端开发人员来说,那些流行的库是非常有用的——它们为你的应用程序带来了开箱即用的强大功能。这篇文章就推荐一些最出色的 JS 库。Algolia PlacesAlgolia Places 是一个 JavaScript 位置库,可以用在表单自动完成组件里。我最近在我的一个项目里使用了这个库,它的性能表现给我留下了深刻印象。你可以使用这个 API 替代 Google Places API原创 2020-06-10 10:31:02 · 226 阅读 · 1 评论 -
十大新兴前端框架大盘点【云图智联】展望2020
2019年在整体上,前端的主流框架没有太大的变化,业务代码仍由三大框架(React、Vue、Angular)所主宰着,打包工具一般仍使用webpack、Rollup.js,状态管理器还是Redux、MobX。但随着这两年崛起的新框架与类库,一些细微之处悄悄地起变化了,这些变量可能在未来推动着前端的发展。因此本文为大家介绍国产十大新兴前端框架,毕竟开发者对一项技术的关注,是技术发展的动力。ramda近几年来,前端面试的难度上了一个档次,我们前端工程师要刷 LeetCode, ...原创 2020-06-09 11:51:49 · 535 阅读 · 0 评论