2018年05月_秦璐璐

原创 mounted 与 methods 与 computed 与 watched区别

首先讲一下vue的生命周期beforecreate : 举个栗子：可以在这加个loading事件 created ：在这结束loading，还做一些初始化，实现函数自执行（data数据已经初始化但是 dom结构渲染完成组件没有加载）mounted ：在这发起后端请求，拿回数据，配合路由钩子做一些事情（dom渲染完成组件挂载完成）beforeDestroy：你确认删除XX吗？（...

2018-05-27 22:19:35 10856

原创 call 与 apply 加 bind 区别

call跟apply的用法几乎一样，（作用都是改变当前对象的this指向）唯一的不同就是传递的参数不同fun.call ( this , A,B,C )fun.apply ( this ,[ A,B,C ] )至于bind方法，他是直接改变这个函数的this指向并且返回一个新的函数，之后再次调用这个函数的时候this都是指向bind绑定的第一个参数。bind方式跟call方法一致。（...

2018-05-27 22:05:46 466

原创 let const var 的区别

const 定义的是常量不可在后续代码中进行赋值；var 存在声明提升管的更宽let 不存在声明提升拥有块级作用域，只负责当前定义的作用域function varTest() { var x = 1; if (true){ var x = 2; // 同样的变量! console.log(x); // 2 ...

2018-05-27 10:28:33 117

原创 js 小日历格子布局

var that = this var NewDate = util.NewDate(new Date()) var m = NewDate.month var Y = NewDate.year var d = NewDate.day //console.log(d) var dayString = Y + '/' + m + '/' + d //...

2018-05-24 17:14:41 450

原创微信小程序全局App.js

个人见解如有错误敬请提出关于App.js与其他页面的代码的执行顺序在APP.js中定义这样一个方法如果在App.js中做了判断就可以抛出不同的回调成功if (APPTHIS.success) { APPTHIS.success(res) }失败if (APPTHIS.fail) { APPTHIS.fail(res) ...

2018-05-19 12:20:57 689

原创 vue css js html 进行分离

引入引入直接引入<template> <div>This will be pre-compiled</div></template><script src="./my-component.js"></script><style src="./my-component.css"></sty...

2018-05-14 20:48:38 10007 1

w3c 模型在标准的盒子模型中，width指content部分的宽度IE模型在IE盒子模型中，width表示content+padding+border这三个部分的宽度box-sizing: content-box 是W3C盒子模型 box-sizing: border-box 是IE盒子模型box-sizing属性content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别...

2018-05-14 20:29:40 128

原创 vue 双向绑定原理

vue.js采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。如果属性发上变化了，就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个，所以我...

2018-05-14 20:20:58 197

原创 vue 按需加载

{ path: '/', // 路径 component: resolve => require(['../components/member/index], resolve) // 异步加载组件 },利用webpack搭建项目时的操作自己理解将大的js 分割当需要时，再相当于建立script，，通过异步请求去加载新的东西 const home = r =>...

2018-05-14 19:58:24 364

原创 vue 路由钩子判断是否登录进入不同页面

{ path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的 }, component: Reposit...

2018-05-14 19:37:34 7185

原创 js的浅拷贝与深拷贝

B.hasOwnProperty(A) 判断A是不是B的一个属性或对象。浅拷贝在更改新的对象的值时，原先的对象的值也就跟着改变$.jQuery.extend(Css1) Copy = (parent,NewObj)=>{for( i in parent ){ if(parent.hasOwnProperty(i)){ child[i]=parent[i] } }retur...

2018-05-14 19:29:05 136

原创微信小程序之获取用户信息出错 getUserInfo:fail scope unauthorized

最近微信方面的更新 getUserInfo:fail scope unauthorized按照原来的openSeting 目前出现的问题是打开权限设置页面会出现空白在获取用户信息时需要使用button按钮进行获取 1.获取用户头像昵称，第一次需要使用 button 组件授权，如果已经用组件授权了，wx.getUserInfo 可直接返回用户数据，无需重复授权弹窗。2. 如果没有用 butt...

2018-05-13 13:58:47 41538

原创微信小程序之转发及刷新

转发 onShareAppMessage: function (res) { if (res.from === 'button') { return { title: '小日历', path: 'pages/index/index?type=share&shareyear=' + this.data.newyear + '&s...

2018-05-11 13:25:46 423

原创微信小程序之 MD5加密

//引入 MDlet time = new Date()let NewDate = util.NewDate(time)let NewTime = util.NewTime(time)let str = '*********' + NewDate.year + "-" + NewDate.month + "-" + NewDate.day var verify = MD.hexMD5(str)以下...

2018-05-11 13:17:26 680

原创微信小程序之格式化时间

//ios不支持1999-8-5 支持1995/8/8 需注意以下为util.jsd的所有工具//时间转换日期格式加时间const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hou...

2018-05-11 13:13:00 3873

原创微信小程序之 toase 弹框

//弹框 wx.showModal({ title: '请选择操作', content: '删除此日程还是去日程详情页面？', showCancel: true, cancelText: "删除", cancelColor: "#f44a5e", confirmText: "去详情", confirmColor: "#000",...

2018-05-11 13:10:20 771

原创微信小程序之所有事件及传参

<view wx:for="{{newArray.ye}}" wx:key="{{index}}" class='wxlist' bindtap='GoDetails' bindlongtap='longtap' bindtouchend='touchend'data-index='{{item.id}}' data-indexd='{{index}}' data-type="ye" &g...

2018-05-11 13:07:36 879

原创微信小程序之日期时间选择器

//日期 <picker mode="date" value="{{date}}" start="1000-01-01" end="6000-12-31" bindchange="bindDateChange"> <view class="picker"> {{date}} &lt

2018-05-11 12:59:36 1977

原创微信小程序之导航跳转

//跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.switchTab({ url: '../index/index' });//关闭当前页面，跳转其他页面wx.redirectTo({ url: '../index/index' })//保留当前页面，跳转其他页面wx.navigateTo({ url: '../index/inde...

2018-05-11 12:55:05 377

原创微信小程序之配置

"pages":[ "pages/index/index", "pages/AddSchedule/index", "pages/details/index" ], "window":{ "backgroundTextStyle":"dark", //下拉刷新样式 "navigationBarBackgroundColor&q

2018-05-11 12:50:01 111

原创 picker代码

可查看链接 https://zhuanlan.zhihu.com/p/22006728css样式body .picker { z-index: 11 !important;}body .picker .picker-panel .picker-choose { position: relative; height: 2.5rem; color: #878787; font-size: 1...

2018-05-02 10:46:01 1199

原创 picker 仿Iphone的时间选择器

可查看链接 https://zhuanlan.zhihu.com/p/22006728引入 picker.min.js基于require.js的应用当时为了项目需要只是实现单一的选项；联动等业务忘却了；定义//仿iphone 列表 function Popup(picker, data) { var first = []; /* 省，直辖市 */ ...

2018-05-02 10:44:02 623

原创 wangEditor 富文本编辑器

在vue中引入 import E from "wangeditor";正常引入 var E=window.wangEditor定义var editor = new E("#left");创建editor.create(); //当编辑器改变时记录其内容！！ editor.customConfig.onchange =（） => { //处理回调函数 };想...

2018-05-02 10:34:53 3057

原创倒计时之时间戳转时间

获取指定时间的时间戳var datastr="2080/7/7 00:00:00"var newDate=new Date(datastr); //设置时间newDate.getTime();//获取到时间戳lastTime： //获取到的时间戳；//处理时间戳function last (lastTime){var day = Math.floor(lastTime / (60 * 6...

2018-05-01 11:57:49 781

秦璐璐的博客帝国