<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[欣儿砸的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/daxinza</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; daxinza]]></copyright><item><title><![CDATA[Vue 单向数据流和数据双向绑定]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/96171551</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/96171551</guid><author>daxinza</author><pubDate>Sun, 01 Sep 2019 21:50:09 +0800</pubDate><description><![CDATA[一、单向数据流 --- 只能从一个方向修改数据

   数据从父组件传给子组件，只能单向绑定，子组件对父组件的数据只能访问不能修改。

   父组件通过props传递数据给子组件，父组件是不能是直接访问子组件的数据的。

二 、 数据双向绑定原理

  1. vue.js 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属...]]></description><category></category></item><item><title><![CDATA[CSS3选择器]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/98871007</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/98871007</guid><author>daxinza</author><pubDate>Thu, 08 Aug 2019 14:54:30 +0800</pubDate><description><![CDATA[1.css3 有哪些选择器



- 基本选择器



- 层次选择器



- 动态伪类选择器



目标伪类选择器：



语言伪类选择器



-- UI元素状态伪类选择器



-- 结构伪类选择器



举个例子：



对n的具体解释：



-- 否定伪类选择器



-- 伪元素



-- 属性选择器


...]]></description><category></category></item><item><title><![CDATA[数组的属性和方法]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/98745330</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/98745330</guid><author>daxinza</author><pubDate>Wed, 07 Aug 2019 15:38:27 +0800</pubDate><description><![CDATA[1. Array 对象属性：

-- constructor: 返回对 创建此对象的数组函数的引用

-- length: 设置或返回数组中元素的数目（length属性不是只读的）

-- prototype : 向对象添加属性和方法

2. Array 对象方法

 -- 栈方法：

  push() 可以接收任意数量的参数，把他们逐个添加到数组末尾，并返回修改后数组的...]]></description><category></category></item><item><title><![CDATA[2019-06-25  Vue.js]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/93618448</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/93618448</guid><author>daxinza</author><pubDate>Thu, 27 Jun 2019 19:15:01 +0800</pubDate><description><![CDATA[2019-06-25

1.Vue.js 是一套用于构建用户界面的渐进式JavaScript框架，它是数据驱动的，无须进行手工操作DOM。

2.引入： 可以通过script标签引入，下载并引入。



3.MVVM模式（Model-View-ViewModel）

 3.1定义View

    vue.js采用声明式渲染，允许采用简洁的模板语法来声明式地将数据渲染进DOM.这将数...]]></description><category></category></item><item><title><![CDATA[2019-06-26 Vue.js]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/93716467</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/93716467</guid><author>daxinza</author><pubDate>Wed, 26 Jun 2019 22:31:52 +0800</pubDate><description><![CDATA[2019-06-26

一、 计算属性和侦听器

模板内可以写表达式，但是在模板中放入太多的逻辑会让模板过重且难以维护，所以当涉及到复杂的逻辑运算时，应当使用计算属性。

  1.计算属性

   计算属性写computed属性中。eg: 在下图代码中，我们声明了一个计算属性 reverseText，使用计算属性时像绑定普通属性一样在模板中绑定计算属性即可。



  计算属性...]]></description><category></category></item><item><title><![CDATA[信息管理系统]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/93161310</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/93161310</guid><author>daxinza</author><pubDate>Fri, 21 Jun 2019 09:47:08 +0800</pubDate><description><![CDATA[零、 架构
1. 前后端分离的架构
2. http(s)
- ajax
3.接口
- url
- request(header,body)
- response(header,body&lt;json&gt;)
- type(get,post,put,patch,delete)
- content-type(formdata,json)
4.mock
- http-proxy-middlewar...]]></description><category></category></item><item><title><![CDATA[Express 脚手架]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/92998443</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/92998443</guid><author>daxinza</author><pubDate>Thu, 20 Jun 2019 11:45:20 +0800</pubDate><description><![CDATA[1.初始化

详见： http://www.expressjs.com.cn/starter/generator.html

 使用express-generator生成器可以快速创建一个应用的骨架。



2. 通过生成器创建的应用一般都有如下目录结构：





详见：https://www.jianshu.com/p/b555ba6f4067


...]]></description><category></category></item><item><title><![CDATA[M站]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/91038536</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/91038536</guid><author>daxinza</author><pubDate>Thu, 20 Jun 2019 11:12:01 +0800</pubDate><description><![CDATA[1.前后端架构

- 前后端分离：

前端后端两套分支，前端通过http请求后端接口，后端只关注接口开发，通过 index.html / index.php 来和前端对接

- 前端架构

RMVC + gulp + 模块化（CommonJS,ES Module） + sass + 前端模板 +UI框架 + JS库

2.gulp

- 启动server --&gt; gulp-webser...]]></description><category></category></item><item><title><![CDATA[npm脚本]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/92975977</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/92975977</guid><author>daxinza</author><pubDate>Thu, 20 Jun 2019 11:11:28 +0800</pubDate><description><![CDATA[npm就是Node.js的包管理工具，应用这个包管理工具可以使用别人写好的JavaScript·代码，只需将npm官网上已经打包好的模块通过npm安装就可以直接使用

1.概念

npm允许在 package.json文件里使用scripts字段定义脚本命令。 eg:



上面为package.json里面的一个片段，里面的scripts字段为一个对象，它的每一个属性对应一段脚本。使用 npn ...]]></description><category></category></item><item><title><![CDATA[JavaScript   模块化]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/90301634</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/90301634</guid><author>daxinza</author><pubDate>Sat, 18 May 2019 10:35:56 +0800</pubDate><description><![CDATA[向大牛学习http://www.ruanyifeng.com/blog/2012/11/require_js.html

1.模块就是实现特定功能的一组方法。可以用过加载写好的模块，实现特定的功能

2.模块的编写方法：

（1）ECMA6 中的新语法实现模块化（目前只有chrome浏览器支持）：

&lt;script type = "module"&gt;

//......

&lt;/s...]]></description><category></category></item><item><title><![CDATA[第一次周考题目]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89502748</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89502748</guid><author>daxinza</author><pubDate>Wed, 24 Apr 2019 21:28:02 +0800</pubDate><description><![CDATA[1. DOM节点层次问题：

nodeName 和 nodeValue

  1.0 Document 类型

    nodeName 的值为 "#document" ,nodeValue 的值为 ： null



  2.0 Element 类型 （元素节点）

    nodeName 的值为元素的标签名 , nodeValue 的值为 ： null...]]></description><category></category></item><item><title><![CDATA[Object.values()  和  数组的 some()方法]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89459430</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89459430</guid><author>daxinza</author><pubDate>Mon, 22 Apr 2019 19:53:02 +0800</pubDate><description><![CDATA[1.Object.values() （Object函数的方法） -- 返回一个数组



eg:



2.数组的 some()方法


]]></description><category></category></item><item><title><![CDATA[鼠标拖拽相关例题  --- 实现简单的拖拽效果]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89408934</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89408934</guid><author>daxinza</author><pubDate>Fri, 19 Apr 2019 22:06:46 +0800</pubDate><description><![CDATA[1.0效果图 ，鼠标按下移动时div跟随鼠标移动，当鼠标被松开时停止，但是当鼠标离开浏览器页面时，div最多到达边界



需要计算的值为：



代码实现：




...]]></description><category></category></item><item><title><![CDATA[事件]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89407748</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89407748</guid><author>daxinza</author><pubDate>Fri, 19 Apr 2019 21:39:36 +0800</pubDate><description><![CDATA[1.JavaScript和html的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定交互瞬间。

2.事件驱动模型：由事件的发生来触发程序的执行。

常见的事件

 1.0 鼠标事件：



ps:onmouseenter 事件类似于onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。

onmouseleave 事件类似于onmouseo...]]></description><category></category></item><item><title><![CDATA[用JS实现 输入框的默认值]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89341118</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89341118</guid><author>daxinza</author><pubDate>Tue, 16 Apr 2019 20:21:09 +0800</pubDate><description><![CDATA[用JS实现 输入框的默认值

实现效果：

初始状态  

----------&gt;输入文本内容时 

-----------&gt;清除文本内容后

代码实现：


]]></description><category></category></item><item><title><![CDATA[Date  -----   验证码的生成（简易版）]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89341029</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89341029</guid><author>daxinza</author><pubDate>Tue, 16 Apr 2019 20:15:39 +0800</pubDate><description><![CDATA[生成含有字母和数字的验证码：

实现效果如下：每一次生成不同的验证码

 

代码实现如下：


]]></description><category></category></item><item><title><![CDATA[Date -- 实现倒计时]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89340827</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89340827</guid><author>daxinza</author><pubDate>Tue, 16 Apr 2019 20:04:52 +0800</pubDate><description><![CDATA[倒计时：

实现效果如下：（根据时间变化而变化）

-------》


]]></description><category></category></item><item><title><![CDATA[Date --  实现简易进度条]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89340596</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89340596</guid><author>daxinza</author><pubDate>Tue, 16 Apr 2019 20:02:22 +0800</pubDate><description><![CDATA[计时器和控制计时器的结束











实现简易进度条

实现效果：

1.0   初始时为0

2.0  进度条与数字同步变化

 3.0 达到100%时停止

html和css代码如下：



JS代码  ---- 利用ssetInterval()函数来控制进度条的变化，clearInterval()控制计时器的结束


...]]></description><category></category></item><item><title><![CDATA[Date ----数码时钟]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89332323</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89332323</guid><author>daxinza</author><pubDate>Tue, 16 Apr 2019 14:18:07 +0800</pubDate><description><![CDATA[呈现效果： 获取当前时间，并且显示效果与时间对应着变化

                   

代码实现：





打印imgs可以看到，imgs为一个数组，且元素为 img标签


...]]></description><category></category></item><item><title><![CDATA[字符串]]></title><link>https://blog.youkuaiyun.com/daxinza/article/details/89278184</link><guid>https://blog.youkuaiyun.com/daxinza/article/details/89278184</guid><author>daxinza</author><pubDate>Mon, 15 Apr 2019 20:26:34 +0800</pubDate><description><![CDATA[1.定义方式

 1.0 使用常量定义字符串 var str = "abc"; // 创建一个字符串， String类型

  2.0 使用new关键字 var str = new String("abc"); // 创建一个对象，为 object类型

eg: 两者的不同



PS：基本数据类型的字符串，也可以调用所有字符串已有的方法

2.字符串的遍历和修改





...]]></description><category></category></item></channel></rss>