
前端
文章平均质量分 79
黑喵不是喵
这个作者很懒,什么都没留下…
展开
-
通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
1.通过绝对定位实现 #rose{ /*width: 100%; text-align: center;//居中*/ position: relative; } #rose .redRose{ /*display:inline-block;//居中*/ width:560px; height: 280px;原创 2017-02-21 23:24:31 · 247 阅读 · 0 评论 -
Js中this用法
this在函数执行时,this 总是指向调用该函数的对象。要判断 this 的指向,其实就是判断 this 所在的函数属于谁。 在《javaScript语言精粹》这本书中,把 this 出现的场景分为四类,简单的说就是: 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 列表内容 通过 apply 或 call 或 bind 来改变 this 的所指。1. 函数有所属原创 2017-04-14 23:28:32 · 273 阅读 · 0 评论 -
Vue全局变量的实现方式
今天在用vue做一个单页面地图的时候,关于vue全局变量产生了疑问,经过一番思考和查找资料总结了接下来几个方法。1.直接使用window对象 window.map=map; 2.使用webpack的全局变量webpack 有global关键字比如在一个a.js文件中定义全局变量:global.COURSES = ‘xxxxx’;在入口的main.jsimport ‘./a’;就可以,别的js不需原创 2017-04-14 23:57:55 · 1951 阅读 · 0 评论 -
Cookie
cookie 是存储于访问者就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。一个简单的Cookies例子: 在这个例子中我们要创建一个存储访问者名字的 cookie。当访问者首次访问网站时,他们会被要求填写姓名。名字会存储于 cookie 中。当访问者再次访问网站时,他们就会收到欢迎词。<html> <head> <script type="text原创 2017-05-27 23:49:13 · 277 阅读 · 0 评论 -
三栏网页宽度自适应布局方法
首先解释一下什么是“三栏布局”:顾名思义,三栏布局就是在网页上以平铺方式展现的左中右三列布局,其特点在于,左右两列可固定在网页左右两侧,中间一列永远居中,且当网页宽度大于左右两列宽度之和时,中间一列可随网页整体宽度的变化而变化。无论在自适应网页或响应式网页中,三栏布局都是最为常见和基础的布局方式之一。 目前为止,三栏布局的常用写法有三个:绝对定位法,外距负值法以及自身浮动法。一、绝对定位法:左右两转载 2017-05-28 23:38:15 · 464 阅读 · 0 评论 -
JSON
JSON.parse()和JSON.stringify()JSON.parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23" name: "huangxiaojian" __proto__: Object注意:单引号写在{}外,每个属性名都必须用双原创 2017-05-29 21:35:15 · 321 阅读 · 0 评论