<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[suyongsimple的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/suyongsimple</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; suyongsimple]]></copyright><item><title><![CDATA[VUE中使用jsplumb自定义source点连线问题]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/115674730</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/115674730</guid><author>suyongsimple</author><pubDate>Tue, 13 Apr 2021 18:04:52 +0800</pubDate><description><![CDATA[VUE中使用jsplumb自定义source点连线问题
在开发中使用jsplumb插件在使用makeSource自定义连接点后，鼠标拖动点只出现线条，而线条不跟随鼠标变化，发现是由于css中定义了scoped导致的问题

]]></description><category></category></item><item><title><![CDATA[Redux中Middleware原理]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/88065341</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/88065341</guid><author>suyongsimple</author><pubDate>Fri, 01 Mar 2019 18:21:32 +0800</pubDate><description><![CDATA[Redux中Middleware原理
下面以redux-trunk为示例了解applyMiddleware用于干什么。
redux-thunk/src/index.js
function createThunkMiddleware(extraArgument) {
  return ({ dispatch, getState }) =&amp;gt; next =&amp;gt; action =&amp;gt; {
 ...]]></description><category></category></item><item><title><![CDATA[React-redux中connect方法探究]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/88051144</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/88051144</guid><author>suyongsimple</author><pubDate>Fri, 01 Mar 2019 10:53:22 +0800</pubDate><description><![CDATA[React-redux中connect方法探究
此文档用于自己方便记住react-redux和react的流程，没有仔细的研究，可能有错误。
以官方示例来探究：
import { connect } from 'react-redux'
import { toggleTodo } from '../actions'
TodoList from '../components/TodoList'

c...]]></description><category></category></item><item><title><![CDATA[微信小程序云开发上传数据注意事项]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/86654724</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/86654724</guid><author>suyongsimple</author><pubDate>Sat, 26 Jan 2019 10:25:16 +0800</pubDate><description><![CDATA[微信小程序云开发上传数据注意事项
微信小程序在上传数据时要转换为相应的格式，否则会当做字符串，如
db.collection(&quot;test&quot;).add({
      data:{
        name,
        age,
        score
      },
      success(res){
        wx.showToast({
          title: ...]]></description><category></category></item><item><title><![CDATA[微信小程序实现条件查询示例]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/86627769</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/86627769</guid><author>suyongsimple</author><pubDate>Thu, 24 Jan 2019 15:31:35 +0800</pubDate><description><![CDATA[微信小程序实现条件查询示例
index.js
//index.js
//获取应用实例
const app = getApp()
const db = wx.cloud.database();
const _ = db.command;
Page({
  data:{
    scoreMark:false,
    ageMark:false,
    lists:[{
      name:&quot;1...]]></description><category></category></item><item><title><![CDATA[微信小程序中使用箭头函数导致this指向错误的问题]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/86626505</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/86626505</guid><author>suyongsimple</author><pubDate>Thu, 24 Jan 2019 14:38:16 +0800</pubDate><description><![CDATA[微信小程序中使用箭头函数导致this指向错误的问题
今天开开心心地使用微信小程序，没想到在this.setData时候报错，如下：
代码
 onShow:()=&amp;gt;{
    console.log(this);
    this.setData({
      lists: [{
        name: &quot;1221&quot;,
        age: 11,
        score: 33...]]></description><category></category></item><item><title><![CDATA[关于微信小程序数据绑定的总结]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/86503104</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/86503104</guid><author>suyongsimple</author><pubDate>Wed, 16 Jan 2019 10:18:42 +0800</pubDate><description><![CDATA[关于微信小程序数据绑定的总结
其他的具体看官方文档，就不做详述，我们主要放在一些容易产生歧义的地方。
1.data里面有true参数，那么数据绑定是以哪个为准呢？
index.js

Page({
  data: {
    message:&amp;quot;Hello world&amp;quot;,
    true:3
  }
})

index.wxml
&amp;amp;lt;view class=&amp;quot;container&amp;quot;&amp;am]]></description><category></category></item><item><title><![CDATA[关于async函数中await的执行分析]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/82887387</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/82887387</guid><author>suyongsimple</author><pubDate>Fri, 28 Sep 2018 17:32:48 +0800</pubDate><description><![CDATA[关于async函数中await的执行分析
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; async函数中await命令后面是一个 Promise 对象。如果不是，会被转成一个立即resolve的 Promise 对象。那么await是否等待这个Promise置为resolve状态才能进行下一步运行呢？我们通过下面代码分析下
async function test(){
        awai...]]></description><category></category></item><item><title><![CDATA[关于for of 循环和Iterator(遍历器)过程的分析]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/82850045</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/82850045</guid><author>suyongsimple</author><pubDate>Wed, 26 Sep 2018 10:43:54 +0800</pubDate><description><![CDATA[关于for of 循环和Iterator(遍历器)过程的分析
for of 循环是专门用来遍历带有遍历器接口的数据结构（带有遍历器的数据结构有数组、字符串、Set和Map结构、类数组对象等）。那么它的运行流程是什么呢？下面就举一个例子来研究一下。
		let obj = {
            value:['a','b','c']
          }
          obj[Symb...]]></description><category></category></item><item><title><![CDATA[关于vue的v-model的自己理解（用于自己复习）]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/80611154</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/80611154</guid><author>suyongsimple</author><pubDate>Thu, 07 Jun 2018 16:26:39 +0800</pubDate><description><![CDATA[关于vue的v-model的自己理解

1.在一般使用情况下，v-model为：



&amp;amp;lt;input v-model=&amp;quot;searchText&amp;quot;&amp;amp;gt;

等价于



&amp;amp;lt;input v-bind:value=&amp;quot;searchText&amp;quot; v-on:input=&amp;quot;searchText = $event.target.value&amp;quot;&amp;amp;g]]></description><category></category></item><item><title><![CDATA[对call方法的深度分析]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/79889951</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/79889951</guid><author>suyongsimple</author><pubDate>Tue, 10 Apr 2018 23:44:58 +0800</pubDate><description><![CDATA[对call方法的分析

call([thisObject[,arg1 [,arg2 [,…,argn]]]])方法调用一个对象的一个方法，以另一个对象替换当前对象。那么当thisObj在不同情况下是什么样的呢？


函数




function a(){
    this.kid = 'lily';
    console.log(this);
}

function b(){
    this...]]></description><category></category></item><item><title><![CDATA[函数作用域的理解]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/79757546</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/79757546</guid><author>suyongsimple</author><pubDate>Fri, 30 Mar 2018 14:44:28 +0800</pubDate><description><![CDATA[函数作用域的理解(1)

 var x={name:&quot;one&quot;};
    function test(x,y=function(){x.name = &quot;two&quot;;console.log(x.name);}){//two
        var x={name:&quot;three&quot;};
        y();
        console.log(x);//three
    }
    test(...]]></description><category></category></item><item><title><![CDATA[Augular JS 中指令传递数据]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/70255791</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/70255791</guid><author>suyongsimple</author><pubDate>Thu, 20 Apr 2017 10:36:22 +0800</pubDate><description><![CDATA[Augular JS 中向指令传递数据

@绑定策略的使用



&amp;lt;!doctype html&amp;gt;
&amp;lt;html ng-app=&quot;myApp&quot;&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;script src=&quot;./js/angular.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;

]]></description><category></category></item><item><title><![CDATA[jQuery中获得select选中的值]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/45050307</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/45050307</guid><author>suyongsimple</author><pubDate>Tue, 14 Apr 2015 23:56:53 +0800</pubDate><description><![CDATA[jQuery获得select选中值的一些注意事项获得select中的值
要获得select所选中项的值，如取的如下select的值。<select id="province">
    <option>湖南</option>
    <option>四川</option>
    <option>江苏</option>
    <option>北京</option>
</select>不能使用$("]]></description><category></category></item><item><title><![CDATA[jQuery选择器与js获得的一点不同]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/45050005</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/45050005</guid><author>suyongsimple</author><pubDate>Tue, 14 Apr 2015 23:29:29 +0800</pubDate><description><![CDATA[jQuery选择器的一些注意点一、获取对象时与js的区别（js在获取没有的时候出错）。 
1、jQuery在获得页面没有的元素时不会出错。而js会。如： 
    document.getElementById("dd") 如果页面没有id为dd的元素，浏览器就会报错。而在jquery中$("#dd")浏览器不会报错。 
2、jquery获得的对象不能用来检查网页是否有此对象。如：
  if($(“]]></description><category></category></item><item><title><![CDATA[Bootstrap的table类的使用]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/44949915</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/44949915</guid><author>suyongsimple</author><pubDate>Thu, 09 Apr 2015 00:38:42 +0800</pubDate><description><![CDATA[Bootstrap中table类的使用一、Bootstrap的介绍：Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。 
二、Bootstrap的引用： 将Bootstrap的cs]]></description><category></category></item><item><title><![CDATA[background-clip和background-size的使用]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/44850431</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/44850431</guid><author>suyongsimple</author><pubDate>Fri, 03 Apr 2015 07:19:25 +0800</pubDate><description><![CDATA[background-clip的使用1.background-clip规定背景的绘制区域。 
语法为background-clip: border-box|padding-box|content-box;：border-box只从border区域向外裁剪背景，默认值；padding-box指从padding区域向外裁剪背景；content-box指从content区域向外裁剪背景。 
示例：
  .]]></description><category></category></item><item><title><![CDATA[localStorage的使用方法]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/44632433</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/44632433</guid><author>suyongsimple</author><pubDate>Thu, 26 Mar 2015 00:03:11 +0800</pubDate><description><![CDATA[localStorage的使用方法一.介绍：localStorage将数据保存在本地客服端的硬件设备上，浏览器关闭后不会消失，下次打开仍能使用。打开浏览器的resources的local Storage中可以查看。 
二.用法： 
1.localStorage通过window.localStorage.a=10 方法存入，其中a为任意起的变量名。存入方法还有：①window.localStorage]]></description><category></category></item><item><title><![CDATA[HTML5的画布]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/44632365</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/44632365</guid><author>suyongsimple</author><pubDate>Wed, 25 Mar 2015 23:58:53 +0800</pubDate><description><![CDATA[html5的画布功能一.建立画布区域：<canvas id="drawPage" height="500px" width="500px" style="background-color: yellowgreen">你的浏览器不支持画布</canvas>中间的文字在不支持画布功能时出现。 
二.首先获取canvas对象，然后调用canvas对象的getContext方法，这个方法目前只能传入参数 “]]></description><category></category></item><item><title><![CDATA[HTML5结构标签、border-radius、box-shadow与text-shadow]]></title><link>https://blog.youkuaiyun.com/suyongsimple/article/details/44580065</link><guid>https://blog.youkuaiyun.com/suyongsimple/article/details/44580065</guid><author>suyongsimple</author><pubDate>Tue, 24 Mar 2015 01:14:21 +0800</pubDate><description><![CDATA[一. 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]]></description><category></category></item></channel></rss>