- 博客(27)
- 收藏
- 关注
原创 关于git
虽然一直在用github但是那是通过webstorm来进行链接的,今天弄了个班级的瀑布流相册,首先要检讨设计能力还是有点差,UI有点丑,然后刚开始是部署在新浪云上,发现太贵了,后来想到了github pages,然后跟着教程做,发现好多教程都是怎么说呢,陷入了一个会者不难的境界,总得来说我从个超级小白来说吧,首先在github上创建一个仓库,在刚创建的仓库code处,不是代码,会有好几个链接,第一
2017-05-31 00:46:00 334
原创 关于setTimeout与setInterval返回值的问题
好容易弄完了毕业论文吗,打算看一下直播,正好有人送火箭。于是想要去抢一下鱼丸,但是很遗憾手太慢了。于是设定了个定时器。发现定时器会返回一个数值,这个值是随机的,研究了好一阵,发现他返回的是他唯一的ID,一直以来的用法都是var timer=setTimeout 现在一想,timer并不是这个定时器,而是等于这个定时器返回的ID,然后通过timer进而对定时器进行停止或者开启。
2017-05-14 00:20:25 1152
转载 js中this的指向
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。为什么
2017-05-04 20:11:10 444
转载 前端经典面试题: 从输入URL到页面加载发生了什么?
从输入URL到页面加载发生了什么原文地址:https://segmentfault.com/a/1190000006879700最近在进行前端面试方面的一些准备,看了网上许多相关的文章,发现有一个问题始终绕不开: 在浏览器中输入URL到整个页面显示在用户面前时这个过程中到底发生了什么。仔细思考这个问题,发现确实很深,这个过程涉及到的东西很多。这个问题的回答真的能够很好的考验一个web工
2017-04-30 18:57:06 962 3
原创 setTimeout机制的思考
我一直在思考为什么js是单线程的,今天看到了阮一峰大神的解释,一下子想通了,js是用来互动的,如果是多线程,这个时候如果多个线程同时对一个dom操作怎么办,不过我记得我在一本书上看过,在操作系统中也是有着多线程控制的,进行权限管理,但是js为什么没有做我也说不明白,说回来setTimeout。这个东西为什么出现,还是为了解决js单线程问题,js是单线程的但是浏览器是多线程的,这就会出现一个问题,那
2017-04-16 21:23:47 578
原创 task021记录
艰难的弄好了021,很多东西都是看过的,可是一到实战就慌了,或者说想不到,总来说需要注意的一个是this,js是一种很复杂的东西,其中的this是一个动态的,当函数执行进入一个作用域的时候,this会动态的修改指向,这个时候最显著的会出现一个问题,在函数中绑定事件,因为绑定函数的原因,函数的this值会被修改为document,这个时候就会出错,解决办法就是在函数刚刚进入执行环境时用一个变量将
2017-04-14 23:32:38 306
原创 关于js中构造函数与原型对象相结合的模式的疑惑与想法
js目前来说主要三种,一个是工厂模式,工厂模式是最简单的,但是与之而来的问题也很严重,耗费内存,这一点就很严重,在当前只是做一些小东西还可以,但是如果以后大型对象,一个对象很多种方案属性,使用工厂模式就会严重消耗内存,js不比其他语言,js是运行在浏览器中的,js是单线程的,浏览器却是多线程的,也就是说js不可能吃掉太多浏览器的内存,因为浏览器也要工作,而且浏览器的内存空间也是从系统手中一点一点求
2017-04-13 12:04:41 375
转载 querySelectorAll 方法相比 getElementsBy 系列方法有什么区别?
作者:简生链接:https://www.zhihu.com/question/24702250/answer/28695133来源:知乎1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。2. 浏览器兼容quer
2017-04-10 18:34:41 269
原创 ife总结
第六个任务是模拟报纸。刚看到的时候觉得挺简单的,但是真的上手才发现坑好多,而且发现自己最薄弱的一点就是在定位上。一个position一个float真的是弄得欲仙欲死。结果代码结构混乱。css类也多的不像话。但是还是弄出来了。也挺不容易的。但是不能自傲,鉴于很多坑的点都在定位上。而且是经验上的错误。这里就不总结了。总结也总结不出来个啥的。主要是有一个浮动问题。要重点记一下。如果一个div中有两个块级
2017-03-08 22:32:08 492
原创 关于border-radius设置问题
IFE第四个问题是关于垂直居中的。就是这样一张图。这个还是很简单的。在做到里面那两个小的黄色部分的时候。要用到border-radius属性。而且只是设置一个角的属性。不过当我用webstorm自动联想的出错了,于是决定去w3c查一查为什么。然后就看到了这么个代码。我很疑惑啊。上网查了一下为什么。简单来说。border-radius只是一个缩写。是把四个角的属性都给设置了。
2017-03-06 19:27:37 2428
原创 task002--任务二:零基础HTML及CSS编码
百度前端学院第二个任务:之前一直有事情结果给忘了在这上发了,罪过罪过。第二个任务是对第一个代码进行简单的css代码。当然简单是相对的,对我来说就不简单了。写的时候很多属性都知道。但是用的时候很生疏。更何况熟练运用。总的来说整体磕磕绊绊。最大的问题一个是类的复用性很低。二是类名。真的是个大问题。不怎么会起名,看了张鑫旭大神的博客依然没什么长进。第三点也是最大的一个问题是html代码结构的混乱
2017-03-05 21:51:49 359
原创 task001:零基础HTML编码
因为看过视频所以感觉应该很轻松而且以前还做过感觉应该会很容易但是还是有很多问题出现:1:因为第一个任务要求只能是有HTML编码,刚开始在做图片是没有注意,后面才发现一行图片都是缩进去一段距离的,如果可以用css的话是可以用margin的,但是只能用HTML,所以去百度了一下标签,发现了标签( 与 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,而且有时会使用斜体。也就
2017-03-02 20:54:40 333
转载 子元素margin-top为何会影响父元素?
原文地址:http://blog.csdn.net/sinat_27088253/article/details/52954688问题如下 一段很简单的代码:css如下:style type="text/css"> *{ margin: 0px; padding: 0px; } .show{
2017-02-28 22:58:06 345
转载 页面中onload和ready问题的总结
原文地址:http://blog.csdn.net/superick/article/details/25393911一,从输入url到看到页面的过程 从输入url到页面显示出来的过程中发生了哪些事情呢? 1,域名解析,向dns服务器发出请求,将域名转化为ip地址 2,与服务器建立tcp链接,http是应用层协议,在网络层使用的还是t
2017-02-28 11:06:08 340
转载 关于css清除浮动原理解析
近来在做仿站练习的时候看到每个网站采用浮动清理的方法都各不相同,有的甚至同一个网页采用了不同的清理方法,是时候要在这方面做个总结了。之所以要进行浮动清理,是因为浮动的元素会脱离普通流,导致父容器不能够包含浮动元素。我们希望是这样: 结果是这样:看了一下网上的方法,无非是两种原理:1、利用clea
2017-02-25 20:15:22 430
原创 关于css important属性的一些想法
css继承中有一个就近原则,首先来说important属性无法影响就近原则。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:red; } ul
2017-02-06 16:26:46 377
原创 小米鼠标悬停浮动模块
Title *{ margin:0; padding:0px; } .item{ width:235px; height:300px; background:orange;margin:100px auto
2016-12-05 21:43:24 902
转载 js日历组件,今天偶然看到的觉得很好就抄袭了过来,
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script language="javascript"> var mData=new Date(); var ynow=mData.getFullYear
2016-11-28 11:07:33 339
原创 文章标题
因为之前做得太惨不忍睹了,而且大部分篇幅很长就不放了从第四个开始,一边学一边做也没办法说好啥时候能更新,只能一点点来了。尽力。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .main{ pos
2016-11-18 11:36:21 240
原创 IFE
一直在学习前端可是找不到好的练习,总感觉自己学的啥都学会了,又啥都不会,专门做一个类别做百度前端学院的题目来练习,不知道能做多少,尽力做吧。
2016-11-18 11:30:04 527
原创 display的取值问题
display总共有五种类型的值,none,block,inline,inling-block,table-cell;none都明白,table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。而block,inline,inline-block则是设置元素是块级元素还是行内元素,众所周知,元素有块级元素,行内元素两种,p,div,table,from一类的都是块级元素,块级元素与
2016-11-17 21:10:13 1454
原创 关于定位的问题
关于css中position定位的问题。今天在看css中关于定位的问题时发现的,百度上大多数都是说子元素定位值为absolute时,父元素position的值应该是relative;可是在实际实验中并不是,在定位上,如果position属性为absolute,那么说明该元素脱离了文档流。也就是说他不是相对于其前一个兄弟元素进行定位。而是转而相对于其包含块进行定位。如果一个元素进行了posi
2016-11-16 21:41:34 263
原创 文章标题
下午复习昨天做的东西 结果在处理鼠标事件时出现了问题<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m
2015-06-18 16:29:36 509
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人