- 博客(15)
- 收藏
- 关注
原创 文字单行溢出隐藏和多行溢出隐藏的实现方案
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">笔记本电脑<...
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关注的人