05 2019 档案

小程序之组件
摘要：一、父组件传给子组件 1.在component目录中创建testcomponent文件 在testcomponent.wxml中写结构 <view bindtap='clickEvent' data-age='{{age}}'>{{age}}</view> 可以看出页面中写了个绑定函数，在testc 阅读全文
posted @ 2019-05-06 18:16 岁月无垠 阅读(226) 评论(2) 推荐(0)
CSS之文字溢出处理
摘要：1.单行文本之三剑客 <p>刘诗诗，原名刘诗施，1987年3月10日出生于北京市，中国内地影视女演员、影视出品人。</p> p{ border: 1px solid red; width: 400px; height: 40px; white-space: nowrap; overflow: hid 阅读全文
posted @ 2019-05-03 03:54 岁月无垠 阅读(3096) 评论(0) 推荐(0)
CSS之bfc -- float布局
摘要：一、bfc布局 以下的代码加了子元素的上边距，为什么没有发生变化？ <div class="wrapper"> <div class="content"></div> </div> * { padding: 0; margin: 0; } .wrapper{ position: relative; 阅读全文
posted @ 2019-05-03 03:44 岁月无垠 阅读(316) 评论(0) 推荐(0)
CSS之两栏布局
摘要：<div class="right"></div> <div class="left"></div> *{ padding: 0; margin: 0; } .right{ position: absolute; /*成了行级块元素，脱了文档流，那么它后面的兄弟会补位上去*/ right: 0; w 阅读全文
posted @ 2019-05-03 03:40 岁月无垠 阅读(256) 评论(0) 推荐(0)
CSS之居中五环
摘要：<div class="plat"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> <div class="circle5 阅读全文
posted @ 2019-05-03 03:38 岁月无垠 阅读(238) 评论(0) 推荐(0)
a --- 链接
摘要：a标签里面不能套用a标签 1.背景图片加链接，图片和框需要设置一样的宽高 <a href="http://www.baidu.com" target="_black"></a> a{ display: inline-block; /*行内元素设置成块级元素才能设置宽高*/ width: 100px; 阅读全文
posted @ 2019-05-03 03:36 岁月无垠 阅读(186) 评论(0) 推荐(0)
企业开发经验之盒子模型和层模型
摘要：1.如何让单行文本垂直居中？height和line-height的值相同，文本就会居中， 首行缩进：text-indent: 2em; 代表首行缩进2个字的空格 1em=1* 16px。 文字的行高是1.2倍宽高：line-height:1.2em。 2.图片是行内块元素，只要是inline属性都具 阅读全文
posted @ 2019-05-03 03:32 岁月无垠 阅读(201) 评论(0) 推荐(0)
Flex -- 弹性布局
摘要：一、简要介绍 Flex是2009年w3c提出的一种简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素和宽度的能力。flex概念示意图如下 使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥有两根隐形的轴，水平的主轴（main 阅读全文
posted @ 2019-05-02 01:24 岁月无垠 阅读(189) 评论(0) 推荐(0)
jsonp -- 百度联想词
摘要：免费的接口： http://www.bejson.com/knownjson/webInterface/ 原博： https://blog.csdn.net/jbj6568839z/article/details/81416132 1.HTML页面 <div class="wrapper"> <in 阅读全文
posted @ 2019-05-01 22:33 岁月无垠 阅读(321) 评论(0) 推荐(0)
手把手写：优化回调地狱
摘要：解决回调地狱的方法： 1.拆解function 2.事件发布/监听模式 3.Promise 4.generator 5.async/await 实例如下： 1.用户点击多次，可以使用立即函数返回每次点击的值。执行顺序：点击-判断-请求数据-渲染页面 如下改 注意：this是jq包裹的对象 阅读全文
posted @ 2019-05-01 17:08 岁月无垠 阅读(281) 评论(0) 推荐(0)
六大原则之一：单一职责原则
摘要：解决回调地狱的方法： 1.保持代码的简洁性 2.模块化 综合上述，可使用六大原则之一单一职责原则 例： 运行：返回随机数 运行结果 返回的三个值可以传传参，传多少个都可以 例： // 异步 function createScore() { var df = $.Deferred(); //在里面调用 阅读全文
posted @ 2019-05-01 16:56 岁月无垠 阅读(353) 评论(0) 推荐(0)
手把手写：Callback -- 回调地狱
摘要：文章：https://www.cnblogs.com/nullcc/p/5841182.html 因为js是异步编程的，每执行一次，都会返回一个事件，当返回的事件多了会形成堵塞。称为“回调地狱”。以下面的例子为例 // 回调机制 callback 回调地狱 // 异步编程离不开回调机制 执行-发送请 阅读全文
posted @ 2019-05-01 16:17 岁月无垠 阅读(657) 评论(0) 推荐(0)
JQ之Ajax
摘要：详解ajax：https://www.jianshu.com/p/eed43d05c7c4 jquery $.ajax: URL ：https://easy-mosk.com/mock/5c0b4a876162b83fe0a50cb9/person type : 请求方式 data : {} 参数 阅读全文
posted @ 2019-05-01 15:34 岁月无垠 阅读(297) 评论(0) 推荐(0)
JS之时间线
摘要：前言：时间线在js中占很重要的地位：优化DOM、逻辑正确时输出的为什么是undefind，很有可能都是时间线在作祟 （ps：对象调用错时也会是undefind （1）先加载loading事件，再解析页面 <div class="demo" style="width:100px;height: 100 阅读全文
posted @ 2019-05-01 15:25 岁月无垠 阅读(2675) 评论(0) 推荐(0)
JS之异步加载
摘要：javascript 异步加载的三种方案 1.defer 异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用。 2.async 异步加载，加载完就执行，async只能加载外部脚本，不能把js写在script 标签里。 1.2 执行时也不阻塞页面 当想同时兼容IE和其它浏览器该怎么写？ 3 阅读全文
posted @ 2019-05-01 15:21 岁月无垠 阅读(3838) 评论(0) 推荐(0)
JS之六大引用类型
摘要：一、js有六种数据类型，包括五种基本数据类型，和一种复杂数据类型，typeof关键字用来检测当前变量的数据类型方法。 1.Number 2.String 3.Boolean 4.Undefined 5.Null 6.Object 三大引用类型：1.object 2.Array类型 3.Functio 阅读全文
posted @ 2019-05-01 15:16 岁月无垠 阅读(1111) 评论(0) 推荐(1)
小程序自定义组件 -- 弹窗
摘要：为什么需要自定义组件？因为小程序通过组件来传值，但小程序没有提供很多传值的方法，所以需要写自定义组件。调用自定义组件 - 传值给组件 - 组件传值出来，开发者需要在组件中写属性及方法等。 原博文章： https://www.jianshu.com/p/8a2a730d9e60 现在来实现弹幕功能 如 阅读全文
posted @ 2019-05-01 15:08 岁月无垠 阅读(2130) 评论(0) 推荐(0)
小程序之入门篇
摘要：一、主体 1.组成 由app.js、app.json、app.wxss三个文件组成，放在根目录 app.js根目录的app.js很有用，因为在它内部注册的变量或方法，都是可以被所有页面获取到。可以监听并处理小程序的生命周期、声明全局变量。其余的.js文件可以通过var app = getApp()获 阅读全文
posted @ 2019-05-01 13:44 岁月无垠 阅读(301) 评论(0) 推荐(0)