jonsen_liu-CSDN博客

原创 TS 中的泛型之理解 TypeScript 泛型 generics -- 1

先不直接说泛型，一步一步理解为什么使用泛型，什么时候使用先看一段代码function fn (value) { return value}const res = fn(123)这段TS代码中调用了函数fn 传入了一个 123 的 number类型的数据，但是res的返回类型是一个 any 类型，如图：我们传入的是一个number类型的数据，在这个函数中应该返回的也是number类型，但是这时候res丢失了类型数据，这不是一个好的现象啊，老铁。这时候想，既然我们传入的是一个number

2021-02-23 00:42:07 1457 1

转载从零搭建webpack的react开发/生产环境

一、初始化项目在命令行中敲入如下命令：mkdir Webpack-react && cd Webpack-react && npm init -y然后你就可以在你的当前路径下看到一个叫 Webpack-Vue 的文件夹，里面有一个包含默认信息的 package.json 文件，打开并修改这个文件的一些内容。然后我们在项目文件夹中创建以下几个文件夹：...

2019-03-28 16:47:07 541

转载从零开始搭建webpack的vue生产/开发环境

一、初始化项目在命令行中敲入如下命令：mkdir Webpack-Vue && cd Webpack-Vue && npm init -y然后你就可以在你的当前路径下看到一个叫 Webpack-Vue 的文件夹，里面有一个包含默认信息的 package.json 文件，打开并修改这个文件的一些内容。然后我们在项目文件夹中创建以下几个文件夹：d...

2019-03-28 16:35:05 526

原创原生ajax

原生ajaxpost: var url = './123.json';//此处填写路径 var xhr = new XMLHttpRequest();//创建一个XMLHttpRequest对象 xhr.open("POST", url, true);//请求方式，请求路径,是否异步 //如果是post请求，下面一行一定是设置请求头(固定写法) xh...

2018-05-30 20:46:36 205

原创 echarts添加背景图

echarts添加背景图1）简单的方法直接给到外层的div元素上/*比如说这段css样式*/.TheStatistics { float: left; position: relative; width: 28vw; height: 58vh; margin: 8vh 0 0 1vw; -webkit-box-sizing: border-box;...

2018-05-29 20:59:00 18355 3

原创原生js的dom操作(常用的整理)

父节点parentNode第一个子节点只会获取到元素节点firstElementChild ★★★★★ 第一个子节点 (如果有文本节点将会获取到文本节点)firstChild最后一个节点只会获取到元素节点lastElementChild ★★★★★最后一个子节点 (如果有文本节点将会获取到文本节点)lastChild 当前节点的后一个（下一个）节点注：只会获取到元...

2018-05-29 20:53:55 1990

原创事件委托和阻止事件冒泡

废话不多说，代码走一波DOM结构如下<ul> <li>11</li> <li>22</li> <li>33</li> <li>44</li></ul>li标签是后期动态渲染上去的，但是我们需要给li

2018-05-29 20:34:44 1341

原创获取DOM元素的标签名

获取到DOM元素的标签名//通过tagName属性获取var p = document.getElementById("p");console.log(p.tagName)//JQ的方法$("#p").prop("nodeName")来源地址:https://www.liuyjuan.com/185.html...

2018-05-29 20:30:56 10082

原创 webSocket服务器前端使用

创建webSocket对象 var ws = new webSocket(url,[protocol])以上代码中的 url 指连接路径 protocol 是可选的，指定了可接受的子协议WebSocket属性假设使用了以上代码创建了ws对象 ws.readyState //readyState表示连接状态，可以是以下值 // 0 - 表示连接尚未建立 // 1 - 表示连接已建...

2018-05-29 20:28:58 1373

原创获取CSS中的属性

DOM2级样式”增强了document.defaultView，提供了getComputedStyle()方法。这个方法接受两个参数：要取得计算样式的元素和一个伪元素字符串（例如“:after”）。如果不需要伪元素信息，第二个参数可以是null。getComputerStyle()方法返回一个CSSStyleDeclaration对象，其中包含当前元素的所有计算的样式var myDiv = doc...

2018-05-29 20:26:12 1007

原创 javascript的短路运算符

短路运算符 && ||地址：https://www.liuyjuan.com/183.html先来段代码// && 左边为 true 时返回右边代码的执行结果2>1 && (a=1) //结果打印 && 后面的代码执行结果也就是 1// && 左边为 false 时返回左边代码的执行...

2018-05-29 20:22:17 727

原创 vue-cli和webpack多页面配置

注：这里使用的是vue脚手架一键部署1)build文件目录下的webpack.base.conf.js文件（main.js的路径）entry: { app: './src/main.js',//原代码默认的配置 app2:'./src/main2.js'//新添加的配置(app2是自定义的名字注：请记住这个名字) },2)build文件目录下的webpack.dev.conf...

2018-05-28 10:01:14 741 1

jonsen的博客