08 2018 档案

负margin
摘要：负margin理论： 何谓参考线？参考线就是 margin移动的基准点，此基准点相对于box(自身)是静止的。而margin的数值，就是box相对于参考线的位移量。 一个完整的margin属性是这么写的margin: top right bottom left;(eg: margin:10px 20 阅读全文
posted @ 2018-08-28 17:08 小杜要加油 阅读(181) 评论(0) 推荐(0)
关于前端的margin
摘要：margin 我比较喜欢使用“外边距”这个词来解释margin（同理padding可以称之为“内边距”，但是我又恰恰喜欢称呼padding为“补白”或者“留白”），我们可以很清楚的了解到margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。 margin设置负数 基本写 阅读全文
posted @ 2018-08-28 16:32 小杜要加油 阅读(2061) 评论(0) 推荐(0)
清除的通用样式 css
摘要：/*公共样式--开始*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; } *{box-sizing: border-box;} html, body { m... 阅读全文
posted @ 2018-08-23 14:33 小杜要加油 阅读(648) 评论(0) 推荐(0)
缩写词和首字母缩写词
摘要： 阅读全文
posted @ 2018-08-22 17:24 小杜要加油 阅读(451) 评论(0) 推荐(0)
css布局
摘要：css布局 双飞翼布局或者说圣杯布局它们都是三列布局；（一列自适应和两列固定列）。当然，除了三列布局，还有一列布局（自适应居中）、两列布局(一列自适应一列固定列)。 其他两种都相对来说简单些。就着重说一下三列布局。 一、双飞翼布局 中间一部分是自适应宽度，其他两列是固定列大小 能过上面的CSS设置之 阅读全文
posted @ 2018-08-20 14:56 小杜要加油 阅读(297) 评论(0) 推荐(0)
<div class="clear"></div>
摘要：这里的clear是样式名。样式写在CSS文件中 从名称来看估计你的样式为：.clear {clear:both; } clear:both; 作用：该属性的值指出了不允许有浮动对象的边。 这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float（浮动）时，他所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动）,或者是希望float（浮动）后... 阅读全文
posted @ 2018-08-20 14:22 小杜要加油 阅读(2013) 评论(0) 推荐(0)
css3 制作平滑过度动画
摘要：-webkit-transition(属性渐变) -webkit-transition：CSS属性(none|all|属性) 持续时间 时间函数 延迟时间 CSS属性(transition-property)：要变化的属性，比如元素变宽则是width，文字颜色要变色这是color；W3C给出了一个可 阅读全文
posted @ 2018-08-20 11:57 小杜要加油 阅读(4617) 评论(0) 推荐(0)
页面公用的部分
摘要：<header> <div class="header"> <div class="top"> <div class="top_con"> <div class="weixin" id="weixin" onMouseOver="show_weixin()" onMouseOut="hide_wei 阅读全文
posted @ 2018-08-17 16:25 小杜要加油 阅读(165) 评论(0) 推荐(0)
JavaScript01
摘要：根据当前时间显示问候语 阅读全文
posted @ 2018-08-17 16:14 小杜要加油 阅读(179) 评论(0) 推荐(0)
JavaScript的this原理
摘要：this原理 理解下面两种写法，可能有不一样的结果。 虽然obj.foo和foo指向同一个函数，但是执行结果可能不一样。请看下面的例子。 这种差异的原因，就在于函数体内部使用了this关键字。很多教科书会告诉你，this指的是函数运行时所在的环境。对于obj.foo()来说，foo运行在obj环境， 阅读全文
posted @ 2018-08-15 09:41 小杜要加油 阅读(170) 评论(0) 推荐(0)
jquery.cycle.js
摘要：jquery.cycle.js简单用法实例 样式： html:js文件可以自己再网上下载。 参数说明： 1.官网：http://jquery.malsup.com/cycle/ demo: http://jquery.malsup.com/cycle/adv.html 2.fx参数设置过度效果jqu 阅读全文
posted @ 2018-08-14 16:35 小杜要加油 阅读(501) 评论(0) 推荐(0)
es6
摘要：基本语法 在代码块中声明了a，b。然后a is not defined.这是因为let命令只在对应的代码块中有效，我们在外部去引用它，就会报错。这就是let的块级作用域的效果，如果不太清楚什么是块级作用域。我们来看下面的例子。 i在for循环中定义的是全局变量。我们在调用函数时。函数内部的i引用的是 阅读全文
posted @ 2018-08-14 09:27 小杜要加油 阅读(182) 评论(0) 推荐(0)
第三方插件Vue-Lazyload
摘要：使图片懒加载 阅读全文
posted @ 2018-08-13 17:16 小杜要加油 阅读(192) 评论(0) 推荐(0)
优化歌单组件内容
摘要：1：轮播图自动滚动，当切换新的url会导致create生命周期结束，又重新获取数据，初始化slider。 2：当组件里面有某些计时器之类的东西，要在组件销毁的时候将其销毁 3：当歌单数据快与轮播图数据，歌单不能滚动到最底部 给图片写一个事件 当有图片触发了@load就调用ladImage方法 设置标 阅读全文
posted @ 2018-08-09 17:28 小杜要加油 阅读(229) 评论(0) 推荐(0)
Promise
摘要：Promise的含义 Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作） 阅读全文
posted @ 2018-08-08 23:03 小杜要加油 阅读(223) 评论(0) 推荐(0)
vue music 歌单组件
摘要：在data里面定义 discList: [] methods: { _getRecommend() { getRecommend().then((res) => { if(res.code === ERR_OK){ // 轮播图数据 ... 阅读全文
posted @ 2018-08-08 17:31 小杜要加油 阅读(226) 评论(0) 推荐(0)
better-scroll
摘要：vue之页面滚动，轮播图 better-scroll 常见html结构 可以参考如下图 绿色部分为wrapper，也就是父容器，他会有固定的高度。黄色部分为content，他是父容器的第一个子元素，它的高度会随着内容的大小而撑高。那么，当content的高度不超过父容器的高度，是不能滚动的，而它一旦 阅读全文
posted @ 2018-08-07 17:23 小杜要加油 阅读(489) 评论(0) 推荐(0)
vue music-抓取歌单列表数据（渲染轮播图）
摘要：下载安装新依赖 babel-runtime：对es6语法进行转译 fastclick：对移动端进行点击300毫秒延迟 ,,取消掉 babel-polyfill：API 先添加，在npm install main.js import 'babel-polyfill' import Vue from ' 阅读全文
posted @ 2018-08-06 18:12 小杜要加油 阅读(981) 评论(0) 推荐(0)
vue做路由页面内容跳转
摘要：安装 npm npm install vue-router 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： 如果使用全局的 script 标签，则无须如此 (手动安装)。 阅读全文
posted @ 2018-08-03 16:14 小杜要加油 阅读(252) 评论(0) 推荐(0)
父子组件例子
摘要：Vue常用的三种传值方式有： 父传子 子传父 非父子传值 父传子 子传父 非父子传值 父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示： 1. 父组件向子组件进行传值 父组件： 子组件: 2:子组件向父组件 阅读全文
posted @ 2018-08-03 09:04 小杜要加油 阅读(354) 评论(0) 推荐(0)
指令
摘要：v-text与{{ }} 缺点:使用v-text会直接将内容渲染成文本信息 当有标签套用时，如：<span>?</span> 可以使用：<html></html> 阅读全文
posted @ 2018-08-03 08:59 小杜要加油 阅读(172) 评论(0) 推荐(0)
使用git将代码推到coding
摘要：1：前提下载好Git 2：在电脑上创建一个文件夹，打开此文件夹，单击右键—〉 git bash here 3：输入git init 完成后会在此文件夹下生成一个隐藏的.git后缀文件 4：将你的代码添加并提交到本地仓库 git add . > 所有文件 或 git add 《文件名》 git com 阅读全文
posted @ 2018-08-01 21:47 小杜要加油 阅读(1194) 评论(0) 推荐(0)