Web前端
关注
分享
扫一扫
张大仙是个妖怪
我以为我能逗你笑你就会喜欢我,可是我却输给了让你哭的人!
展开
-
error - typescript - Cannot find name 'Set'
1. 在react & Webpack中集成typescript出现如下问题在react & Webpack中集成typescript编译的时候出现如下错误:ERROR in [at-loader] ./node_modules/@types/react/index.d.ts:427:23 TS2583: Cannot find name 'Set'. Do you need to change your target library? Try changing the `li原创 2020-05-14 15:51:46 · 968 阅读 · 0 评论 -
vue 中定义键盘回车事件
在vue中 , 如果使用的是原生的input，使用 @keyup.enter就可以，若是使用了element-ui，则要加上native限制符，因为element-ui把input进行了封装，原事件就不起作用了，代码如下：<input v-model="form.name" placeholder="昵称" @keyup.enter="submit"><el-input v-...原创 2020-04-23 15:07:42 · 2001 阅读 · 0 评论 -
vue 中刷新当前页面方式
有时候在项目中我们需要在页面完成一些操作后,进行页面刷新.文中重点介绍provide / inject组合是vue2.2.0新增的api1. this.$router.go(0)this.$router.go(0). 通过路由跳转的方式重新渲染页面, 虽然代码量很少,便于书写和理解,但是体验很差,在刷新的一瞬间会出现白屏的现象.2. location.reload()locati...原创 2020-04-20 14:58:38 · 1188 阅读 · 0 评论 -
使用 vue-router 在新窗口打开页面
1. 使用标签实现新窗口打开：在页面导航中<router-link>被渲染为<a>标签, 在vue2版本的<router-link>支持 target="_blank" , 代码如下:<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新窗口打开</router...原创 2020-04-16 16:41:29 · 1242 阅读 · 0 评论 -
修改ElementUI的默认样式的几种方式
ElementUI 是一套ui组件库，目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色，若用于项目开发，难免遇到要需求修改其默认样式的情况，本文就基于 react 和 vue 框架介绍几种修改 ElementUI 默认样式的办法。Vue（一）内嵌法修改样式通过:style修改，用于局部组件块：<el-button :style="selfstyle...原创 2020-04-14 15:26:03 · 2585 阅读 · 0 评论 -
npm 安装依赖时 --save-dev --save 的区别
npm install 在安装 npm 包时，有两种命令参数可以把包信息写入配置文件 package.json 中--save || -S // 运行依赖（发布时）–save-dev || -D //开发依赖（开发时）区别:不同的配置文件将依赖信息 , 添加到package.json的不同地方save ： dependencies 键下，发布后还需要依赖的模块，譬如像jQu...原创 2020-04-08 16:32:16 · 625 阅读 · 0 评论 -
CORS解决同源问题
CORS 是一个 W3C 标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出 XMLHttpRequest 请求，从而克服了 AJAX 只能同源使用的限制原创 2020-03-28 17:29:28 · 603 阅读 · 0 评论 -
for in遍历对象只能用[ ]不能用点
对象获取属性有2种方式实例.属性名实例[属性]在for循环中获取属性在for in 中获取属性只能用[ ]不能用点原创 2020-03-14 17:15:51 · 897 阅读 · 0 评论 -
得到一个大于等于0，小于1之间的随机数
得到一个大于等于0，小于1之间的随机数function getRandom() { return Math.random();}得到一个两数之间的随机数这个例子返回了一个在指定值之间的随机数。这个值不小于 min（有可能等于），并且小于（不等于）max。function getRandomArbitrary(min, max) { return Math.random() ...原创 2020-03-12 13:07:03 · 2136 阅读 · 0 评论 -
CSS 使用line-height实现单行文字垂直居中的原理 图解
首先，line-height为行高。height为高度。单行文本垂直居中写起来很简单，但是如果要深入理解其原理还是得花些时间的。有一个公式必须知道 line-height=上距离+内容高度+下距离。当 line-hieght 等于 height，内容垂直居中当 line-hieght 大于 height，内容向下移动当 line-hieght 小于 height，内容向上移动下面举个...原创 2020-03-06 16:21:22 · 2274 阅读 · 0 评论 -
Meta http-equiv属性详解
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用meat标签的http-equiv属性语法格式是：＜meta http-equiv=“参数” content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数：1、E...原创 2020-03-05 20:28:32 · 1038 阅读 · 0 评论 -
元素的显示与隐藏
让一个元素在页面中消失或者显示出来原创 2020-02-22 14:06:54 · 357 阅读 · 0 评论 -
块级元素,行内元素区别
块级元素,行内元素区别原创 2020-02-17 12:15:41 · 640 阅读 · 0 评论 -
html中引入CSS样式表的3种方式
1. 引入CSS样式表（书写位置）1.1 三种样式表总结（位置）样式表优点缺点使用情况控制范围行内样式表书写方便，权重高没有实现样式和结构相分离较少控制一个标签（少）内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面（中）外部样式表完全实现结构和样式相分离需要引入最多，强烈推荐控制整个站点（多）1.2 行内式（内联样式...原创 2020-02-16 13:49:14 · 7450 阅读 · 0 评论 -
label标签作用
目标：label标签主要目的是为了提高用户体验。 为用户提高最优秀的服务。概念：label 标签为 input 元素定义标注（标签）。作用：用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。当我们鼠标点击 label标签里面的文字时， 光标会定位到指定的表单里面如何绑定元素呢？第一种用法就是用label直接包括input表单。<lab...原创 2020-02-15 17:54:39 · 11141 阅读 · 0 评论 -
html中的列表
标签名定义说明<ul></ul>无序标签里面只能包含li 没有顺序，我们以后布局中最常用的列表<ol></ol>有序标签里面只能包含li 有顺序， 使用情况较少<dl></dl>自定义列表里面有2个兄弟， dt 和 dd...原创 2020-02-15 16:51:50 · 199 阅读 · 0 评论 -
html标签<td><tr><th>全称及缩写说明
<td> 是table data cell 的缩写，单元格<tr>是table row 的缩写，表格中的一行<th> 是table header cell 的缩写，表头单元格原创 2020-02-15 14:29:19 · 2375 阅读 · 0 评论 -
div和span元素的区别
要点整理：1 div是一个块级元素，独占一行不能和其它元素在一行2 span是行内元素(也译作内嵌元素)，不会另起一行3 块元素和行内元素通过CSS的display属性值可以互相转化：- 测试<div style="display:inline">紧跟前面的"测试"显示</div>- <span style="display:block">这里会另起...原创 2020-02-14 16:08:11 · 266 阅读 · 0 评论 -
lang和charset的区别
具体写法总体写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>lang表示内容语言，charset表示文档编码</body&...原创 2020-02-14 14:05:20 · 785 阅读 · 0 评论 -
浏览器内核介绍
首先解释一下浏览器内核是什么东西。英文叫做：Rendering Engine，中文翻译很多，排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核.负责读取网页内容，整理讯息，计算网页的显示方式并显示页面.因为浏览器太多啦， 但是现在主要流行的就是下面几个：浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器firefoxGecko...原创 2020-02-13 20:32:45 · 780 阅读 · 0 评论 -
Vue生命周期中mounted和created的区别
一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别：二、created和mounted区别？官方图解如下:我们从图中看两个节点：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲...原创 2020-02-01 11:32:14 · 357 阅读 · 0 评论 -
vue watch 监听对象的某个属性
只要tradeData中的属性发生变化（可被监测到的），便会执行handler函数；如果想监测具体的属性变化，如GoodsVoList变化时，才执行handler函数，则可以利用计算属性computed做中间层原创 2020-01-27 12:04:24 · 741 阅读 · 0 评论 -
解决npm install安装慢的问题
使用如下命令查看原版npm源为：npm config get registryhttp://registry.npmjs.org1.第一种方式①用set命令换成阿里的镜像就可以了npm config set registry https://registry.npm.taobao.org②再执行命令npm install2.第二种方式①执行npm install ...原创 2020-01-22 21:59:52 · 1118 阅读 · 0 评论 -
ES6 中import 命令
ES6 中引入了模块功能，模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。原创 2020-01-13 10:11:23 · 1809 阅读 · 0 评论 -
ES6 中export 命令
ES6 中引入了模块功能，模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。原创 2020-01-10 18:06:33 · 779 阅读 · 0 评论 -
ES6 中Map数据结构
ES6 提供了 Map 数据结构。是键值对的集合，Map类似于对象，但是其键的范围不限于对象的字符串，各种类型的值（包括对象）都可以当作键。原创 2020-01-09 17:43:06 · 308 阅读 · 0 评论 -
ES6 中Set数据结构
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值原创 2020-01-08 15:13:01 · 270 阅读 · 0 评论 -
ES 6中对象属性的遍历
ES6 一共有 5 种方法可以遍历对象的属性原创 2020-01-08 10:33:33 · 1842 阅读 · 0 评论 -
ES 6中定义对象属性
ES6 允许在对象中使用表达式定义属性名，这时表达式放置在方括号内原创 2020-01-08 09:57:39 · 1311 阅读 · 0 评论 -
ES 6 中对象属性的简洁表示法
ES6 允许在对象中直接写入变量和函数，作为对象的属性和方法。此种方式简化了对象的定义原创 2020-01-07 18:04:16 · 577 阅读 · 0 评论 -
数组的拓展运算符
扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列原创 2020-01-07 17:01:53 · 811 阅读 · 0 评论 -
箭头函数（=>）
ES6 允许使用“箭头”（=>）定义函数原创 2020-01-06 13:43:36 · 14261 阅读 · 0 评论 -
函数参数的默认值
ES6 允许为函数的参数设置默认值，直接将默认值写在参数定义的后面。原创 2020-01-03 11:21:12 · 1443 阅读 · 0 评论 -
ES6 模板字符串
模板字符串（template string）是增强版的字符串，用反引号（\`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量原创 2019-12-31 18:30:57 · 496 阅读 · 1 评论 -
变量的解构赋值[四 用途范例]
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）原创 2019-12-30 18:47:16 · 205 阅读 · 0 评论 -
变量的解构赋值[三字符串,数值,布尔值,函数参数]
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）原创 2019-12-28 18:00:59 · 248 阅读 · 0 评论 -
变量的解构赋值[二对象]
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。原创 2019-12-28 16:49:22 · 178 阅读 · 0 评论 -
变量的解构赋值[一数组]
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）原创 2019-12-28 11:51:09 · 212 阅读 · 0 评论 -
ES5,ES6中顶层对象解析
顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象。ES5 之中，顶层对象的属性与全局变量是等价的。原创 2019-12-27 14:12:18 · 326 阅读 · 0 评论 -
const 命令
const声明一个只读的常量。一旦声明，常量的值就不能改变。原创 2019-12-27 13:31:23 · 351 阅读 · 0 评论