Web前端
文章平均质量分 67
在这里,你可以学习到各种web前端知识,包括HTML、CSS、JS等基础语言,AngularJS、 React等框架,NodeJs开发技巧等。同时还有一些常见的“坑”。
yhanw
这个作者很懒,什么都没留下…
展开
-
HTML超链接
在互联网中,超链接可谓是无处不在,它是各个网页之间的桥梁,使得网页能够进行跳转。一个网站之中的页面也必须通过超链接连接起来才能称之为网站。当然,超链接除了指向另一个网页之外,还可以指向邮箱地址、图片、文件等。1 a标签向网页中添加a标签是实现超链接的重要方式,但不是唯一方式。本文后面所提到的超链接一般是指通过a标签添加的超链接。<a href="https://gitee.com/H...原创 2018-11-02 22:32:13 · 47482 阅读 · 2 评论 -
CSS盒子模型总结
在使用CSS进行网页布局时,我们一定离不开的一个东西————盒子模型。盒子模型,顾名思义,盒子就是用来装东西的,它装的东西就是HTML元素的内容。或者说,每一个可见的 HTML 元素都是一个盒子,下面所说的盒子都等同于 HTML 元素。这里盒子与 中的盒子又有点不同,这里的盒子是二维的。盒子的组成一个盒子由外到内可以分成四个部分:margin(外边距)、border(边框)、padding...原创 2018-09-27 20:34:58 · 62108 阅读 · 11 评论 -
CSS样式优先级
CSS样式列举在说CSS样式的优先级之前,我们先来了解一下CSS有种表示样式的形式。层叠样式类型有:内联样式&lt;a style=""&gt;;内部样式&lt;style&gt;&lt;/style&gt;;外部样式&lt;link&gt;;浏览器用户自定义样式;浏览器默认样式;层叠样式内部的选择器有:id原创 2018-08-30 21:27:14 · 2922 阅读 · 0 评论 -
HTML语义化是什么?为什么要语义化?
我理解的HTML语义化经过查看别人博文中的一些描述,我将HTML的语义化总结为: 用最恰当的标签来标记内容。 该如何理解呢?比如需要加入一个标题,这个标题的字体比正文的要大写,还要加粗。能够实现这种效果的方法有很多,比如用CSS样式进行渲染。这样的效果看起来像是一个标题,但是他对浏览器来说,只是一个被渲染过的文本,无法知道他是一个标题。若要让浏览器知道他是一个标题,应该用hx标签来进行...原创 2018-08-29 11:46:47 · 15636 阅读 · 0 评论 -
在 echarts 的 rich 中使用 iconfont 图标库图标作为 backgroundColor.image 值的方法
3、 获取图标的描边路径,即 path 的 d 属性;以及 symbol 中的 viewBox 属性(注意:如果没有viewBox,最终可能显示的是空白图标)有时一个项目中,不止使用一个图标库,因此在body下不止一个svg,仍然用上面的方法可能无法获取到对应图标,因此需要将所有svg都获取下来,然后遍历。该脚本执行时,会在 body 下插入一个 svg 标签,标签下包含了图标库中的 svg 图标 path。2、获取 svg 的 dom 节点。注意,iconfont 的 svg 是插入到 body 下的。原创 2024-03-07 20:00:10 · 871 阅读 · 0 评论 -
JavaScript深入学习——执行上下文、作用域与作用域链
JavaScript代码的整个执行过程,分为两个阶段,代码编译阶段与代码执行阶段。编译阶段由编译器完成,将代码翻译成可执行代码,这个阶段作用域规则会确定。执行阶段由引擎完成, 主要任务是执行可执行代码,执行上下文在这个阶段创建。作用域作用域规定了如何查找变量/函数,也就是确定当前执行代码对变量/函数的访问权限,目的是为了提高程序的可靠性和减少命名冲突。相当于给变量/函数划定了区域,只有在区域内才能访问,出了这个区域就不能访问了。JavaScript 采用词法作用域(lexical scoping).原创 2022-03-18 09:45:24 · 1295 阅读 · 0 评论 -
JavaScript 深入学习——变量
ECMAScript 变量是松散类型的,意思是变量可以用于保存任何类型的数据。每个变量只不过是一个用于保存任意值的命名占位符。变量声明varvar 声明语句声明一个变量,并可选地将其初始化为一个值。变量声明无论发生在何处,都在执行任何代码之前进行处理(即变量提升)。var声明的变量的作用域是它当前的执行上下文(全局作用域或函数作用域)声明和非声明的变量存在以下3点差异:声明变量的作用域限制在其声明位置的上下文中,而非声明变量总是全局的。声明变量在任何代码执行前创建,而非声明变量只有在执行原创 2022-03-10 11:20:08 · 175 阅读 · 0 评论 -
vue3 在 DOM 上挂载组件
情景在实际开发中,有时需要动态将某个组件添加在页面上,但是这个添加的位置有点尴尬:是在某个组件内的某个节点位置,无法在模板上标记,也没有 slot 可以插入。解决办法使用 vue 实例的mount()方法进行挂载。没错,就是出现在main.js中的app.mount('#app')这个方法。主要逻辑:import {onMounted, h, createApp} from 'vue'import ComponentVue from './Component.vue' // 引入待插入组件s原创 2021-12-24 10:19:02 · 2690 阅读 · 0 评论 -
parseInt()、parseFloat() 与 Number() 使用总结
parseInt()parseInt(string, radix) 用于解析一个字符串,并返回特定的十进制值。参数string: 待解析的字符串。如果该参数不是字符串,将会被转换为字符串。radix: 字符串基数,指定待解析字符串的进制,范围为 2 =< radix <= 36。解析规则将从字符串的第一个非空字符开始,到第一个无效字符结束的一段字符串解析为整数。ps: 有效字符指的是 数字、进制符号(0x)、正负符号 。当待解析参数不是字符串时,先将参数转换为字符串,再执行第一个原创 2021-12-03 17:21:10 · 778 阅读 · 0 评论 -
table 导出excel表格及遇到的一些问题
table 导出excel表格及遇到的一些问题let tableHtml = `<table> <thead> <tr> <th style="border: 1px solid #999;">姓名</th> <th style="border: 1px solid #999;">年龄</th> <th style="border: 1px solid #999;">电原创 2021-10-13 17:02:14 · 655 阅读 · 0 评论 -
HTML标签(2)——body
标签是网页的主体标签,网页要显示的内容都应该放置在与之间。属性根据w3c标准,在 HTML 5 中,删除了所有 的特殊属性。也就是说,在HTML5中的标签是没有属性的。但是,以往的HTML标签是可以使用属性的,HTML5的标签使用属性后,浏览器仍然能显示属性内容。所以我们需要了解一下标签属性的使用,以方便以后阅读旧版本的HTML文件。常用属性bgcolor:设置网页的背...原创 2018-02-26 15:03:01 · 545 阅读 · 0 评论 -
HTML标签(1)——使用规则
HTML称为超文本标记语言,从这个名字上看,我可以知道其中最重要的就是“标记”两个字,我将“标记”理解为HTML的核心。用于标记的符号称为超文本标记语言标签(英文名Hyper Text Markup Language tag),简称HTML标签。HTML标签是HTML语言中最基本的单位,也是HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签的组成HTML标签以尖括...原创 2018-02-24 22:29:48 · 1641 阅读 · 0 评论 -
HTML文档结构
HTML文档的结构,我们可以将它理解为网页的语法结构,一种编码的格式。这个文档结构可以使网页的编写变得非常的规范。规范的代码可以增加代码可读性,看起来也显得更加的专业。HTML文档总是以< html>标签开始并以< /html>结束的。 也就是说,网页的内容全部全部包含在< html>与< /html>之间。现在知道的HTML文档结构如下:&...原创 2018-02-23 17:20:06 · 715 阅读 · 0 评论 -
认识html5
我们经常在电脑的文件资源管理器里面看见以“.htm”或“.html”为后缀名的文件。当双击它,以文本打开的时候,我们看见的是一行一行的代码,它的特点就是有很多的尖括号;当我们选择用浏览器打开的时候,看到的是一个有字、有图、有链接、有音频的网页。由这种现象,我们可以想到,我们在浏览器上看到的网页,它是用一种带有很多“尖括号”的语言写成的。这种带有很多“尖括号”的语言称为“HTML语言”,简称 H...原创 2018-02-22 22:14:57 · 831 阅读 · 0 评论 -
JavaScript函数声明提升
1 函数创建方法1.1 函数声明使用函数声明方法创建函数时,显示function关键字,然后是函数名、参数列表和函数体,如:function fnName(arg1, arg2) { 函数体逻辑......}1.2 函数表达式首先介绍以下匿名函数。使用函数声明创建的函数可称为具名函数,那么匿名函数顾名思义,就是函数名隐匿起来的函数。匿名函数与具名函数就函数外形而言,只是函数名的有无...原创 2019-04-04 19:56:39 · 429 阅读 · 0 评论 -
Vue响应式原理简析
原创 2019-04-04 18:17:00 · 334 阅读 · 0 评论 -
Vue生命周期图注解
参考:Vue生命周期图生命周期钩子详解vue生命周期原创 2019-03-31 21:48:30 · 987 阅读 · 0 评论 -
异步加载JavaScript的方法
在一般情况下,HTML文档中的标签是按顺序加载的。如果将<script>标签嵌在文档头部,那么只有当脚本加载完毕,并且解释后才能加载页面内容,会降低网页性能。为了解决这个问题,在嵌入脚本时,一般会将<script>标签放置在文档的最后,这样可以先让页面显示,再加载js脚本,提高用户体验。以上情况对于嵌入脚本和外部脚本来说都使用。对于外部脚本来说,我们可以让它异步加载,在加...原创 2019-03-21 11:06:00 · 307 阅读 · 0 评论 -
伪类选择器
概念CSS伪类是添加到选择器的关键字,指定要选择元素的指定状态。所谓的指定状态是指添加了伪类的元素,需要符合某种条件或某种状态下才能生效。例如:设置了:hover伪类的元素,只有当鼠标悬停在元素上面时,样式才会生效。语法selector:pseudo-class{property: value;}selector:表示CSS选择器;:pseude-class:表示伪类;propert...原创 2018-11-19 19:53:43 · 326 阅读 · 0 评论 -
浏览器内核前缀
每种浏览器内核都有着对应的浏览器内核前缀。浏览器内核前缀在书写CSS代码时会用到,对于添加了浏览器前缀的CSS代码,只有对应的浏览器内核才能识别。浏览器内核前缀是为了解决兼容性而存在的。只有一些实验性的、非标准的和私有的CSS属性需要添加浏览器内核前缀,而标准的CSS属性不需要添加浏览器内核前缀,若添加了,这些属性将不会生效。浏览器内核与对应的浏览器内核前缀如下:浏览器内核代表浏览...原创 2018-11-18 16:56:12 · 897 阅读 · 0 评论 -
hack技术
概念由于存在着各种浏览器,同种浏览器也有不同的版本,而且不同浏览器和同种浏览器不同版本之间对 web 标准实现成不不一致,CSS 的解释机制并不完全相同,从而导致不同浏览器之间,页面的显示效果各不相同。为了解决这个问题,针对一种或多种浏览器进行 CSS 样式设置,从而达到浏览器页面效果一致的 CSS 程序叫做 hack。hack 有三种常见的形式:CSS 属性 hack,CSS 选择符 hac...原创 2018-11-16 16:41:53 · 962 阅读 · 0 评论 -
为什么img放在 li中,底部会多出几个像素?
&amp;lt;li&amp;gt;&amp;lt;img src=&quot;img/1.jpg&quot; style=&quot;height: 60px&quot;/&amp;gt;&amp;lt;/li&amp;gt;当使用以上布局时,会发现li的高度会比img的高度大几个像素。出现这种问题的原因是:img默认是一个行内元素原创 2018-09-08 14:26:18 · 1827 阅读 · 0 评论