- 博客(21)
- 收藏
- 关注
RSS订阅原创 vscode prettier 自动添加分号的问题
使用 prettier 在格式化 js/jsx/ts/tsx代码的时候会在行尾自动添加分号，还会把单引号自动变成双引号。对于我这种喜欢用单引号的就受不了了。在 设置里添加如下代码即可解决问题。"prettier.singleQuote": true,"prettier.semi": false,其实格式化成什么样子第一是根据公司的一个代码规范，第二是根据个人的一个代码风格。...
2020-05-24 23:31:29
5277
原创 跟上俺，俩小时轻松搞定Vue Router
点进这篇文章的童鞋，俺默认你已经对 路由、前端路由等有了一定的了解，如果对路由还不太了解的童鞋，点我可以先去了解一下路由、前端路由、后端路由等等的概念，再来食用这篇文章效果会更佳哦~
2020-04-06 22:27:16
1020
1
原创 一步步快速掌握Vue组件间通信，看这篇文章就够了！
在 Vue 中，每一个组件都是独立的一个存在，如果需要组合使用这些组件，必然会组件间的数据相互关联在一起，这种就叫做组件间的通信。例如： 有两个组件（A，B），在 B 组件中需要使用A 组件的数据，又或者在 A 组件中需要用到 B 组件的数据，类似于这种场景就会涉及到组件间的通信，也可以叫做数据传递!组件间通信的几种方式创建组件要想做通信这个事情，首先要有两个组件，下来我们就创建一下吧，...
2020-04-04 16:54:19
2385
3
原创 HTML 表格表单
文章目录表格基本语法合并单元格表格的样式长表格表格布局表单创建表单表单项文本框密码框按钮单选按钮多选框下拉列表文本域label 标签表单项分组表格在 HTML 中，使用 table 标签创建一个表格。表格也是一个块级元素基本语法<tr>表示表格中的一行，有几行就有几个 <tr><td>在<tr>中需要使用 <td>来创建单元...
2020-04-02 10:47:08
967
原创 JavaScript 数据类型转换
类型转换指的是将一个数据类型转换为其他的数据类型将其他的数据类型转换为 String、Number 、Boolean将其他数据类型转换为 String调用被转换类型的 toString() 方法该方法不会影响到元变量，会将转换的结果返回。注意：Null 和 Undefined 没有 toString() 方法，如果调用他们的方法会报错。// -- 将一个 Number 转换为...
2020-04-02 10:45:27
458
原创 CSS 背景
文章目录background-colorbackground-imgbackground-repeatbackground-positionbackground-attachment以下属性是 CSS3 新增的内容background-sizebackground-originbackground-clipbackground 简写属性[点我查看CSS背景相关的所有API](https://dev...
2020-04-02 10:43:27
3175
原创 CSS3 中新增的UI样式
文章目录CSS3 新增的 UI 方案文本的新增样式opacity 和 rgba文本溢出显示省略号文字阴影盒模型的新增样式盒模型的阴影倒影box-sizing新增的UI样式[圆角](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-radius)圆角风车 demo背景总结css2css3图片的水平垂直居中渐变线性渐变径向渐变CSS3 新...
2020-04-02 10:42:35
637
原创 CSS 浮动与定位
文档流文档流处在网页的最底层，它表示的是一个页面的位置。我们所创建的元素默认都处在文档流中。元素在文档流中的特点块级元素块元素在文档流中会独占一行，块元素会自上向下排列块元素在文档流中默认宽度是父元素的100%块元素在文档流中的高度默认被内容(子元素)撑开内联元素内联元素在文档流中只占自身的大小，会默认从左向右排列。如果一样中不足以容纳所有的内联元素，则会换到下一行，...
2020-04-02 10:41:40
431
原创 JavaScript 基本语法
文章目录JS 基本语法1. JavaScript 代码在HTML中的位置2. JS 中的三个输出指令3. JS 中的注释4. JS 语法规范5. 字面量和变量6. 标识符7. 数据类型JS 基本语法1. JavaScript 代码在HTML中的位置可以写在HTML标签的内部<body> <!-- 弹出一个警告框 --> <a href=...
2020-04-02 10:39:43
398
1
原创 CSS Transform
2D 变形使用 transform 属性可以对元素进行旋转、缩放、平移、倾斜旋转使用 transform:rotate() 属性来设置元素的旋转<style> * { margin: 0; padding: 0; } .box { width: 200px; height: 200px...
2020-04-02 10:38:15
611
原创 gulp 常用插件
合并文件gulp-concat安装 npm install gulp-concat --save-dev 或者 yarn add gulp-concat -Dimport {src,dest} = require('gulp');import concat = require('gulp-concat');function concatCss(){ return src('./s...
2020-03-10 20:07:13
199
原创 yarn 安装 node-sass 依赖报错
把镜像源改成淘宝的镜像源就 ok 了1. 修改镜像源yarn config set registry https://registry.npm.taobao.org -g2. 配置 node-sass 的二进制包镜像地址yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g3. 使用 yar...
2020-03-09 20:53:19
513
原创 CSS3 Transition
Transition 简介Transition 可以设置 CSS 属性的过渡效果，它有以下几个属性。transition-property 用于指定应用过渡属性的名称transition-duration 用于指定这个过渡的持续时间transition-delay 用于指定延迟过渡的时间transition-timing-function 用于指定过渡的类型transition-p...
2020-03-09 14:15:27
13791
6
原创 CSS 选择器大全
CSS 选择器CSS 选择器有很多，总结几个常用的选择器，如果想了解更多选择器请点击我查看或者如果英文好得情况下点击我查看也是可以的哦~通配符选择器元素选择器ID选择器类选择器并集选择器(选择器分组)交集选择器子元素选择器后代元素选择器兄弟元素选择器伪类选择器子元素的伪类伪元素选择器属性选择器否定伪类通配符选择器* 可以选中所有的元素<style...
2020-03-09 14:13:54
921
原创 使用 js 面向对象封装一个 ajax
有点类似于 jquery 的 ajax 方法简单的封装一下,写的很糙,还有很多需要改善的地方，例如把ip和端口独立出来等等… 就先这样用着吧.先确定一个基本的样式{ url:'' // 请求地址 method:'': // 请求方式 contentType:'', // contentType data:{}, // 请求的参数或者发送的数据 success:fun...
2020-02-29 00:25:45
568
原创 Express 获取 POST请求参数为undefined？【已解决】
在 express 中获取 post 请求参数时会返回 {} 或者 undefined问题原因: Express默认只支持json与x-www-form-urlencoded格式的数据.解决办法:在请求中需要设置Content-type为application/x-www-form-urlencodedinit();function init() { var xhr = new...
2020-02-28 15:52:48
3208
2
原创 鼠标事件MouseEvent对象的一些坐标属性总结
MouseEvent 接口指用户与指针设备( 如鼠标 )交互时发生的事件。使用此接口的常见事件包括：click，dblclick，mouseup，mousedown 等
2020-01-09 16:05:02
3709
1
原创 DOM元素尺寸和位置相关的属性(clientWidth、offsetWidth、scrollWidth...)总结
由于DOM元素位置和大小的属性这块和鼠标事件的知识点容易混淆，所以需要单独总结一下，又不想把截图存到本地，所以就有了这篇文章。如果有什么地方写的不对，还请私信或留言给我扶正! 谢谢。
2020-01-09 14:56:56
889
1
原创 初步认识Vue.js
Vue 是我接触的第一个前端框架，所以必须要认真学学，记录一下学到的知识点。Vue 的特点遵循 MVVM 模式代码简洁，体积小，运行效率高，适合PC/移动端的开发只关注 UI ，当然也可以引入 vue 插件或其他第三方开源库HelloVue第一个 vue demo<body> <div id="app"> <h2>{{msg}}&l...
2020-01-01 01:02:02
973
原创 webpack 配置 vue-loader 成功后启动报错问题！[已解决]
在学习 webpack 的过程中遇到的一个小问题在webpack 中使用 vue 组件需要使用一个 第三方 loader 处理解析 .vue结尾的文件，在学习的过程中，明明已经配置好了处理 .vue 结尾的文件的规则，却在 npm run dev 的时候报错错误提示：vue-loader was used without the corresponding plugin. Make sure...
2019-06-07 15:20:16
1075
原创 CSS3自定义字体、字体图标
自定义字体通常情况下，我们一般在设置字体的时候设置的是操作系统上的字体。如果用户的操作系统中没有该字体就会影响整个前端的一个用户体验。在CSS3 中，新增了 自定义字体的内容，可以让我们自己定义一个字体，然后放到服务器上，这样尽管用户的操作系统中没有该字体，也会从服务器下载到指定的字体，不会影响用户体验。文件结构如下<style> /* 使用 @font-face 来指...
2019-05-12 18:08:07
972
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人