- 博客(86)
- 收藏
- 关注
RSS订阅原创 TypeScript 最快速的入门教程
TypeScript 最简单、高效的入门教程。在这个 TypeScript 教程中，你将学习：为什么 TypeScript 比 JavaScript 有很多好处。了解 TypeScript 的真正含义，以及它是如何在引擎下工作的。使用 TypeScript 及其丰富的功能，如类型、类、接口、模块，以及更多。 前提条件
2023-03-21 00:42:02
213
原创 Iframe postMessage 日志
postMessage 日志postMessage catcher之前工作需要接入不同 iframe，需要使用 postMessage 来进行通信，本地开发还好可以方便打印相互通信的数据，就是线上有些麻烦，不好直接观察发送和接收的数据是怎么样的，所以写了个 chrome 插件，专门查看日志。安装我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：Chrome 网上应用商店Github效果...
2022-02-19 10:53:27
324
原创 webpack实现多客户配置
https://github.com/yangseas/yangseas.github.io/issues/7在开发中，如果项目代码中，面对多个客户，现在需要根据不同客户打包的不同的代码，需要怎么配置呢？平常的开发中一些需求也是比较类似的，例如下面这段代码，根据不同环境，配置不同的接口地址。它们都是需要根据环境变量来做不同的配置，从而实现打包的时候进行区分。…......
2019-03-08 16:03:57
293
原创 vscode使用Setting Sync
Setting SyncSetting Sync可以通过在GitHub上保存你的vscode设置，使得更换电脑可以快速同步设置ShortcutsUpload Key : Shift + Alt + UDownload Key :Shift + Alt + D使用过程在vscode扩展程序中搜索并安装Setting Sync开始上传设置输入快捷键shift+alt+U或者sh...
2018-11-14 11:30:25
6103
2
原创 阿里云centos系统安装node和koa之后创建的http服务访问不了
1 新建koa-http.jsconst Koa = require('koa');const app = new Koa();const main = ctx => { ctx.response.body = 'Hello World';};app.use(main);app.listen(3000);2 浏览器输入地址X.X.X.X:3000（对应的...
2018-05-18 11:57:34
1112
1
原创 Js TypeError 和 referentError
TypeErrorTypeError 对一个变量的值做不合理的操作,如对非函数的变量进行函数调用 或者引用null或undefined类型的值得属性let a = {};console.log(a.list.name); //这种情况也比较常出现ReferenceError1 RHS查询在所有嵌套的作用域都找不到该变量 抛出该错误 var a = x;// x...
2018-05-10 13:40:52
2826
原创 getBoundingClientRect()
getBoundingClientRect()是用来获取页面元素的位置的方法.这个方法最终返回的是一个矩形对象,包括四个属性:left top right bottom.top：元素上边到视窗上边的距离;right：元素右边到视窗左边的距离;bottom：元素下边到视窗上边的距离;left：元素左边到视窗左边的距离; width：边界矩形的宽度height：边界矩形的高度...
2018-03-27 20:24:15
3337
原创 屏蔽默认右键菜单
Jquery$(document).bind("contextmenu",function(e){ return false;});jsdocument.oncontextmenu = function(e){ return false;}之后就可以自定义右键菜单 $("#flight_box").on("mousedown", "....
2018-03-22 17:48:03
3105
原创 event.preventDefault()
event.preventDefault() 如果事件可取消，则取消该事件，而不停止事件的进一步传播。比如下面的实例，做一个校验，输入不满足的则不会写入。<!DOCTYPE html><html><head><title>preventDefault example</title></head>...
2018-03-06 14:14:15
2515
原创 元素绑定事件
在HTML中绑定: 绑定: <xxx on事件名="js语句"> 当事件发生时: 自动执行js语句 问题: 不符合内容与行为分离的原则，不便于维护和重用 在组件开发中，反而要求内容，行为和样式集中定义在一个小组件内，自成体系。在js中绑定, 每个事件只能绑定一个处理函数: 绑定：xxx.on事件名=function(){ ... }当事件发生时: xxx.o...
2018-03-02 17:02:50
335
转载 git中的origin
origin首先假设你自己在github上创建了一个Repository，叫做myRepository，假设你的Github ID是user1,这个时候指向你的代码库的链接是https://github.com/user1/myRepositoryclone 如果你在terminal里输入git clone https://github.com/user1/myR...
2018-03-02 14:24:48
35338
1
原创 th 和 td的区别
1.一个简单的html表格th和td都用于定于表格的列<html><body><table border="1"> <tr> <th>11111111111111111</th> <th>Savings</th> <
2018-03-01 09:57:52
5675
原创 文件的下载
1 后台给接口（需要传参）定义的是get方式，这个时候需要定义好是否可以使用ajax或者axios来调用接口。直接打开： （1）将参数拼到地址里，/xxx/xxx...
2018-03-01 09:51:31
184
转载 js创建一个节点（以img为例）
<div id="d1"></div>HTMLfunction a(){document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";}a();方法function b(){va..
2018-01-26 11:25:04
13249
转载 对象的排序
var data = [{ name: “jiang”, age: 22 }, { name: “AAAAAAAAAAAAAA”, age: 21 }, { name: “CCCCCCCCc”, age: 25 }]; //定义一个比较器 function compare(propertyName) {
2018-01-23 09:32:21
459
原创 content-type
ttp Header里的Content-Type一般有这三种application/x-www-form-urlencoded 数据被编码为名称/值对。这是标准的编码格式。multipart/form-data 数据被编码为一条消息，页上的每个控件对应消息中的一个部分。text/plain 数据以纯文本形式(text/json/xml/html)进行编码，其中不含任何控件或格式字符
2018-01-17 14:46:07
230
转载 ES中的模块导出导入
ES中的模块导出导入export 和 export default两个导出，下面我们讲讲它们的区别export与export default均可用于导出常量、函数、文件、模块等 在一个文件或模块中，export、import可以有多个，export default仅有一个 通过export方式导出，在导入时要加{ }，export default则不需要 export能直接导出变
2018-01-17 14:29:45
850
原创 ES中的模块导出导入
ES中的模块导出导入export 和 export default两个导出，下面我们讲讲它们的区别export与export default均可用于导出常量、函数、文件、模块等 在一个文件或模块中，export、import可以有多个，export default仅有一个 通过export方式导出，在导入时要加{ }，export default则不需要 export能直接导出变...
2018-01-09 14:49:54
1716
转载 关于动态的新增输入框和删除
可以根据需要增加输入框和删除输入框 <template> <div> <div style="z-index: 10; display: block"> <el-form :model="repairWorkHour" ref="repairWorkHour" label-width="100px" class="demo-dynamic">
2017-11-30 21:12:03
4024
2
原创 媒体查询
媒体查询 媒体查询可以让我们根据设备显示器的特性为其设定css样式。可以将媒体查询想象成对浏览器的提问。如果浏览器回答“是”，则应用样式；如果回答“否”，则不应用样式。媒体查询是类似在提一下的问题：你是一块纵向放置的显示屏吗？你的最大宽度是960px吗？你的最大高度是768px吗？ … 然后根据浏览器的回答给他添加相应的样式。<!DOCTYPE html><html><head
2017-11-30 08:43:35
2426
转载 npm --save-dev 和--save区别
当你为你的模块安装一个依赖模块时，正常情况下： 你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里（dependencies）。-save和save-dev可以省掉你手动修改package.json文件的步骤。 spm install module-name -save 自动把模块和版本号添
2017-10-29 16:36:58
784
原创 element form表单验证
表单的编辑一直没有作用： 原来时prop写在input了 所有的prop一定必须要写在上面，写在里面的input上或者其他任何地方都不行
2017-10-23 15:30:34
2723
原创 Webstorm 的 Tab 键怎样调整缩进值？ 调节成缩进成2个空格或者4个空格
需要设置这两步： （webstorm的版本2017.2）
2017-10-19 09:41:04
80733
10
原创 es6里面的promise不捕获异常老是报unhandledRejection错，有啥办法不让它报么？
deleteClick1(index, row){ var _self = this; this.$confirm("确认删除第" + (index+1) + "行吗?", "提示", { type: 'warning', confirmButtonText:'确认', cancelButtonText:'取
2017-10-13 10:05:02
34128
1
原创 Vue报错笔记（3）：[Vue warn]: Failed to resolve directive: mod (found in <ComponentA>)
不能识别指令：mod 就是你应该某条指令无意间可能加了空格导致不能解析。我就是把v-model写成v-mod elmodel之间加了个空格
2017-10-13 08:54:59
13453
转载 Vue报错笔记（2）：No 'Access-Control-Allow-Origin' header is present on the requested resource.
就是说：当使用ajax访问远程服务器时，请求失败，浏览器报如上错误。这是出于安全的考虑，默认禁止跨域访问导致的1. 什么时跨域访问 举个栗子：在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略，同源策略的详细信息可以点击如下链接：
2017-10-12 10:30:30
6507
1
原创 Vue报错笔记（1）vue.js:515 [Vue warn]: Property or method “name“ is not defined on the instance but refere
报错：vue.js:515 [Vue warn]: Property or method "name" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in root instan
2017-10-11 11:04:34
57129
6
原创 解决input获得焦点时边框没有border-radius
.handle-input-search{ /*用id避免自带样式的影响*/ display: inline-block; width: 150px; height: 28px; float: left; margin-left: 8px; border-radius: 4px; padding-left: 10px; border:
2017-10-10 10:53:55
4313
2
转载 关键字this和$(this)的区别
在each()方法中，关键字this和$(this)的区别 ？？？比如：对每个选中的p元素执行函数function(){} 我是该这样写： $("p").each(function(){ this.hover(function(){ }); }); 还是该这样写： $("p").each(function(){ $(this).hover(function(){ }); })
2017-09-21 09:21:52
2207
转载 理解Jquery插件
在实际开发工作中，总会碰到像滚动，分页，日历等展示效果的业务需求，对于接触过jQuery以及熟悉jQuery使用的人来说，首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求。目前页面中常用的一些组件，都有多种jQuery插件可供选择，网络上也有很多专门收集jQuery插件的网站。利用jQuery插件确实可以给我们的开发工作带来便捷，但是如果只是会简单使用，而对其中的原理不甚了解，那么在使
2017-09-20 18:40:09
318
转载 浏览器cannot read property 'msie' of undefined的解决方法
练习demo，版本升级很容易有错误…，百度和GoogleUncaught TypeError: Cannot read property 'msie' of undefined谷歌：jQuery.browser() removedThe jQuery.browser() method has been deprecated since jQuery 1.3 and is removed in 1.9
2017-09-18 17:44:54
8339
2
转载 html 空白汉字占位符　
可以看作一个空白的汉字 == 普通的英文半角空格 == == == no-break space （普通的英文半角空格但不换行） == 中文全角空格 （一个中文宽度） == == en空格 （半个中文宽度） == == em空格 （一个中文宽度） =
2017-09-18 14:08:05
5007
原创 日期比较（substring split prase）
1.yy-mm-dd HH:mm:ss的比较实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>split</title></head><body><script> function comptime() { var beginTime = "2009-09-21
2017-09-13 09:26:37
869
原创 dl dt dd和table tr td
1.dl dt dd<dl> 标签定义了定义列表（definition list）。 <dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。<html><body><h2>一个定义列表：</h2><dl> <dt>计算机</dt> <dd>获取新的知识、交换有价值的经验以及通过交流迸发出灵感的火花。</dd> <dt>机器交流</dt>
2017-09-11 16:59:32
1289
原创 background
background可以设置如下属性( 打勾的是常用的）： 说明background-positionbody{ background-image:url('bgimage.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center;/
2017-09-11 15:45:51
346
原创 表单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单</title> <style type="text/css"> form.stylin_form1{ /*表单整体宽度*/ widt
2017-09-10 11:40:30
297
原创 font简写：body{font:12px/15px Arial}
body{font:12px/15px Arial}//这是缩写，完整写法是body{font-size:12px; line-height:15px;}//要注意，直接简写font:12px/15px;//这样是错误的，css中font属性简写时，必须至少同时包含font-size和font-family两个属性，应该写成font:12px/15px arial ;
2017-09-10 11:33:54
1667
原创 HTML5提供定义网页不同部分的语义元素
什么是语义元素？语义元素清楚地向浏览器和开发者描述其意义。 非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。 语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。许多网站包含了指示导航、页眉以及页脚的 HTML 代码，例如这些： <div id="nav"> <div class="header"> <div id="foote
2017-09-10 10:41:44
622
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人