程序员的程-CSDN博客

原创三栏布局的5种解决方案及优缺点

假设高度已知，请写出三栏布局，左栏、右栏宽度300px，中间宽度自适应。这道题本身的难度并不大，我们在布局页面的时候，写个三栏布局还是挺简单的。但是如果在面试的时候遇到这道题，就没有那么简单了。看似简单的一道题，想把它答好是不简单的。往往越简单的题越不好答。如果看到这题只想到了浮动和绝对定位，那这题你连及格都及格不了。下面是5种三栏布局的方法。在写布局代码之前，先写两段公共的样式，此段写

2017-11-19 12:08:44 20724 3

转载免费的json api接口（音乐、物流、地图、视频）

这里为大家搜集了一些能够返回JSON格式的服务接口。部分需要用JSONP调用。电商接口淘宝商品搜索建议:http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb 用例 ps:callback是回调函数设定物流接口快递接口:http://www.kuai

2017-11-11 21:14:14 10359

转载跨域的几种解决方案

什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：、、、等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨

2017-11-11 21:07:51 616

转载 HBuilder编辑小技巧

/* tips.txt的内容可以在HBuilder启动封面中显示。你可以自定义一个有趣的启动tips，增加[user]开头的文本内容即可。比如[user]我要减肥！ */你按照Hello HBuilder的lesson教程敲过一遍吗？如果没有强烈推荐你来一把，立即就能掌握飞一般编码的精髓Tips不会增加启动时间，只是在无聊的启动中给一点有用的信息按下Alt键

2017-11-11 20:51:31 10076 3

原创 Sublime text3最全快捷键清单

Sublime Text 支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，还拥有代码片段（Snippet）的功能，可以将常用的代码片段保存起来，在需要时随时调用。支持 VIM 模式，可以使用Vim模式下的多数命令。支持宏，简单地说就是把操作录制下来或者自己编写命令，然后播放刚才录制的操作或者命令。Sublime Text 还具有良好的扩展能力和完全开放的用户自定义配置与神奇实用的编

2017-11-11 20:46:29 30263 4

原创 HBuilder最新最全快捷键清单及快捷键修改方法

HBuilder大家应该都很熟悉了，不说废话，直接上快捷键。Hbuilder的快捷键是很多的，共分了12类，下面将分类展示这些快捷键。HBuilder的快捷键在软件里就可以查看的，按下ctrl+shift+L就可以查看快捷键了。下面在介绍一下HBuil

2017-11-11 20:35:22 43881 2

原创前端面试题（7）前端页面由哪三层构成，分别是什么，作用是什么

Html (结构): 超文本标记语言, 由 HTML或 xhtml之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”Css (表现) : 层叠样式表 ,由css负责创建。css对“如何显示有关内容”的问题做出了回答。Js (行为) :

2017-11-01 09:07:23 1912 1

转载前端面试题（6）图片格式jpg，gif，png-8，png-24的区别，及其各自的使用场景

Gif格式特点:透明性,Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha透明）。动画,Gif这种格式支持动画。无损耗性,Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。水平扫描,Gif是使用了一种叫作LZW的算法进行压缩的，当压缩gif的过程中，像素是由上到下水平压缩的，这也意味着同等条件下

2017-11-01 08:53:51 1193

原创前端面试题（5）列举5种IE haslayout的属性及其值

haslayout是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的hasLayout 属性值为true时，我们说这

2017-11-01 08:43:11 302

原创发布npm时遇到的两个小问题，解决方法

1、出现这个错误 no_perms Private mode enable, only admin can publish this module错误输出内容npm ERR! publish Failed PUT 403npm ERR! code E403npm ERR! no_perms Private mode enable, only admin can publish th

2017-10-26 21:32:23 7663

原创前端面试题(4)iframe有哪些优点？iframe缺点是什么？

优点：iframe能够原封不动的把嵌入的网页展现出来。如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。缺点：iframe会阻

2017-10-26 07:57:10 7265 1

原创怎样在一个HTML中嵌入另一个HTML页面(iframe标签用法)

iframe怎么在一个网页中嵌入另一个网页呢，我们可以用html中的iframe标签搞定。iframe支持所有浏览器。下面来看语法：

2017-10-25 23:15:15 43802

原创 label的作用是什么？是怎么用的？

label标签是用来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。主要有以下两种用法用法：一、Number:二、Data:

