前端学习
叮小白
全栈工程师,NSAC认证产品专家,CEAC认证教师
展开
-
数据类型转换注意事项
数据类型转换注意事项/*数值类型转换 Number() parseInt() parseFloat()*//* 注意: 1.当字符串中存在非数值表示的字符时 Number():返回结果NaN,但空字符串返回 0 parseInt(),parseFloat():先从前往后进行转换 直到遇到非数值表示的字符停止 ...原创 2019-10-24 09:43:26 · 330 阅读 · 0 评论 -
Boolean()进行类型转换时结果为false的情况
Boolean()进行类型转换时结果为false的情况<script type="text/javascript"> /*Boolean()进行类型转换时,结果为false的情况*/ // 未定义类型转布尔值:为false——undefined // var un; // var un = undefined; // console.log(Boolean...原创 2019-10-22 17:43:41 · 3276 阅读 · 0 评论 -
HTML文本修饰标签
在日常的前端开发中,一定会遇到一些修饰类型的内容,马上又到双11了,最常见的,比如购物页面中的大减价,会看到在原价的数字上会出现一条横线,然后新价格加粗放大,类似这种的还有很多,那这些是怎么做到的呢,除了可以利用CSS来进行修饰以外,还可以利用到我们今天要介绍的,文本修饰标签。HTML文本修饰标签用于对文本格式进行修饰的标签。b标签和strong标签<b&g...原创 2019-10-21 14:28:00 · 2239 阅读 · 0 评论 -
HTML基本标签
我们已经知道了HTML是由好多的标签组成的,但是那么多的标签,都会经常用到吗?其实不是,标签很多,但是常用的却有限,我们只需要记住常用的一些标签就好,至于剩下的那些不常用的,在我们需要的时候再去官方文档查就可以了,当然了,如果你说你就是记性好,或者就是想全记住,那我也拦不住啊~加油!HTML基本标签用来构成最简单的一个网页所需要的标签。h标签h标签一共6个,用来定...原创 2019-10-20 21:27:43 · 266 阅读 · 0 评论 -
HTML页面基本结构
之前介绍了HTML的编码规范,良好编码规范可以让我们的代码更加的易于维护,而今天要说的基本结构,则是能够让我们的页面正确的进行页面显示和SEO,正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。HTML页面基本结构<!DOCTYPE html><html><head><metacharset="utf-8...原创 2019-10-19 22:17:46 · 2498 阅读 · 0 评论 -
HTML标签和浏览器内核
在初学前端的时候,很多人都会被一堆的标签吓到,而且有的是一对,而有的却只有一个,傻傻的分不清楚,历经千辛万苦,好不容易学会了吧,然后又要为不同的浏览器的兼容性头痛,明明做完是好的,为什么换了个浏览器就不行了呢,或者同样的浏览器为什么显示样式就是不同呢,天呐,各种的问题,想想都要崩溃。不要怕,不要怕!我们的口号是什么:要效率,不要崩溃!我来带你一一分析,当你了解了它们的核心,你就会发现...原创 2019-10-18 21:49:39 · 583 阅读 · 0 评论 -
HTML编码规范
平时在读文章的时候,如果遇到好的文章会让人感觉赏心悦目,心情舒畅,如果看到满满的密密麻麻的,则会让人心烦,其实,代码也是同理,一个好的代码规范真的会大大的提高维护效率,降低合作成本,同时也是一个程序员素质的体现,那么HTML中有哪些规范呢,我们一起来看看吧。HTML注释注释是用来在HTML源码中添加说明用的,用来说明某一行或者某一段代码是用来做什么的,这样有助于在以后的时间对代码的理...原创 2019-10-17 20:57:38 · 293 阅读 · 0 评论 -
静态网页和动态网页
总有人觉得网页中有动态图的就叫动态网页了,而没有的就叫静态网页。你们那是错的想法,那到底什么是对的呢,让我来告诉你们吧。静态网页指的是一旦用HTML写完了之后,网页的内容和显示效果就不会发生变化的网页,如果想改变除非手动修改网页的HTML代码。动态网页指的是网页的显示内容可以随着时间、环境或者数据操作的结果而实时发生改变的网页,不需要手动修改代码。HTML的发...原创 2019-10-16 21:30:31 · 1369 阅读 · 0 评论 -
什么是HTML
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。什么是HTML HTML指的是超文本标记语言(Hyper Text Markup Language)。 语言:人们用于交流的...原创 2019-10-15 21:54:58 · 217 阅读 · 0 评论 -
Vue实例的生命周期
生命周期这个词大家一定非常熟悉,不同的对象有不同的生命周期,今天我想聊一聊Vue实例的生命周期,可能有人会说,我不了解生命周期不还是一样干活吗。对,你说的没错,但不可否认如果了解生命周期的话,可以帮助我们更好的对代码进行把控,比如我想在页面渲染完立即执行些操作,那你知道该定义在哪个钩子函数中吗?一、生命周期的作用每个Vue实例在被创建时都要经过一系列的初始化过程——例如,需要...原创 2019-09-28 21:09:24 · 141 阅读 · 0 评论 -
Vue双向绑定的实现
今天突然有人问我,Vue的双向绑定是怎么回事,其实接触过Vue的人应该多少会了解一些,不过突然让我用语言描述一下,还真不知道该怎么描述好了,所以我整理了一下语言,来进行一下简单的说明。这个双向绑定有什么效果就不多说了,用过的都知道,那么它是由谁来提供的呢,它又是如何实现的呢,对于这两个问题,我们一一来看,首先来说Vue中的双向绑定是由MVVM中的VM提供的,那么这个MVVM又是什么...原创 2019-09-26 00:54:25 · 173 阅读 · 0 评论 -
Vue.js的安装
最近一直在用Vue框架,所以会不定期的记录一些东西。首先先来学习一下如何使用npm的方式安装Vue吧!步骤一:安装node.js由于Windows的cmd用起来不是很方便,因此我用的是cmder,如果你们习惯cmd的话也一样,在终端上输入以下命令查看你电脑上是否已经安装了node.js和npm,查看已经安装好的node.js和npm的版本,npm集成在node.js中了,所以不需要单独...原创 2019-09-22 23:52:20 · 124 阅读 · 0 评论 -
利用 transform 实现看牌效果
介绍自从CSS3问世了之后,真的是大大的减少JavaScript的动效压力,之前很多只能用JavaScript实现的效果,如今利用CSS3就可以完成了,而且实现起来更加的简单方便,今天我们就来利用CSS3的transform来实现一个看牌的效果,先来看图:实现原理利用 position 先将每张牌进行统一定位(子绝父相),使其处于同一位置起点。 利用 transform 的 ro...原创 2019-10-04 12:34:11 · 144 阅读 · 0 评论 -
手写代码实现图片的懒加载
介绍无论在PC端的网页中还是在移动端的网页中,都经常要用到图片资源,很多时候一张图片的大小甚至比一个插件库还要大,这就会造成页面加载缓慢,同时需要消耗较大的流量,而往往页面中不止一张图片,正常情况下,浏览器会从上到下解析并加载图片资源。这时候即使用户不向下滚动页面,那些你还没看到的图片其实也已经被加载了,相当于白白浪费了流量。因此我们希望图片可以按需加载,也就是说当我将页面滚动到有图...原创 2019-09-29 23:33:05 · 933 阅读 · 0 评论