自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

扬的博客

发布一些前端笔记

  • 博客(15)
  • 收藏
  • 关注

原创 Google chrome(121.0.6167.140)更新后控制台变化

Google Chrome 配置

2024-02-01 09:56:07 547

原创 前端八股文(个人理解 + 总结)

前端八股文(个人理解 + 总结)

2023-01-29 20:00:01 1825 1

原创 文字单行溢出隐藏和多行溢出隐藏的实现方案

1.单行文本 div { width: 200px; height: 200px; border: 5px solid #000; /* 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 */ overflow: hidden; text-overf

2020-06-12 15:03:36 940

原创 CSS盒模型垂直居中的方式(前提已知宽高情况下)

1.flex布局.box{ height: 300px; width: 300px; border: 1px solid #000; margin: 50px auto; /* flex布局实现 */ display: flex; align-items: center; justify-content: space-around; }.box1{ width: 100px; height: 100px; background: #ccc; }

2020-06-12 14:46:38 204

转载 2019 Web 前端热点笔试面试题总结【终结版】

提醒:我只是答案的搬运工,如果在浏览中发现有错误,欢迎评论中提出来,我好修改,谢谢!简述异步和同步的区别:同步:浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作异步:浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。等请求完...

2020-06-10 11:53:35 675

原创 JavaScript仿购物车(有点小BUG)

<div class="content"> <div class="nr"> <input type="checkbox" name="" id="btn" value="" class="btn" /> <img src="img/comput.jpg" /> <p class="dn">笔记本电脑&lt...

2019-11-06 11:30:51 182

转载 2019前端基础面试秘籍

一、html和css部分1、如何理解CSS的盒子模型?标准盒子模型:宽度=内容的宽度(content)+ border + padding低版本IE盒子模型:宽度=内容宽度(content+border+padding)2、BFC?* 什么是 BFC BFC(Block Formatting Context)格式化上下文,是 Web 页面中盒模型布局的 CSS 渲...

2019-10-16 17:18:37 146

原创 利用javascript知识循环语句写出乘法口诀表

<script type="text/javascript"> //row 行 col 列 document.write('<table border="1">') for(var row =1; row<10;row++) { document.write('<tr>') for(var col = 1...

2019-10-13 13:48:40 489

原创 利用javascript的运算符将两个数值交换

<script type="text/javascript"> var num1=10; var num2=20; var num3; num3=num1;//num3=10 num1=10 num1=num2;//num1=20 num=20 num2=num3;//num2=10 console.log...

2019-10-12 09:19:57 341

原创 利用javascript的算术运算符获取一个数字的每位数字

<script type="text/javascript"> var a = 12345;// console.log(a); var b = parseInt(a/10000); console.log('万位='+b); var c = parseInt((a%10000)/1000); //12345%10000=2345 ...

2019-10-12 09:18:37 2785

原创 利用css3特性线性渐变和定位画了一幅画

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ ...

2019-10-11 11:26:42 185

原创 简单的鼠标拖拽(2)div等比放缩

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;...

2019-08-20 17:33:13 361

原创 简单的鼠标拖拽(1)颜色渐变

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标拖拽</title> <style type="text/css"> *{ ma...

2019-08-20 17:32:11 510

原创 HTML+CSS部分知识点(1)

HTML常用标签:1.mete:含义:描述网页 name用于描述content的内容。如:keywords,description content设置网页关键字或者描述 还可用来设置重定向2.h1-h5标签3.img标签 alt搜索引擎通过该属性检索图片4.iframe:内联框架(不推荐使用)5.a标签:超链接 target属性值也可以指定内联框架的n...

2019-07-29 19:02:31 523

原创 JS部分知识点(1)

6种基本数据类型:1.string 字符串类型2.number 数字类型3.null 空值4.undefined 未定义类型5.boolean 布尔类型6.object 类型(特殊类型)数据类型转换一、自动转换: 1.字符串与任何类型相加都是字符串 2.布尔值与数值相加,true转化为1,false转化为0 3.数字与undefined相加,得到NaN...

2019-07-29 18:59:39 786

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除