前端笔记❤️
文章平均质量分 69
前端笔记
Sestid
不忘初心!不负野心!奋于曾经,立于当下,拼于未来。
展开
-
简单明了《a标签的href》跳转页面情况,看完秒懂!!!
概念a标签的默认跳转链接行为是由href来实现的,同时设置href属性可以使a标签在hover状态下以手指指示的样式显示。但实际过程中发现对a标签的href属性的不同设置,可能会导致不同的行为反馈,故想要进行几种不同的设置情况总结一下。1.a标签中设置href属性,没有赋任何值<a href></a>点击a标签会刷新页面,回到顶部。2.a标签中设置href属性,赋值href="#"<a href='#'></a>..原创 2021-06-03 15:40:33 · 9265 阅读 · 4 评论 -
js公共函数,自己在工作中接触到(遇到就及时更新)
数组按指定顺序排列var objs = [ {name: 'A', type: 'fly'}, {name: 'B', type: 'blur'}, {name: 'C', type: 'wipe'}, {name: 'D', type: 'cube'}, {name: 'B', type: 'zoom'}, {name: 'C', type: 'cube'}, {name: 'E', type: 'iris'}, {name: 'F',原创 2021-03-25 16:17:14 · 519 阅读 · 5 评论 -
告诉你什么是图片懒加载!
什么是图片懒加载?当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),当图片出现在浏览器的可视区域内时,才设置图片真正的路径,让图片显示出来。这就是图片懒加载。通俗一点:1、就是创建一个自定义属性data-src存放真正需要显示的图片路径,而img自带的src放一张大小为1 * 1px的图片路径。2、当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-src的值赋给src。ps:自定义属性可以取任何名字原创 2021-02-26 17:37:54 · 344 阅读 · 0 评论 -
超级全!js常用各种正则表达式
1.非负整数 /^\d+$/2.正整数 /^[0-9][1-9][0-9]$/3.非正整数 /^((-\d+)|(0+))$/4.负整数 /^-[0-9][1-9][0-9]$/5.整数 /^-?\d+$/6.非负浮点数 /^\d+(.\d+)?$/7.正浮点数 /^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$/8.非正浮点数 /^((-\d+(.\d+)?)|(0+(.0+)?))$原创 2020-12-17 17:18:57 · 4180 阅读 · 2 评论 -
一篇文章让你完全掌握Sass,不只是学会而已哦!!!
使用sass变量存储数据Sass与CSS的不同之处之一是它使用变量。与JavaScript相似,它们被声明并设置为存储数据。在JavaScript中,使用let和const关键字定义变量。在Sass中,变量以开头,$后跟变量名称。这是几个例子:$main-fonts: Arial, sans-serif;$headings-color: green;//To use variables:h1 { font-family: $main-fonts; color: $headi原创 2020-11-25 15:56:53 · 1843 阅读 · 22 评论 -
咱们不画饼!进来教你画三角形。。。
前言先来两个案列吧, 原理三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。若斜边是在三角形的左边,这时候设置top或bottom的直线,和左边的斜线。实现...原创 2020-11-20 10:22:51 · 487 阅读 · 0 评论 -
如何开发网页版简历并部署到自己的服务器上?
点击这里看效果:http://106.12.86.145:1997/Scy/为什么要做一个属于自己的网页版简历呢?我个人认为可以提升自己的技术,在找工作的时候有可能成为加分项(大部分公司是不看这个的)开发之前自己的整体架构:当然每个子主题里还有很多细小的部分,这里我就省略了 ,开发的时候会碰到再具体化。整体框架搭建出来以后我就开始开发了,接下来就到了技术选用。像这种偏于演示的界面展示就不建议用react等框架了,一般做程序、系统什么的再用框架,我感觉像这种的界面用jq最方便.原创 2020-05-29 17:21:04 · 1099 阅读 · 8 评论 -
一分钟教你学会ajax、async/await联调接口!!!
在实现前后台分离之后,后台只需要给前台提供相应的接口(数据请求地址),而众多的接口如果没有很好的管理,对于开发和维护都是很不友好的,如果我们在每个页面需要获取数据的时候直接,通过Ajax调用传参如:$.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为json ...原创 2020-01-15 11:07:13 · 5921 阅读 · 1 评论 -
一篇文章让您了解二进制、十进制、十六进制之间的转换
常用进制 首先,我先来介绍一下何为二进制、十进制、十六进制,以及它们的区别和特点。 二进制 二进制,逢二进一,数字中只有 0 和 1例如,数数,二进制的数法是:0,1 接着10,11 接着100,101,110,111 接着 1000,1001 ... 1111 以此类推。 十进制 十进制,逢十进一,数字中含有 0,1,2,3,4,...原创 2020-01-10 14:33:46 · 839 阅读 · 0 评论 -
跨域!!!跨域!!!朋友们!看这里你就什么都懂了!
什么是跨域:当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当前页面url 被请求页面url 是否跨域 原因 http://www.test.com/ http://www.test.com/index.html 否 同源(协议、域名、端口号相同) http://www.test.com/ https://ww...原创 2020-01-09 18:00:20 · 352 阅读 · 0 评论 -
TCP的三次握手与四次挥手看完这篇文章您要是不理解,那我也没什么办法了!!!
序列号seq:占4个字节,用来标记数据段的顺序,TCP把连接中发送的所有数据字节都编上一个序号,第一个字节的编号由本地随机产生;给字节编上序号后,就给每一个报文段指派一个序号;序列号seq就是这个报文段中的第一个字节的数据编号。确认号ack:占4个字节,期待收到对方下一个报文段的第一个数据字节的序号;序列号表示报文段携带数据的第一个字节的编号;而确认号指的是期望接收到下一个字节的编号...原创 2020-01-09 15:44:06 · 219 阅读 · 0 评论 -
一张图让您看懂git,看不懂我也没办法了。。。。。。。。
Git是什么?Git是目前世界上最先进的分布式版本控制系统(没有之一)。Git有什么特点?简单来说就是:高端大气上档次!那什么是版本控制系统?如果你用Microsoft Word写过长篇大论,那你一定有这样的经历:想删除一个段落,又怕将来想恢复找不回来怎么办?有办法,先把当前文件“另存为……”一个新的Word文件,再接着改,改到一定程度,再“另存为……”一个新文件,这样一直改下...原创 2019-12-02 15:34:21 · 785 阅读 · 0 评论 -
面试看这里!!!2020年前端面试知识点(持续更新)
this指向:a.如果是一般函数,this指向全局对象window;b.在严格模式下"use strict",为undefined.c.对象的方法里调用,this指向调用该方法的对象.d.构造函数里的this,指向创建出来的实例.改变this指向:(call,apply,bind)call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象,第...原创 2019-10-21 16:55:14 · 848 阅读 · 1 评论 -
Js,jQuery事件、效果大全------Sestid
JavaScript 事件属性 当以下情况发生时,出现此事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误 onfocus 元素获得焦点...原创 2019-09-12 11:39:43 · 292 阅读 · 1 评论 -
前端开发在工作中用到的工具、软件、库.......------Sesiid
目录一、visual studio code1、产生背景2、发展历程3、主要功能二、Sublime Text1、功能特性2、特色功能3、主要特点4、常见功能4.1自动完成4.2多列编辑4.3代码注释功能4.4行操作4.5快捷键5、插件管理6、推荐插件7、优点8、新版发布三、HBuilder四、YAPI五...原创 2019-08-23 16:58:01 · 2259 阅读 · 3 评论 -
精心整理很实用的前端笔记,看完你就在css上有很深的造诣了!!!
做详细的技术讨论可以加我微信: ↓ ↓↓ ↓ ↓ ↓ ↓目录一、媒体查询media1、定义和使用2、CSS 语法3、媒体类型4、媒体功能5、更多实例6、自己在开发中的总结:二、弹性布局(Flex)1、Flex布局是什么?2、基本概念3、容器的属性3.1 flex-direction属性3.2 flex-wra...原创 2019-08-23 14:51:15 · 679 阅读 · 4 评论