<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Blog]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/niexia_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; niexia_]]></copyright><item><title><![CDATA[TypeScript 最快速的入门教程]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/129679767</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/129679767</guid><author>niexia_</author><pubDate>Tue, 21 Mar 2023 00:42:02 +0800</pubDate><description><![CDATA[TypeScript 最简单、高效的入门教程。
在这个 TypeScript 教程中，你将学习：

为什么 TypeScript 比 JavaScript 有很多好处。
了解 TypeScript 的真正含义，以及它是如何在引擎下工作的。
使用 TypeScript 及其丰富的功能，如类型、类、接口、模块，以及更多。 前提条件]]></description><category></category></item><item><title><![CDATA[Iframe postMessage 日志]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/123015407</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/123015407</guid><author>niexia_</author><pubDate>Sat, 19 Feb 2022 10:53:27 +0800</pubDate><description><![CDATA[postMessage 日志
postMessage catcher
之前工作需要接入不同 iframe，需要使用 postMessage 来进行通信，本地开发还好可以方便打印相互通信的数据，就是线上有些麻烦，不好直接观察发送和接收的数据是怎么样的，所以写了个 chrome 插件，专门查看日志。
安装
我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

Chrome 网上应用商店
Github

效果



...]]></description><category></category></item><item><title><![CDATA[webpack实现多客户配置]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/88353191</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/88353191</guid><author>niexia_</author><pubDate>Fri, 08 Mar 2019 16:03:57 +0800</pubDate><description><![CDATA[https://github.com/yangseas/yangseas.github.io/issues/7
在开发中，如果项目代码中，面对多个客户，现在需要根据不同客户打包的不同的代码，需要怎么配置呢？
平常的开发中一些需求也是比较类似的，例如下面这段代码，根据不同环境，配置不同的接口地址。它们都是需要根据环境变量来做不同的配置，从而实现打包的时候进行区分。
…

......]]></description><category></category></item><item><title><![CDATA[vscode使用Setting Sync]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/84063656</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/84063656</guid><author>niexia_</author><pubDate>Wed, 14 Nov 2018 11:30:25 +0800</pubDate><description><![CDATA[Setting Sync
Setting Sync可以通过在GitHub上保存你的vscode设置，使得更换电脑可以快速同步设置
Shortcuts
Upload Key : Shift + Alt + U
Download Key :Shift + Alt + D
使用过程

在vscode扩展程序中搜索并安装Setting Sync

开始上传设置


输入快捷键shift+alt+U或者sh...]]></description><category></category></item><item><title><![CDATA[阿里云centos系统安装node和koa之后创建的http服务访问不了]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/80362498</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/80362498</guid><author>niexia_</author><pubDate>Fri, 18 May 2018 11:57:34 +0800</pubDate><description><![CDATA[1 新建koa-http.js



const Koa = require('koa');
const app = new Koa();

const main = ctx =&amp;gt; {
  ctx.response.body = 'Hello World';
};

app.use(main);
app.listen(3000);

2 浏览器输入地址



X.X.X.X:3000（对应的...]]></description><category></category></item><item><title><![CDATA[Js TypeError 和 referentError]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/80266427</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/80266427</guid><author>niexia_</author><pubDate>Thu, 10 May 2018 13:40:52 +0800</pubDate><description><![CDATA[
TypeError


TypeError 对一个变量的值做不合理的操作,如对非函数的变量进行函数调用 
或者引用null或undefined类型的值得属性



let a = {};
console.log(a.list.name); //这种情况也比较常出现


ReferenceError


1  RHS查询在所有嵌套的作用域都找不到该变量 抛出该错误 

var a = x;// x...]]></description><category></category></item><item><title><![CDATA[getBoundingClientRect()]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79718546</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79718546</guid><author>niexia_</author><pubDate>Tue, 27 Mar 2018 20:24:15 +0800</pubDate><description><![CDATA[
  getBoundingClientRect()是用来获取页面元素的位置的方法.这个方法最终返回的是一个矩形对象,包括四个属性:left top right bottom.



top：元素上边到视窗上边的距离;
right：元素右边到视窗左边的距离;
bottom：元素下边到视窗上边的距离;
left：元素左边到视窗左边的距离; 

width：边界矩形的宽度
height：边界矩形的高度...]]></description><category></category></item><item><title><![CDATA[屏蔽默认右键菜单]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79657497</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79657497</guid><author>niexia_</author><pubDate>Thu, 22 Mar 2018 17:48:03 +0800</pubDate><description><![CDATA[Jquery



$(document).bind(&quot;contextmenu&quot;,function(e){
        return false;
});

js



document.oncontextmenu = function(e){
    return false;
}



之后就可以自定义右键菜单



 $(&quot;#flight_box&quot;).on(&quot;mousedown&quot;, &quot;....]]></description><category></category></item><item><title><![CDATA[event.preventDefault()]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79457610</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79457610</guid><author>niexia_</author><pubDate>Tue, 06 Mar 2018 14:14:15 +0800</pubDate><description><![CDATA[event.preventDefault()


  如果事件可取消，则取消该事件，而不停止事件的进一步传播。



比如下面的实例，做一个校验，输入不满足的则不会写入。


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;title&amp;gt;preventDefault example&amp;lt;/title&amp;gt;
&amp;lt;/head&amp;gt;
...]]></description><category></category></item><item><title><![CDATA[元素绑定事件]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79425266</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79425266</guid><author>niexia_</author><pubDate>Fri, 02 Mar 2018 17:02:50 +0800</pubDate><description><![CDATA[
在HTML中绑定: 
绑定:  
&amp;lt;xxx on事件名=&quot;js语句&quot;&amp;gt; 
当事件发生时: 自动执行js语句 
问题: 不符合内容与行为分离的原则，不便于维护和重用 
在组件开发中，反而要求内容，行为和样式集中定义在一个小组件内，自成体系。
在js中绑定, 每个事件只能绑定一个处理函数: 
绑定：


xxx.on事件名=function(){ ... }

当事件发生时: xxx.o...]]></description><category></category></item><item><title><![CDATA[git中的origin]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79422859</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79422859</guid><author>niexia_</author><pubDate>Fri, 02 Mar 2018 14:24:48 +0800</pubDate><description><![CDATA[origin


首先假设你自己在github上创建了一个Repository，叫做myRepository，假设你的Github ID是user1,这个时候指向你的代码库的链接是




https://github.com/user1/myRepository


clone 
如果你在terminal里输入




git clone https://github.com/user1/myR...]]></description><category></category></item><item><title><![CDATA[th 和 td的区别]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79408521</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79408521</guid><author>niexia_</author><pubDate>Thu, 01 Mar 2018 09:57:52 +0800</pubDate><description><![CDATA[1.一个简单的html表格

th和td都用于定于表格的列

&amp;lt;html&amp;gt;
&amp;lt;body&amp;gt;

&amp;lt;table border=&quot;1&quot;&amp;gt;
  &amp;lt;tr&amp;gt;
    &amp;lt;th&amp;gt;11111111111111111&amp;lt;/th&amp;gt;
    &amp;lt;th&amp;gt;Savings&amp;lt;/th&amp;gt;
  &amp;lt;]]></description><category></category></item><item><title><![CDATA[文件的下载]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79408422</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79408422</guid><author>niexia_</author><pubDate>Thu, 01 Mar 2018 09:51:31 +0800</pubDate><description><![CDATA[1 后台给接口（需要传参）


定义的是get方式，这个时候需要定义好是否可以使用ajax或者axios来调用接口。
直接打开： 
（1）将参数拼到地址里，/xxx/xxx
...]]></description><category></category></item><item><title><![CDATA[js创建一个节点（以img为例）]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79170361</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79170361</guid><author>niexia_</author><pubDate>Fri, 26 Jan 2018 11:25:04 +0800</pubDate><description><![CDATA[&amp;lt;div id=&quot;d1&quot;&amp;gt;&amp;lt;/div&amp;gt;


HTML




function a(){
document.getElementById(&quot;d1&quot;).innerHTML=&quot;&amp;lt;img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'&amp;gt;&quot;;
}
a();


方法




function b(){
va..]]></description><category></category></item><item><title><![CDATA[对象的排序]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79135879</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79135879</guid><author>niexia_</author><pubDate>Tue, 23 Jan 2018 09:32:21 +0800</pubDate><description><![CDATA[var data = [{ 
    name: “jiang”, 
    age: 22 
  }, { 
    name: “AAAAAAAAAAAAAA”, 
    age: 21 
  }, { 
    name: “CCCCCCCCc”, 
    age: 25 
  }]; 
  //定义一个比较器 
  function compare(propertyName) {]]></description><category></category></item><item><title><![CDATA[content-type]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79085144</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79085144</guid><author>niexia_</author><pubDate>Wed, 17 Jan 2018 14:46:07 +0800</pubDate><description><![CDATA[ttp Header里的Content-Type一般有这三种


application/x-www-form-urlencoded 
数据被编码为名称/值对。这是标准的编码格式。
multipart/form-data 
数据被编码为一条消息，页上的每个控件对应消息中的一个部分。
text/plain 
数据以纯文本形式(text/json/xml/html)进行编码，其中不含任何控件或格式字符]]></description><category></category></item><item><title><![CDATA[ES中的模块导出导入]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79084878</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79084878</guid><author>niexia_</author><pubDate>Wed, 17 Jan 2018 14:29:45 +0800</pubDate><description><![CDATA[ES中的模块导出导入

export 和 export default

两个导出，下面我们讲讲它们的区别

export与export default均可用于导出常量、函数、文件、模块等 
在一个文件或模块中，export、import可以有多个，export default仅有一个 
通过export方式导出，在导入时要加{ }，export default则不需要 
export能直接导出变]]></description><category></category></item><item><title><![CDATA[ES中的模块导出导入]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/79012857</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/79012857</guid><author>niexia_</author><pubDate>Tue, 09 Jan 2018 14:49:54 +0800</pubDate><description><![CDATA[ES中的模块导出导入

export 和 export default

两个导出，下面我们讲讲它们的区别

export与export default均可用于导出常量、函数、文件、模块等 
在一个文件或模块中，export、import可以有多个，export default仅有一个 
通过export方式导出，在导入时要加{ }，export default则不需要 
export能直接导出变...]]></description><category></category></item><item><title><![CDATA[关于动态的新增输入框和删除]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/78681031</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/78681031</guid><author>niexia_</author><pubDate>Thu, 30 Nov 2017 21:12:03 +0800</pubDate><description><![CDATA[可以根据需要增加输入框和删除输入框 <template>
    <div>
        <div style="z-index: 10; display: block">
            <el-form :model="repairWorkHour" ref="repairWorkHour" label-width="100px" class="demo-dynamic">]]></description><category></category></item><item><title><![CDATA[媒体查询]]></title><link>https://blog.youkuaiyun.com/niexia_/article/details/78671897</link><guid>https://blog.youkuaiyun.com/niexia_/article/details/78671897</guid><author>niexia_</author><pubDate>Thu, 30 Nov 2017 08:43:35 +0800</pubDate><description><![CDATA[媒体查询
  媒体查询可以让我们根据设备显示器的特性为其设定css样式。可以将媒体查询想象成对浏览器的提问。如果浏览器回答“是”，则应用样式；如果回答“否”，则不应用样式。
媒体查询是类似在提一下的问题：
你是一块纵向放置的显示屏吗？
你的最大宽度是960px吗？
你的最大高度是768px吗？ 
… 
然后根据浏览器的回答给他添加相应的样式。
<!DOCTYPE html>
<html>
<head]]></description><category></category></item></channel></rss>