前端
喝牛奶的鱼1022
好记性不如烂笔头,计算机菜鸟研究生一枚
展开
-
html、css、javascript关系
html、css、javascript关系html是网页内容的载体,内容就是网页制作者放在页面上想要用户浏览的信息,可以包含文字、图片、视频等。 css样式是表现,就像网页的外衣,比如:标题文字、颜色变化或为标题加入背景图片,边框等,所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果的,如:鼠标滑过弹出下拉菜单,或鼠标滑过表格的背景颜色改变,还有新闻...原创 2018-03-05 18:51:59 · 161 阅读 · 0 评论 -
页面布局之上下固定中间自适应
常用的页面布局除了两边固定中间自适应和一端固定另一端自适应之外,还有上下固定中间自适应的布局,今天在这里做一下总结。 实现这种布局我主要通过两种方法:使用绝对定位对这三栏都实现绝对定位,其中中间绝对定位的位置是上下两栏的高度,内容超出则中间部分出现流动条; 代码实现:<!DOCTYPE html><html lang="en"><head>...原创 2018-08-30 09:57:31 · 7359 阅读 · 0 评论 -
某团面试凉经之面试题总结
今天去面了某团的前端开发岗,全程大概35分钟,面试官小姐姐很温柔,但是全程问我的问题都是计算机网络,操作系统和数据结构,一点前端的知识都没有问到,面完就知道自己凉了,心塞,那些专业课是我大二学的,到现在已经有三四年的时间了,真的是一点都没有准备。面试完回来翻出大学的书,一个题一个题的又看了一遍。 面试题: 1、描述一下OSI七层模型和五层模型; 2、描述一下DNS解析过程; 3、用双向链表...原创 2018-09-17 12:25:57 · 274 阅读 · 1 评论 -
一些小的总结
中午用csdn还没有改版,晚上这就改版了,这效率还真是快啊,有点不太习惯哈哈。最近秋招真的每天都忙的要死,昨天去面试走太多路,晚上回去发现脚底都磨出水泡了,今天早上六点就醒了,9点到11点做了去哪儿的笔试,又是赛码网,赛码网真的跟我相克啊,我每次用本地编译能通过,但是赛码线上编译就是通不过,心塞。中午午觉没睡,下午一点半斗鱼的笔试,可是北森网又出了问题,题目一直进不去,跑到牛客底下去给斗鱼校招留...原创 2018-09-17 21:46:07 · 220 阅读 · 0 评论 -
关于使用ps切图的一些学习
这几天闲着学习了慕课网上的一个小课 前端工程师必备的PS技能——切图篇,对切图有了个大概的了解,链接在此 https://www.imooc.com/learn/506下载与安装使用的photoshop cc 2018,下载安装链接在此 http://www.downza.cn/soft/270078.html 按照步骤一步一步来就可以了。常用操作只是一些简单的快捷键:新建文件:ctrl...原创 2018-11-09 19:52:38 · 162 阅读 · 0 评论 -
sublime Text3出现错误There are no packages available for installation
在sublime Text3中安装插件时,按下ctrl+shift+p之后,输入install,弹出窗口发现是package control出现问题,解决方法如下:(1)、下载channel_v3.json文件,我把这个文件分享在百度云盘。链接:https://pan.baidu.com/s/197iViHIMV70DVQi7OTYDXQ提取码:ntz2(2)、将下载下来的文件存放在某...原创 2019-04-19 21:37:39 · 695 阅读 · 0 评论 -
新员工如何使用git参与团队开发
作为一个新入职的前端菜鸟,面临的第一个问题是如何使用git。参考文档 https://blog.csdn.net/zhangliangzi/article/details/52125585廖雪峰的GIT教程 https://www.liaoxuefeng.com/wiki/896043488029600/896067008724000首先,刚入职的时候,项目负责人会把你的账号加入到他们的gi...原创 2019-08-11 19:14:16 · 3027 阅读 · 0 评论 -
消除绝对定位的方法
页头绝对定位,内容会被同级的content覆盖页头绝对定位,内容随页面滚动解决方法:同级元素相对定位,定位height根据绝对定位的高度来定原创 2019-08-11 23:02:10 · 1807 阅读 · 0 评论 -
js之同步和异步
js语言是单线程的(single thread),即一次只能完成一个任务,若存在多个任务,则需排队,等前面一个任务完成之后,后面一个任务才能开始执行。但是这样存在一个问题,若存在一个执行耗时很长的任务(例如ajax),后面的任务就必须排队等待,这样就拖延了整个程序的执行,造成浏览器出现假死的状态,导致页面卡在某个地方无法运行。因此js将任务的执行模式分为同步(Synchronous)和异步(A...原创 2019-08-25 19:12:40 · 673 阅读 · 0 评论 -
js之Event loop
参考文章 带你彻底弄懂Event Loophttps://segmentfault.com/a/1190000016278115?utm_source=tag-newest宏队列,macrotask,也叫tasks。一些异步任务的回调会依次进入macro task queue,等待后续被调用,这些异步任务包括:setTimeoutsetIntervalsetImmediate (N...原创 2019-08-25 23:11:59 · 231 阅读 · 0 评论 -
页面布局之实现三栏布局
问题:假设高度已知,请写出三栏布局,其中左栏、右栏宽度各位300px,中间自适应。 参考链接 https://www.cnblogs.com/chengzp/p/layout.html1、浮动解决方案使用浮动实现此三栏布局 其中html结构如下:浮动的左右两栏要写在自适应栏前面&amp;amp;lt;article class=&amp;quot;left-right-center&amp;quot;&amp;amp;gt;原创 2018-08-29 20:32:25 · 818 阅读 · 0 评论 -
页面布局之圣杯布局和双飞翼布局
关于marin负值提到这两种布局,离不开margin负值,我们首先了解一下margin负值; 1、当元素不存在width属性或width:auto时,负margin会增加元素宽度&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="原创 2018-08-29 13:11:05 · 312 阅读 · 0 评论 -
页面布局之左侧固宽,右侧自适应
css布局之左侧固定宽度,右侧自适应1、固定宽度区浮动,自适应区设置margin 给左边的固定宽度区left浮动并设置一个宽度,右边的自适应区right只设置margin值,假设right的宽度是100%,那么设置margin后,它得宽度就变为100%-margin;left发现自己的宽度可以和right挤在同一行,它就浮动上来了。&amp;amp;lt;!DOCTYPE html&amp;amp;gt;...原创 2018-04-16 12:50:39 · 906 阅读 · 0 评论 -
CSS之清除浮动
浮动会使元素逃离文档流,按照指定方向 发生移动,遇到父级边界或相邻的浮动元素停下来。 高度塌陷问题:在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。 由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。 下面是解决浮动...原创 2018-04-16 16:59:29 · 397 阅读 · 0 评论 -
JavaScript中关于获取可视口尺寸以及元素尺寸的一些总结
查询窗口的可视口尺寸可视口指的是浏览器中实际显示文档内容的部分,它不包括浏览器的“外壳”(如菜单、工具条和标签页)。 非IE浏览器存在属性innerWidth和innerHeight可以返回窗口的可视口尺寸,IE浏览器不支持这两个属性,可以通过DOM提供页面可视区域属性clientWidth和clientHeight,这两个属性对非IE浏览器也同样适用,但是要区分标准模式和怪异模式,代码如下...原创 2018-05-23 21:30:58 · 723 阅读 · 0 评论 -
Javascript的this指向问题
javascript中的this指向是在函数调用时确定的。(1)、this指向全局对象window的情况全局作用域中或普通函数中//全局作用域console.log(this); //非严格模式window,严格模式undefined//普通函数function bar(){ console.log(this); //非严格模式window,严格模式undefi...原创 2018-06-12 19:22:27 · 277 阅读 · 0 评论 -
JavaScript继承
1、原型链继承 基本思想:让一个引用类型继承另一个引用类型的属性和方法; 构造函数、原型和实例的关系: 每个构造函数都有一个prototype属性,该属性指向该函数的原型对象;原型对象包含一个不可枚举的属性constructor,该属性指向它们的构造函数;当调用构造函数创建一个新实例之后,该实例内部包含一个内部指针proto ,指向该构造函数的原型对象。//创建一个构造函数functi...原创 2018-06-13 13:24:49 · 124 阅读 · 0 评论 -
关于vue2.0中对vuex的理解
关于vue2.0中对vuex的理解主要参考以下三篇文章,博主实在写得通俗易懂,我就不总结了,链接放在这里,供我以后参考 vuex2.0 基本使用(1) — state https://www.cnblogs.com/SamWeb/p/6527240.html vuex2.0 基本使用(2) — mutation 和 action https://www.cnblogs.com/...转载 2018-08-01 15:03:50 · 181 阅读 · 0 评论 -
CSS盒模型
谈谈你对CSS盒模型的认识每个元素,都会形成一个矩形块,主要包括四部分:margin(外边距)+border(边框)+padding(内边距)+content(内容)基本概念:标准模型+IE模型标准盒模型的width只包含内容的宽度:width=content; IE盒子模型的width包含内容的宽度和border以及padding:width=border+padding+co...原创 2018-08-30 20:52:20 · 140 阅读 · 0 评论 -
DOM操作
DOM本质DOM,Document Object Model 文档对象模型,是针对HTML和XML文档的基础API,将HTML结构化成浏览器和js可识别。 DOM可以理解为,浏览器把拿到的html代码,结构化为一个浏览器能识别且js可操作的一个模型而已。DOM是哪种基本的数据结构?DOM是树形结构;DOM节点操作1、获取DOM节点document.getEleme...原创 2018-08-31 20:04:01 · 229 阅读 · 0 评论 -
DOM事件
JavaScript与HTML之间的交互是通过事件实现的。JavaScript事件是由访问web页面的用户引起的一系列操作。DOM事件类分为DOM0,DOM2,DOM3; DOM0: element.onclick = function(){ } 删除DOM0事件处理程序,只要将对应事件属性置为null即可 缺点:(1)、一个对象只能有一个事件处理程序,多了会覆盖 (...原创 2018-08-31 21:50:23 · 124 阅读 · 0 评论 -
几个对数组对象的操作
定义一个对象数组objconst obj = [ { 'id': '1', 'name': 'wer', 'age': 18 },{ 'id': '2', 'name': 'success', 'age': 20 },{ 'id': '3', 'name': 'fail', 'age': 17 }]1、...原创 2019-08-26 18:16:30 · 236 阅读 · 0 评论