2017-10-25 08:01:17 10480

原创前端面试题（3） cookie，sessionStorage和localStorage的区别

cookie是网站为了标示用户身份存在用户本地终端上的数据（经过加密）。cookie数据时钟在同源的http请求中携带（即使不需要），即会在浏览器和服务器之间传递。seeeionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。存储大小：cookie数据大小不能超过4k。sessionStorage和localStorage虽然也有

2017-10-24 08:24:10 790

转载详细了解浏览器内核

详解浏览器内核浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页

2017-10-24 08:17:14 1542

原创前端面试题（2）：介绍一下对浏览器内核的理解

介绍一下对浏览器内核的理解主要分成两个部分：渲染引擎(Render Engine)和JS引擎。渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核

2017-10-23 09:44:52 11893

转载 HTML基础--position 绝对定位相对定位锚点链接

position 定位属性，检索对象的定位方式一、语法：position：static /absolute/relative/fixed取值：1、static：默认值，无特殊定位，对象遵循HTML原则；2、absolute：绝对定位，将对象从文档流中拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这样的父对

2017-10-22 23:01:24 764

原创前端面试题系列（1）：doctype作用标准模式与兼容模式

1.doctype作用声明位于HTML文档的第一行。处于标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCYTYPE不存在或格式不正确会导致文档以兼容模式呈现。2.什么是标准模式，兼容模式？标准模式与兼容模式的区别标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老师浏览器的行为以防止站点无法工作。

2017-10-22 09:48:37 779

转载 HTML基础--元素类型及类型转换

元素类型及类型转换一、XHTML元素分类根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素 1.块状元素（block element） 1）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col

2017-10-21 23:30:08 1434

原创 JS小游戏：贪吃蛇（附源码）

javascript小游戏：贪吃蛇此小游戏采用的是面向对象的思想，将蛇，食物，和游戏引擎分为3个对象来写的。为方便下载，我把js写在了html中，游戏玩法：直接打开html文件即可开始游戏，用键盘的上下左右键控制蛇的移动。

2017-10-21 08:55:53 860

原创 IE6常见CSS解析Bug及hack

IE6常见CSS兼容问题总结1)图片间隙A)div中的图片间隙(该bug出现在IE6及更低版本中)描述：在div中插入图片时，图片会将div下方撑大三像素。hack1:将与写在一行上；hack2:将转为块状元素，给添加声明：display:block;B)dt,li中图片间隙（IE6）hack:将转为块状元素，给添加声明：display:block;img设置对

2017-10-21 08:53:14 534

原创 Vue学习笔记-Vue基础入门

此篇文章是本人在学习Vue是做的部分笔记的一个整理，内容不是很全面，希望能对阅读文章的同学有点帮助。什么是Vue？Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue

2017-10-18 20:00:15 684

转载 CSS核心属性

一、CSS属性组成和作用属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。二、CSS核心属性1、文本大小：{font-size:12px/14px/16px;}说明：1）属性值为数值型时，必须给属性值加单位，属性值为0时除外。2）单位还可以是pt，9pt=12px;

2017-10-18 18:54:06 435

原创 css基础-选择器

CSS选择符（选择器）选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.常用的选择符有十种左右类型选择符，id选择符，class选择符，通配符，群组选择符，包包含选择符，伪类选择符，伪对象选择符。1）元素选择符/类型选择符（element选择器 )语法：元素名称{属性：属性值；}说明：a)元素选择符就是以文档语言对象类型作为选择符

2017-10-17 23:10:14 362

1.结构link语法结构<link rel="stylesheet" href="CSSurl" type="text/css" />import语法结构<style type="text/css"> @import url(CSSurl);</style>2.应用场景link标签只能在html页面中用来引用css,而import可以在css中引用其他css。在css中直接使用@import url(CSSurl);

2017-10-17 22:05:17 438

原创 css基础-语法篇

CSS基础1、css简介cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.01996年由w3C正式推出的css1.1998年由w3C正式推出的css2.用来表现XHTML或者XML等样式文件的计算机语

2017-10-17 14:35:38 199

原创 HTML基础入门

HTML5 基本结构（新建一个html文件时默认有那些代码）命名文档类型说明我们写的是标记语言文件头部编码格式1、文件命名规则：用英文，不用中文名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；必须以英文字母开头。六、 HTML基本语法

2017-10-15 23:23:07 295

mrchengzp的博客