- 博客(26)
- 资源 (2)
- 收藏
- 关注
原创 前端第一次面试笔试题记录
今天去了一个公司面试前端,首先就是做笔试题,感觉其实应该不难,但好多知识我都没有系统了解,没有刷足够题,没有记住。记一下我记得的:1、常见的css框架?Bootstrap:基于css,JavaScript,html 的前端框架,其中css是重点。用来实现电脑、手机、平板不同终端设备响应式设计,实现一个见面,多个终端均可以使用。Foundation:它是众多功能的集合,是Mac/iOS中其他...
2019-05-30 19:55:11
439
转载 Web前端面试指导(十四):如何居中一个元素(正常、绝对定位、浮动元素)?
原文链接:原文链接题目点评这道题目的提问比较多,连续问了三个问题,正常元素、绝对定位元素、互动元素如何居中,而且居中没有说清楚是垂直居中还是水平居中,要回答清楚这个问题,必须得有深厚的功底,而且要分类的来回答,条理要清楚。可以先把水平居中各种情况说清楚,然后在把垂直居中说清楚。(一)元素水平居中的方式1)行级元素水平居中对齐(父元素设置 text-align:center) &n...
2019-05-28 11:08:22
193
原创 记一次被scroolTOP支配的经历
首先兼容性问题:var scrollTOP=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;当然最让我无语的是下面var scrollTOP=document.documentElement.scrollTop || window.pageYOffset || docum...
2019-05-11 17:34:08
148
转载 windows下生成github ssh key详解
一、引子:什么是ssh:ssh是Secure Shell(安全外壳协议)的缩写,建立在应用层和传输层基础上的安全协议。为了便于访问github,要生成ssh公钥,这样就不用每一次访问github都要输入用户名和密码。二、生成条件:请在github上先注册账号,本地安装git。三、生成步骤:1、本地成功安装了git后,单击鼠标右键,选择Git Bush here,打开git bush。2...
2019-05-07 15:23:57
166
转载 利用@media screen实现网页布局的自适应
优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值准备工作1:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果:<meta name="viewport" content="width=device-wid...
2019-05-03 15:17:39
307
转载 background-image:url();url中怎么写
background-image:用于设置需要显示背景图片;大家知道ulr()中是填写路径:(现在假设背景图片名字叫做demo.jpg)如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹那么直接填写demo.jpg;如果该css文件和背景图片在同一文件夹存在且图片包含于其他文件夹(abc)那么填写//abc/demo.jpg;如果该css文件和背景图片不在同一文件夹下,(...
2019-04-30 17:47:36
5823
原创 html5插入video视频文件,为什么有声音不显示画面
插入video<video width="560px" height="340px" src="白宇、朱一龙 - 时间飞行~1.mp4" controls autoplay metud>非常抱歉,由于不可抗力因素,本视频无法播放</video>controls 控件播放autoplay 自动播放metud 静音我在火狐运行时,只能出现声音无法...
2019-04-30 10:13:09
9829
转载 教程:简单几步制作出酷炫网页版简历
为你的求职加个分:手把手教你制作酷炫的简历网页 又到了一年之中金秋招聘旺季。在求职时,一份精致的网页版简历能为自己加分不少,帮你全面地展示自己,在相似度较高的简历模板中脱颖而出,给面试官留下深刻的第一印象。当然工作之后,如果勤于维护,也是向他人展示自己成长的好方法。那么怎样才能完整的制作一份炫酷的个人简历...
2019-04-27 11:14:38
1846
原创 [Web浏览器] "Uncaught SyntaxError: Unexpected token :" (1)报错记录
<a href="javascript: :"></a>,应该是<a href="javascript: ;"></a>将;写成了:
2019-04-26 19:45:16
1628
原创 定时器的小知识点
开启一个定时器:var timer=setInterval(function(){},1000);关闭定时器:clearInterval(timer);定义一个变量,用来保存定时器的标识var timer;关闭之前开启的定时器,防止多次点击,持续开启定时器clearInterval(timer);获取样式:getComputedStyle()火狐中可以运行首先是有两个...
2019-04-26 16:20:08
245
转载 getComputedStyle、currentStyle的区别与用法
获取元素CSS值之getComputedStyle方法熟悉by zhangxinxu&...
2019-04-26 14:14:50
482
转载 parseInt()的用法:
1.基本用法(只接受一个参数,可以当做第二个参数默认是10):parseInt的返回值只有两种可能,不是一个十进制整数,就是NaN。a.将字符串转为整数。parseInt('123') // 123b.如果字符串头部有空格,空格会被自动去除。parseInt(' 81') // 81c.如果p...
2019-04-26 10:38:42
236
原创 图片切换练习setInterval()、clearInterval()
w3school的解释:setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。实现图片切换:<!DOCTYPE html><ht...
2019-04-25 16:30:56
257
原创 js实现拖拽小练习
拖拽的流程当鼠标在被拖拽元素上按下时,开始拖拽 onmousedown当鼠标移动时,被拖拽元素跟随移动 onmousemove当鼠标松开时,被拖拽元素被固定 onmouseup对div或者图片的拖拽<div id="box1"></div> <div id="box2"></div> <img src="img/狐狸.jpg...
2019-04-24 16:39:54
252
原创 div跟随鼠标移动练习
body里的代码<body style="height: 1000px;"> <div id="Div"></div> </body>CSS样式#Div{ width:50px ; height: 50px; background-color: greenyellow; position: absolute; ...
2019-04-23 15:54:55
567
原创 (js)事件对象练习
事件对象—当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数—在事件对象中封装了当前对象的一切信息(鼠标的位置,鼠标滚轮滚动方向)onmousemove—该事件会在鼠标移动时被触发<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title&...
2019-04-23 10:48:57
534
1
原创 JavaScript基础-添加删除记录练习
由<table> 标签来定义表格由 <tr> 标签定义行由 <td>标签定义字母每行被分割为若干单元格表格:<table id="employeetable"> <tr> <th>Name</th> <th>Email</th> <th>Sala...
2019-04-20 16:38:48
191
原创 js 图片切换练习
首先先在<body>里面放置一张图片,并设置两个按钮<div id="outer"> <img src="img/1.jpg" alt="奥利奥"/> <button id="prev">上一张</button> <button id="next">下一张</button> </div...
2019-04-16 11:02:54
243
原创 js dom查询练习
代码:onload事件会在整个页面加载完成之后再触发如果将script标签写在head里,就要为window绑定一个onload事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>hello</title> <style type...
2019-04-15 19:55:33
456
原创 用正则表达式检验手机号码是否符合要求
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 手机号码的规则: * 第一位以1开头; * 第二位为3-9任...
2019-04-14 10:51:40
702
原创 HTML5新增语义化标签练习
经典的页面布局中,页面被分为 header、main、aside、footer 四个部分传统都是用多个div盒子新增的部分语义化:<article>定义文章<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)<figcaption> 定义 figure 的标题<aside> 定义文章的侧边栏<footer>定...
2019-04-12 19:46:45
617
原创 数组去重练习(splice)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>数组去重练习</title> <script type="text/javascript"> var arr=[1,2,3,2,2,1,3,4,2,5]; for ...
2019-04-11 14:27:59
335
原创 B站楼梯导航待更新(只使用HTML和CSS)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>B站楼梯导航</title> <style type="text/css"> body{ margin: 0;/*清除默认外边距*/ } ul{ ...
2019-04-10 15:08:26
547
1
原创 swift小测试
1、写出REPL的启动命令:sudo Xcode-select -s /Users/glxy/Desktop/Xcode.app/Contents/Developerxcrun swift2、定义一个月份数组,实现对数组元素的新增、替换、剩除、插入:3.定义一个字典,字典中包括我校所有学院名称及院长名称,并对字典进行查视、添加、更新、删除操作:var school=["管理...
2019-04-10 11:31:22
1130
原创 记一次CSS @keyframes动画旋转
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css">{ margin:0 ; padding: 0; } .box{ width:50px ...
2019-04-09 11:25:45
1683
原创 一个简单的投票页面
用hbuilder写的一个投票页面,记录一下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>萌娃投票</title> <style type="text/css"><!--body,td,th { color: #...
2019-04-09 11:20:55
3085
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人