![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
普通网友
这个作者很懒,什么都没留下…
展开
-
前端基础入门之CSS中的函数
大家都知道,CSS只是一个声明式的语言,主要为标记语言服务。很多程序员鄙视它,有一部分原因是CSS并不像其他程序语言一样,具有一些逻辑能力以及函数功能等特性。随着CSS的不断变革,其慢慢地也变得越来越强大。时至今日,CSS中也有具有函数和运算相关的能力。比如我们今天要聊的CSS函数。在CSS Values and Units Module Level 4中把函数标记(Functional Nata...原创 2019-05-19 22:00:02 · 462 阅读 · 0 评论 -
HTML能干嘛?
HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。这样,你只要使用鼠标在某一文档中点取一个图标,Internet就会马...原创 2019-05-18 13:49:13 · 4507 阅读 · 0 评论 -
一张思维导图搞定CSS3全部新特性
原创 2019-05-18 13:57:07 · 408 阅读 · 0 评论 -
更快学习 JavaScript 的 6 个思维技巧
我们在学习JavaScript,或其他任何编码技能的时候,往往是因为这些拦路虎而裹足不前:有些概念可能会造成混淆,尤其当你是从其他语言转过来的时候。找不到时间(有时是动力)学习。很容易忘记已经理解了的东西。工具多又在不断变化,所以不知道从哪里开始。幸运的是,这些拦路虎是可以被识别,并消灭的。在这篇文章中,我将介绍六个思维技巧来帮助你更快地学习JavaScript,并成为一...原创 2019-05-17 22:00:29 · 210 阅读 · 0 评论 -
我们到底需不需要 jQuery?
曾经,在那个 IE6 还是主流浏览器的时代,为了实现稍微复杂一点的功能,也需要很多代码。如果要做到兼容主流浏览器,更需大费周章。当 jQuery 出现后,使用 jQuery 实现同样的功能,我们只需写很少的代码,并且兼容主流浏览器。于是,大部分网站都会使用 jQuery。时过境迁,我们到底需不需要 jQuery 呢?认为不需要 jQuery 的理由如下:IE7 及更低版本的浏览器的市场份额已...原创 2019-05-17 22:00:27 · 882 阅读 · 0 评论 -
JavaScript之模板方法模式
模板方法模式是一种只需使用继承就可以实现的非常简单的模式。模板方法模式由两部分结构组成,第一部分是抽象父类,第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架,包括实现一些公共方法以及封装子类中所有方法的执行顺序。子类通过继承这个抽象类,也继承了整个算法结构,并且可以选择重写父类的方法。故事背景我们现在需要冲泡一杯咖啡和一壶茶,它们的操作步骤基本上是一样的,如下所示泡咖啡 泡...原创 2019-05-17 22:00:16 · 184 阅读 · 0 评论 -
简历中有这6个问题,80%会被标记“不合适”!
大部分求职者在准备找工作的过程中,都只把眼光集中在面试过程和技能提升上,认为简历是求职中最不需要花费精力的一环。可实际没有一份能拿的出手的简历,连面试的机会都不会有!以下这6个工作经历中常出现的问题,你有吗?01没有倒叙排列工作经历把最近的工作经历放在最前面可以让HR判断你的经验和他当前招聘的岗位是否符合,也可以看到你的成长情况~02缺少在职的时间在职时间最能体现出你更换工作是不是过于...原创 2019-05-27 19:38:45 · 5558 阅读 · 0 评论 -
零基础如何快速有效学习web前端的知识?
在中国互联网行业崛起的大背景下,大家普遍对互联网行业发展持乐观态度。据今年第二季度招聘信息显示,目前web前端工程师日均岗位缺口已经超过50000,随着互联网+的深入发展,html5作为前端展示技术,市场人才需求量将呈直线上涨。一个好的Web前端工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢?第一阶...原创 2019-05-28 15:43:06 · 359 阅读 · 0 评论 -
前端入门知识——HTML 基本结构
网页无论多复杂,后台是使用何种语言。最终呈现在浏览者眼前的内容实质上都是由浏览器解析HTML代码后绘制出来的。HTML代码由几大结构组成,不同的结构具有不同的功能。本文只从宏观简略介绍一下各大部分的功能,具体内容需要参阅本版块其他文章。首先看一段代码实例<!DOCTYPE html><html><head><meta charset=" u...原创 2019-05-27 21:59:34 · 521 阅读 · 0 评论 -
前端入门知识——HTML <DOCTYPE>
此标签必须位于html文档的第一行。DOCTYPE声明不属于html标签,它是一条指令,用于告知浏览器,当前html文档使用何种规范书写。HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML。HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为。它有如下两个特点:(1).<!DOCTYPE>标签没有...原创 2019-05-28 14:42:25 · 303 阅读 · 0 评论 -
前端入门知识——HTML head标签
一.包含的元素:标签内主要包含以下几种类型的元素:(1).:规定网页的标题。(2).:主要给浏览器解析或者搜索引擎提供相关信息。(3).:从外部引入CSS文件。(4).(5).(6).:为当前文档的所有链接设置基准链接。二.标签:此标签用于定义网页的标题,主要目的是告诉用户此网页是做什么用的,或者主要主题是什么。它对于搜索引擎优化有着举足轻重的作用,当然SEO不是本教程的内容,这里...原创 2019-05-27 21:59:47 · 1485 阅读 · 0 评论 -
前端入门知识——HTML meta标签
此标签是标签中最重要的辅助标签之一。几乎任何一个在线网站的页面都有meta标签的使用,截图如下:标签包含了大量的信息,有的是提供给浏览器,有的则是提供给搜索引擎。标签的良好使用,对于一个网站是非常重要,下面就介绍一下meta标签的相关参数。标签常见属性如下:(1).charset(HTML5新增)。(2).http-equiv。(3).name。(4).content。前三个属...原创 2019-05-28 15:58:40 · 1324 阅读 · 0 评论 -
前端入门知识——HTML body标签
标签正如其名,它是网页的身体部分。展现给浏览者的网页信息都是定义在标签之内。代码实例:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>...原创 2019-05-27 22:00:03 · 438 阅读 · 0 评论 -
前端入门知识——相对路径和绝对路径
去一个地方,首先要明确到达此地的路径。编程也是如此,要加载图片或者引入其他代码文件,也需要设置正确的路径。路径分为绝对路径与相对路径:(1).青岛李沧区重庆中路967号xxx小区17号楼2单元502,这是一个绝对路径。(2).15号楼左手边那栋楼2单元502,这是一个相对路径。由此得出,绝对路径是对一个位置路径完整描述,相对路径则是以某一个事物为参考描述位置。程序中的相对路径与绝对路径...原创 2019-05-28 16:49:44 · 12219 阅读 · 4 评论 -
程序员吐槽:2万的运营、3万的产品,4万的开发,干出的活还不值2万
在国内我们的互联网公司技术间最常见的鄙视链是:架构看不起全栈,全栈看不起后端,后端看不起前端,前端看不起运维,运维看不起测试。而这个鄙视链关系转到产品经理和程序员之间就成了,程序员鄙视产品经理,产品经理又鄙视运营。各产品部门的鄙视也是在坊间津津乐道。是不是觉得挺逗的?这真的是互联网之间很常见常态。最近,一位互联网员工就在职场论坛开始吐槽这种现象,我们一起来看看。我觉得互联网公司挺逗的,2万月...原创 2019-06-01 13:46:11 · 476 阅读 · 0 评论 -
13个帮你提高开发效率的现代CSS框架
本文将向你介绍一系列顶级CSS框架。有些人可能听说过,也可能对有些人是全新的。但它们都提供了各种有用的先进功能,可以改善你的工作流程。开始吧!专注于 CSS 的框架让我们先从一些专注于 CSS 的框架开始。你将找到所有类型的布局和UI元素来自己构建项目的基础。有些甚至可能包含一些 JavaScript 来帮你处理更复杂的功能。Tailwind CSSTailwind与其他框架的区别在于它...原创 2019-06-01 15:06:34 · 349 阅读 · 0 评论 -
程序员必做的六件事
小编认为一个真正的软件团队的开发需要是这样:团队评审需求、团队制订标准、分别编写代码、团队评审代码。如果缺少最后这个评审代码,这样的开发不叫做团队开发,还是跟个人开发是一样的。越来越受软件开发团队甚至是其他知识型团队的追崇。必须要以人为本,持续优化知识工作人员每天必做的事情。1、专注:在发现问题的警觉和解决问题的行动上。六业开发绝对不是一套一成不变的标准化流程。而更多的是一种角色互动的自适应...原创 2019-06-01 15:42:03 · 442 阅读 · 0 评论 -
如何考评一名前端工程师?
如何考评」这个词看起来「diǎo * 2」的。虽然标题看起来很有逼格,但对于我这种面试(他人)经验用一个手就能数出来的菜鸟来说,谈这个话题还为时过早。(我感到有看官貌似心里不满了:「那你说个 bird 啊!浪费老子时间和流量!我支付宝账号***,打多少你看着办吧!」先别急嘛~)其实,本文的目的不在于讲具体如何去考评一个前端工程师的应聘者,而是想说一件事,我最近冒出的一个 idea——是一件应该没人...原创 2019-06-01 16:35:16 · 2567 阅读 · 0 评论 -
嗨,送你一张Web性能优化地图
我们都知道对于Web应用来说性能很重要。然而性能优化相关的知识却非常的庞大并且杂乱。对于性能优化需要做些什么以及性能瓶颈是什么,通常我们并不清楚(不包括那些对性能优化有丰富经验的高手)。事实上关于Web性能有很多可以优化的点,其中涉及到的知识大致可以划分为几类:度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海...原创 2019-05-18 14:00:48 · 339 阅读 · 0 评论 -
被嫌弃的程序员的一生
程序员从早前的一种职业发展至今,俨然已经成为大众眼中的「特殊物种」。关于程序员的调侃与段子也盛产于网络,常常引起全网围观。但是程序员说到底并不是「两耳不闻窗外事,一心只用敲代码」,他们也有生活和工作上的烦恼与曲折。他们的人生并不像外人羡慕的那样「精英」,甚至还会有一些「潦倒」。有一部电影叫做「被嫌弃的松子的一生」,有人评价说:大多数女人不会过成松子,但或多或少有松子的影子...原创 2019-05-26 17:27:24 · 195 阅读 · 0 评论 -
小白学前端这些工具一定少不了
工欲善其事,必先利其器,所以在开始之前选择一个合适好用的编辑器是很重要的,工具不再多,在于好用就行,除了编辑器,我们也要掌握其他的一些工具,才能够让我们在学习的道路上更加的顺畅。1. WebStorm不必多说,前端最强大的编辑器,特别是那无敌的智能提示,但是它的缺点在于如果项目多于大时,出现的卡顿让很多人苦恼。WebStorm:官网下载地址。WebStorm 有哪些过人之处?激活Web...原创 2019-05-19 22:00:02 · 243 阅读 · 0 评论 -
前端性能优化的七大手段
本文将详细介绍前端性能优化的七大手段,包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化减少请求数量【合并】如果不进行文件合并,有如下3个隐患1、文件与文件之间有插入的上行请求,增加了N-1个网络延迟2、受丢包问题影响更严重3、经过代理服务器时可能会被断开但是,文件合并本身也有自己的问题1、首屏渲染问题2、缓存失效问题所以,...原创 2019-05-19 21:59:50 · 948 阅读 · 0 评论 -
前端入门小白必备CSS属性速查表
本文将按照布局类属性、盒模型属性、文本类属性、修饰类属性这四个分类,对CSS常用属性进行重新排列,并最终设置为一份stylelintrc文件布局类1、定位positionz-indextopbottomleftright2、浮动float clear3、多列布局columnscolumns-widthcolumns-countcolumn-rule column-...原创 2019-05-19 21:59:56 · 318 阅读 · 0 评论 -
2019 年最值得关注的 10 个机器学习开源项目
顶级开源项目先让我们看看今年的一些顶级开源项目。BERTBERT 是 Bidirectional Encoder Representations from Transformer 的缩写,一种解决自然语言处理问题的新方法,可以获得最先进的处理结果。它是基于 TensorFlow 的,开发人员可以使用预先训练的模型来解决问题。BERT 模型比其他模型具有很大的优势,因为它们可以识别句子的上下文...原创 2019-05-14 21:59:14 · 629 阅读 · 0 评论 -
防止页面后退(使浏览器后退按钮失效)
原理:用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远失效。注:history.go和history.back(包括用户按浏览器历史前进后退按钮)触发,页面由于使用pushState修改了history,会触发popstate事件。方法一: jQuery(document).ready(function ($) { ...原创 2019-05-14 21:35:45 · 2693 阅读 · 0 评论 -
CSS实现两个球相交的粘粘效果
这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把div当成图层思考就好了)。从PhotoShop开始一开始我们来玩Photoshop,会比直接写CSS来得容易理解(没有Photoshop的人也没关系,看完说明也就懂了),首先我们新增两个图层,一个里头放上红色的小球,另外一个里...原创 2019-05-14 21:49:02 · 176 阅读 · 0 评论 -
13个帮你提高开发效率的现代CSS框架
本文将向你介绍一系列顶级CSS框架。有些人可能听说过,也可能对有些人是全新的。但它们都提供了各种有用的先进功能,可以改善你的工作流程。开始吧!专注于 CSS 的框架让我们先从一些专注于 CSS 的框架开始。你将找到所有类型的布局和UI元素来自己构建项目的基础。有些甚至可能包含一些 JavaScript 来帮你处理更复杂的功能。Tailwind CSSTailwind与其他框架的区别在于它...原创 2019-05-14 22:00:05 · 237 阅读 · 0 评论 -
前端中的 Pipeline
计算机领域的 Pipeline 通常认为起源于 Unix。最初 Douglas Mcllroy 发现很多时候人们会将 shell 命令的输出传递给另外一个 shell 命令,因此就提出了 Pipeline 这一概念。后来同在贝尔实验室的大牛 Ken Thompson 在 1973 年将其实现,并使用 | 作为 pipe 的语法符号:$ ls -l | grep key | less如此优雅而...原创 2019-05-20 20:24:12 · 1259 阅读 · 0 评论 -
如果我是一线技术主管
如果我是一线技术主管,可能曾经是团队综合实力最强的,被时间支配不能再每天写代码,但团队各种挑战依旧在如果我是一线技术主管,每周也要写周报,每年也要写绩效,想晋升、加薪、人生巅峰云云如果我是一线技术主管,团队有五、六个人还好,十几个人的团队的话会希望有人可以站出来帮我不抱怨如果我是一线技术主管,我不会喜欢团队爱抱怨的同学我每天也很忙,听一个人抱怨会花时间一个人抱怨了,自然是有问题的,需...原创 2019-05-20 21:37:22 · 252 阅读 · 0 评论 -
与技术无关,但却值得码农们好好读一读的怪书:禅与摩托车维修艺术
最近在读《禅与摩托车维修艺术》这本书,说它很奇怪,其实是因为觉得书名很有意思。看书名,很容易被误解成是一本教人修摩托车的教程,事实上它是一本非常经典的哲学书籍,很多大牛都有推介过这本书。著名的物理学家 霍金 曾这样评价这本书:“我因为写了一部人们把它和《禅与摩托车维修艺术》相比较的书而感到甚受恭维,我希望拙作(《时间简史》)和《禅与摩托车维修艺术》一样使人们觉得他们不必自处于伟大的智慧及哲学的...原创 2019-05-15 21:59:34 · 377 阅读 · 0 评论 -
给大家分享一张最新的以 企业岗位需求为导向前端技能点图
这一波良心推荐的【前端学习路线】干货,不谈虚的,直接来谈每个阶段要学习的内容想入门前端的小伙伴们,那就放马过来吧!首先,给大家分享一张最新的以 企业岗位需求为导向前端技能点图,如下最后,给大家推荐一个前端学习进阶内推交流群685910553(前端资料分享),不管你在地球哪个方位,不管你参加工作几年都欢迎你的入驻!(群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和...原创 2019-05-15 21:59:39 · 253 阅读 · 0 评论 -
javascript系列--认识并理解构造函数,原型和原型链
一、前言介绍构造函数,原型,原型链。比如说经常会被问道:symbol是不是构造函数;constructor属性是否只读;prototype、[[Prototype]]和__proto__的区别;什么是原型链?等等问题二、构造函数1、什么构造函数构造函数就是通过new关键词生成实例的函数。js的构造函数和其他语言不一样,一般规范都是首字母大写。首先我们来看一下这个栗子:// saucx...原创 2019-05-15 21:59:18 · 228 阅读 · 0 评论 -
Node+WebSocket+Vue聊天室: 界面美化,代码优化
客户端HTML代码优化页面先分为左右布局,然后左/右里面再分为上中下布局。很自然,我们想到了flex布局,Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。...<div class="web-im"> <div class="left"> <div class="aside content"> ...原创 2019-05-15 21:58:10 · 5428 阅读 · 1 评论 -
HTML 5.2 新特性介绍
原生的 元素在 HTML 5.2 的所有变化里我感到最为激动的就是引入了 元素,实现了浏览器原生的对话框。对话框在 web 开发中非常常见,但是现在每个实现都不太一样。另一方面,实现一个支持无障碍化的对话框很难,实际上,现在 web 上使用的大多数对话框对于视觉障碍人士来说都是难以使用的。新引入的首先,使用默认情况下,对话框是不可见的,除非你设置了open属性。open属性可以通...原创 2019-05-21 21:59:51 · 231 阅读 · 0 评论 -
前端小白练级攻略(一)
HTML 和 CSS 基础在前端开发中,一切都从 HTM 和 CSS 开始。HTML 和 CSS 控制你在 Web 页面上看到的内容。HTML 表示内容,而 CSS 处理样式和布局。首先,阅读 Mozilla Developer Network(MDN)的 HTML 和 CSS 教程。MDN 逐章解释了 HTML和 CSS 重要概念。此外,每个章节只有...原创 2019-05-21 22:00:03 · 271 阅读 · 0 评论 -
前端小白练级攻略(二)
就像 HTML 和 CSS一样,有大量的 JavaScript教程。然而,特别是对于一个新手来说,很难弄清楚使用什么样的教程以及以什么样的顺序来学习它们。本系列的主要目标是为你提供一个路线图,帮助你导航学习成为前端开发者。JavaScript基础知识JavaScript 是一种跨平台的编程语言,现在几乎可以用于任何事情。语言在学习如何将JavaScript应用到web之前,首先要了解该语...原创 2019-05-21 22:00:12 · 270 阅读 · 0 评论