- 博客(21)
- 问答 (1)
- 收藏
- 关注
原创 VUE中使用jsplumb自定义source点连线问题
VUE中使用jsplumb自定义source点连线问题在开发中使用jsplumb插件在使用makeSource自定义连接点后,鼠标拖动点只出现线条,而线条不跟随鼠标变化,发现是由于css中定义了scoped导致的问题
2021-04-13 18:04:52 1244 4
原创 Redux中Middleware原理
Redux中Middleware原理下面以redux-trunk为示例了解applyMiddleware用于干什么。redux-thunk/src/index.jsfunction createThunkMiddleware(extraArgument) { return ({ dispatch, getState }) => next => action => { ...
2019-03-01 18:21:32 344
原创 React-redux中connect方法探究
React-redux中connect方法探究此文档用于自己方便记住react-redux和react的流程,没有仔细的研究,可能有错误。以官方示例来探究:import { connect } from 'react-redux'import { toggleTodo } from '../actions'TodoList from '../components/TodoList'c...
2019-03-01 10:53:22 1964
原创 微信小程序云开发上传数据注意事项
微信小程序云开发上传数据注意事项微信小程序在上传数据时要转换为相应的格式,否则会当做字符串,如db.collection("test").add({ data:{ name, age, score }, success(res){ wx.showToast({ title: ...
2019-01-26 10:25:16 1751
原创 微信小程序实现条件查询示例
微信小程序实现条件查询示例index.js//index.js//获取应用实例const app = getApp()const db = wx.cloud.database();const _ = db.command;Page({ data:{ scoreMark:false, ageMark:false, lists:[{ name:"1...
2019-01-24 15:31:35 21399 3
原创 微信小程序中使用箭头函数导致this指向错误的问题
微信小程序中使用箭头函数导致this指向错误的问题今天开开心心地使用微信小程序,没想到在this.setData时候报错,如下:代码 onShow:()=>{ console.log(this); this.setData({ lists: [{ name: "1221", age: 11, score: 33...
2019-01-24 14:38:16 2372
原创 关于微信小程序数据绑定的总结
关于微信小程序数据绑定的总结其他的具体看官方文档,就不做详述,我们主要放在一些容易产生歧义的地方。1.data里面有true参数,那么数据绑定是以哪个为准呢?index.jsPage({ data: { message:"Hello world", true:3 }})index.wxml<view class="container"&am
2019-01-16 10:18:42 714
原创 关于async函数中await的执行分析
关于async函数中await的执行分析 async函数中await命令后面是一个 Promise 对象。如果不是,会被转成一个立即resolve的 Promise 对象。那么await是否等待这个Promise置为resolve状态才能进行下一步运行呢?我们通过下面代码分析下async function test(){ awai...
2018-09-28 17:32:48 382
原创 关于for of 循环和Iterator(遍历器)过程的分析
关于for of 循环和Iterator(遍历器)过程的分析for of 循环是专门用来遍历带有遍历器接口的数据结构(带有遍历器的数据结构有数组、字符串、Set和Map结构、类数组对象等)。那么它的运行流程是什么呢?下面就举一个例子来研究一下。 let obj = { value:['a','b','c'] } obj[Symb...
2018-09-26 10:43:54 148
原创 关于vue的v-model的自己理解(用于自己复习)
关于vue的v-model的自己理解1.在一般使用情况下,v-model为:<input v-model="searchText">等价于<input v-bind:value="searchText" v-on:input="searchText = $event.target.value"&g
2018-06-07 16:26:39 5634
原创 对call方法的深度分析
对call方法的分析call([thisObject[,arg1 [,arg2 [,…,argn]]]])方法调用一个对象的一个方法,以另一个对象替换当前对象。那么当thisObj在不同情况下是什么样的呢?函数function a(){ this.kid = 'lily'; console.log(this);}function b(){ this...
2018-04-10 23:44:58 611
原创 函数作用域的理解
函数作用域的理解(1) var x={name:"one"}; function test(x,y=function(){x.name = "two";console.log(x.name);}){//two var x={name:"three"}; y(); console.log(x);//three } test(...
2018-03-30 14:44:28 730
原创 Augular JS 中指令传递数据
Augular JS 中向指令传递数据@绑定策略的使用<!doctype html><html ng-app="myApp"><head> <script src="./js/angular.js"></script></head><body>
2017-04-20 10:36:22 313
原创 jQuery中获得select选中的值
jQuery获得select选中值的一些注意事项获得select中的值要获得select所选中项的值,如取的如下select的值。<select id="province"> <option>湖南</option> <option>四川</option> <option>江苏</option> <option>北京</option></select>不能使用$("
2015-04-14 23:56:53 524
原创 jQuery选择器与js获得的一点不同
jQuery选择器的一些注意点一、获取对象时与js的区别(js在获取没有的时候出错)。 1、jQuery在获得页面没有的元素时不会出错。而js会。如: document.getElementById("dd") 如果页面没有id为dd的元素,浏览器就会报错。而在jquery中$("#dd")浏览器不会报错。 2、jquery获得的对象不能用来检查网页是否有此对象。如: if($(“
2015-04-14 23:29:29 338
翻译 Bootstrap的table类的使用
Bootstrap中table类的使用一、Bootstrap的介绍:Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。 二、Bootstrap的引用: 将Bootstrap的cs
2015-04-09 00:38:42 853
原创 background-clip和background-size的使用
background-clip的使用1.background-clip规定背景的绘制区域。 语法为background-clip: border-box|padding-box|content-box;:border-box只从border区域向外裁剪背景,默认值;padding-box指从padding区域向外裁剪背景;content-box指从content区域向外裁剪背景。 示例: .
2015-04-03 07:19:25 488
原创 localStorage的使用方法
localStorage的使用方法一.介绍:localStorage将数据保存在本地客服端的硬件设备上,浏览器关闭后不会消失,下次打开仍能使用。打开浏览器的resources的local Storage中可以查看。 二.用法: 1.localStorage通过window.localStorage.a=10 方法存入,其中a为任意起的变量名。存入方法还有:①window.localStorage
2015-03-26 00:03:11 4253
原创 HTML5的画布
html5的画布功能一.建立画布区域:<canvas id="drawPage" height="500px" width="500px" style="background-color: yellowgreen">你的浏览器不支持画布</canvas>中间的文字在不支持画布功能时出现。 二.首先获取canvas对象,然后调用canvas对象的getContext方法,这个方法目前只能传入参数 “
2015-03-25 23:58:53 509
原创 HTML5结构标签、border-radius、box-shadow与text-shadow
一. border-radius 使用border-radius用来设置圆角。语法:border-radius: 1-4 length|% / 1-4 length|%;注释:按此顺序设置每个 radius 的四个值。如果省略 bottom-left,则与 top-right 相同。如果省略 bottom-right,则与 top-left 相同。如果省略 top-right,则与 top-lef
2015-03-24 01:14:21 1607
原创 html5视频和表单
一. audio与video的使用1. video是用来包涵视频的元素。 (一)video内的属性和方法: 1.autoplay值为autoplay:视频在就绪后马上播放。2.controls值为controls:控制控件是否可见(播放按钮、音量、全屏等)。3.height和width:设置视屏的高宽。4.loop值为loop:设置视频循环播放。5.url:设置视频的引用路径。6.preload
2015-03-24 01:10:40 796
空空如也
为什么用document.body会出bug呢
2015-05-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人