<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>年年有&quot;余&quot; - JavaScript</title>
    <link>https://www.yusian.com/bbs/forum-js-1.html</link>
    <description>Latest 20 threads of JavaScript</description>
    <copyright>Copyright(C) 年年有&quot;余&quot;</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Thu, 02 Jul 2026 07:09:28 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://www.yusian.com/bbs/static/image/common/logo_88_31.gif</url>
      <title>年年有&quot;余&quot;</title>
      <link>https://www.yusian.com/bbs/</link>
    </image>
    <item>
      <title>缘信IM社交聊天即时通讯源码出售转让</title>
      <link>https://www.yusian.com/bbs/thread-11234-1-1.html</link>
      <description><![CDATA[缘信IM社交聊天即时通讯源码出售转让




Android端+iOS端+服务端+PC端+web+H5
全平台源代码，全行业最低价，火爆出售中
支持万人大群，系统并发量大，性能超稳定，已经过上百家客户使用验证
架构成熟，成品稳定系统，可直接上线使用
支持二次开发，大量节约成本， ...]]></description>
      <category>JavaScript</category>
      <author>dfghj</author>
      <pubDate>Sat, 27 Jun 2020 06:18:51 +0000</pubDate>
    </item>
    <item>
      <title>JavaScript中时间格式化方法实现</title>
      <link>https://www.yusian.com/bbs/thread-11220-1-1.html</link>
      <description><![CDATA[[mw_shl_code=javascript,true]export function dateFormate(date, fmt){
  if (new RegExp(\&quot;(Y+)\&quot;).test(fmt)){
    let source = RegExp.$1; // YYYY
    let origin = date.getFullYear().toString();
    origin = origin.substr(4-source.length, source.length);]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Thu, 25 Jan 2018 07:52:08 +0000</pubDate>
    </item>
    <item>
      <title>Vue路由的基本使用</title>
      <link>https://www.yusian.com/bbs/thread-11219-1-1.html</link>
      <description><![CDATA[1、先看效果，在线演示地址：http://www.yusian.com/vue/demo/vue_router 




2、基本解析

2.1、什么叫路由？
2.1.1、如果你懂网络中的路由，那比较好理解，路由其实是一种路径选择机制，该走哪条路。如果你不懂网络中的路由，但听说过路由器，感觉路由器就是用来上网 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Tue, 16 Jan 2018 03:34:51 +0000</pubDate>
    </item>
    <item>
      <title>用canvas制作绚丽小球</title>
      <link>https://www.yusian.com/bbs/thread-11217-1-1.html</link>
      <description><![CDATA[1、先上一张静态效果图，在线演示地址：http://www.yusian.com/vue/demo/canvas_ball



2、实现思路
2.1、该demo涉及到的点有两个：ES6新特性class及继承、画布canvas中2d渲染的简单使用；
2.2、ES6中对类的定义越来越像高级语言java的特点，基本格式如：
[mw_shl_code ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Sat, 13 Jan 2018 12:25:09 +0000</pubDate>
    </item>
    <item>
      <title>Javascript中ES5与ES6创建类的两种不同方式</title>
      <link>https://www.yusian.com/bbs/thread-11216-1-1.html</link>
      <description><![CDATA[1、ES5使用构造函数模式与原型模式相结合
[mw_shl_code=javascript,true]// 构造函数模式
function Person(name, age){
  this.name = name;
  this.age = age;
}
// 原型模式
Person.prototype = {
  constructorerson,
  print(){
    console.log(\'...\');
  }
}[/m ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Sat, 13 Jan 2018 07:52:53 +0000</pubDate>
    </item>
    <item>
      <title>第四讲：项目实战Vue快速入门-用户管理-事件处理</title>
      <link>https://www.yusian.com/bbs/thread-11200-1-1.html</link>
      <description><![CDATA[1、最终效果图

2、需求分析：主要完成三个功能
2.1、勾选某一行前面的checkbox，对应这行文本文字变红；
2.2、单击某一行后面的删除按钮，删除对应这行的内容；
2.3、在最下面输入用户名和姓名，单击提交，新增一行内容；

3、实现解析
3.1、勾选变色，使用vue的语法指 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Thu, 28 Dec 2017 07:57:01 +0000</pubDate>
    </item>
    <item>
      <title>第三讲：项目实战Vue快速入门-用户管理-页面布局</title>
      <link>https://www.yusian.com/bbs/thread-11199-1-1.html</link>
      <description><![CDATA[1、先看效果图


2、结构分析
2.1、标题使用标签，居中显示即可；
2.2、整体为表格，表格分为三部分，第一行为标题+；
2.3、中间数据部分使用vue的模板语法及模板指令v-for对users进行循环遍历；
2.3.1、每次循环生成一个+4个，第一个中包含一个类型为checkbox的；
2.3. ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Thu, 28 Dec 2017 06:43:07 +0000</pubDate>
    </item>
    <item>
      <title>第二讲：项目实战Vue快速入门-用户管理-网络请求</title>
      <link>https://www.yusian.com/bbs/thread-11197-1-1.html</link>
      <description><![CDATA[1、接口地址：http://jsonplaceholder.typicode.com/users，该接口会返回一个用户信息的json对象数组；
2、需求分析：使用vue框架的http请求，将接口数据请求到本地变量中；

3、实现解析
3.1、默认情况下vue框架没有安装http请求的组件，需要先安装，在工程目录下使用 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Thu, 28 Dec 2017 03:50:43 +0000</pubDate>
    </item>
    <item>
      <title>第一讲：项目实战Vue快速入门-用户管理-分析准备</title>
      <link>https://www.yusian.com/bbs/thread-11196-1-1.html</link>
      <description><![CDATA[1、先看最终效果图

2、需求分析
2.1、从网络接口获取用户数据列表；
2.2、将列表数据在表格中展现，表格分为四列，分别有勾选、用户名、姓名、删除；
2.3、勾选时该行数据颜色变为红色，点击每行后面的删除键时删除当前行数据；
2.4、在表格底部可以新增数组到列表中并 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Thu, 28 Dec 2017 03:21:56 +0000</pubDate>
    </item>
    <item>
      <title>第二讲 ReactNative中Flexbox简介</title>
      <link>https://www.yusian.com/bbs/thread-11193-1-1.html</link>
      <description><![CDATA[1、Html开发中较为流行的是盒子模型，div+css模型，其实原生开发也基本上是这样规律，多个view的组合与嵌套；
2、Flexbox即css3中的弹性盒子，参考：https://www.w3cschool.cn/css3/2h6g5xoy.html
3、这里简单地演示几个属性flexDirection、justifyContent、alignItems
 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Tue, 26 Dec 2017 08:03:00 +0000</pubDate>
    </item>
    <item>
      <title>第一讲 ReactNative项目结构及StyleSheet的基本使用</title>
      <link>https://www.yusian.com/bbs/thread-11192-1-1.html</link>
      <description><![CDATA[1、ReactNative的安装请参考：ReactNative中文网
2、这里以iOS项目为例进行示例讲解，在项目目录中有两个JS文件分别为：App.js、index.js；
3、这两个文件在以前的版本其实是一个index.ios.js文件，新版本将其拆开可能是为了让开发者能更关注业务本身吧；
4、不管一个文 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Tue, 26 Dec 2017 03:32:05 +0000</pubDate>
    </item>
    <item>
      <title>第七讲 React的生命周期</title>
      <link>https://www.yusian.com/bbs/thread-11190-1-1.html</link>
      <description><![CDATA[1、生命周期的三个状态：
1.1、Mounting：组件挂载，已插入真实DOM
1.2、Updating：组件更新，正在被重新渲染
1.3、Unmounting：组件移除，已移出真实DOM

2、四个阶段，分别是：创建阶段--&gt;实例化阶段--&gt;更新阶段--&gt;销毁阶段

3、相关方法
3.1、Mounting/组件挂载相关 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Mon, 25 Dec 2017 14:52:10 +0000</pubDate>
    </item>
    <item>
      <title>第六讲 React中State的监听与事件</title>
      <link>https://www.yusian.com/bbs/thread-11188-1-1.html</link>
      <description><![CDATA[1、先来一个按钮事件的基本实现；
1.1、自定义一个MyButton组件，类似前面一讲提到的验证与默认值，在createClass参数对象中，添加一个事件的实现即可
[mw_shl_code=javascript,true]    // 在此处编写React代码
    var MyButton = React.createClass({
      // 自定 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Mon, 25 Dec 2017 09:39:44 +0000</pubDate>
    </item>
    <item>
      <title>第五讲 React组件属性的验证propTypes和默认值getDefaultProps</title>
      <link>https://www.yusian.com/bbs/thread-11187-1-1.html</link>
      <description><![CDATA[1、前面有讲到自定义一个组件一般的写法是在React.createClass()方法中传入的对象实现render部分；

 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Mon, 25 Dec 2017 08:06:32 +0000</pubDate>
    </item>
    <item>
      <title>第四讲 React组件props中children的基本使用</title>
      <link>https://www.yusian.com/bbs/thread-11186-1-1.html</link>
      <description><![CDATA[1、第三讲中简单描述了React中props的基本使用，通过this.props.xxx即可以取到组件中xxx属性的值；
2、在this.props中的众多属性中，有一个叫“children”的属性比较特殊，该属性可以取到组件中子节点的集合；
3、通过React.Children.map()方法来遍历集合；
4、以实例来 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Mon, 25 Dec 2017 07:33:21 +0000</pubDate>
    </item>
    <item>
      <title>第三讲 React组件props的基本使用</title>
      <link>https://www.yusian.com/bbs/thread-11184-1-1.html</link>
      <description><![CDATA[1、上一讲中实现了组合组件的基本使用，但组件中的值是固定的，没有通过外部传值来决定内容的显示；
2、组件的调用时也没有给定属性值，如果需要传值形式如下
[mw_shl_code=javascript,true]// 未传值
     ReactDOM.render(
       ,
       document.getElementById(\&quot; ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Fri, 22 Dec 2017 09:44:39 +0000</pubDate>
    </item>
    <item>
      <title>第二讲 React组件(component)的基本使用</title>
      <link>https://www.yusian.com/bbs/thread-11181-1-1.html</link>
      <description><![CDATA[1、前面已经讲到了如何使用React进行DOM的基本操作，通过ReactDOM的render()方法来渲染Html视图；
[mw_shl_code=html,true]   ReactDOM.render(
     Hello React,
     document.getElementById(\&quot;container\&quot;)
   );
// 等同于
    ReactDOM.render(
      React.create ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Fri, 22 Dec 2017 02:35:59 +0000</pubDate>
    </item>
    <item>
      <title>第一讲 React环境搭建Hello World</title>
      <link>https://www.yusian.com/bbs/thread-11180-1-1.html</link>
      <description><![CDATA[1、开发集成环境Atom，下载地址：http://atom.io/
1.1、安装三个插件(Settings--Packages)：atom-html-preview、autocomplete-paths、open-in-browser

2、React包下载：https://github.com/facebook/react/releases 

2.1、React的几个JS文件有：react-dom-server.js、 ...]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
      <pubDate>Thu, 21 Dec 2017 06:38:56 +0000</pubDate>
    </item>
    <item>
      <title>19、jQuery中Ajax基本网络请求使用示例</title>
      <link>https://www.yusian.com/bbs/thread-11123-1-1.html</link>
      <description><![CDATA[1、index.html
[mw_shl_code=html,false]


]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
<enclosure url="/forum/
    
    
" length="    *{
" type="image/jpeg" />      <pubDate>Sun, 21 Feb 2016 07:59:40 +0000</pubDate>
    </item>
    <item>
      <title>18、jQuery中Ajax基本使用一</title>
      <link>https://www.yusian.com/bbs/thread-11122-1-1.html</link>
      <description><![CDATA[1、index.html
[mw_shl_code=html,false]


]]></description>
      <category>JavaScript</category>
      <author>Sian</author>
<enclosure url="/forum/
    
    
" length="    *{
" type="image/jpeg" />      <pubDate>Sun, 21 Feb 2016 07:17:35 +0000</pubDate>
    </item>
  </channel>
</rss>