Vue-cli中使用scss 的全局变量和 @mixin

2021-05-02
阅读 2 分钟
7.8k
安装 scss {代码...} 注意:sass-loader需要指定@10的版本,因为后续的版本在vue-cli脚手架中会出现一些问题基础使用 {代码...} 大部分场景下,使用scss可以实现上面的样式嵌套层级关系,相信大家都用过。下面要说下scss的进阶用法。scss 全局变量和mixin。环境配置想要在vue-cli中全局使用 scss的全局变量和 @mixin样式...

Array-Like Objects 详解

2020-12-06
阅读 2 分钟
1.8k
看起来是一个数组,但我们可以看见上面截图中的 arguments 的隐式原型 arguments._ _proto__ 中的方法和数组确实不一样的。我们来看看一个正常的数组的隐式原型是啥样的。截图只展示了一部分,但是我们可以看见有明显的不同,所以说 arguments是一个 类数组对象 Array-Like Objects。此时我们对 arguments 这个类数组对...

Vue3.0 composition api 特性学习

2020-10-05
阅读 5 分钟
8.5k
options-api首先我们来看看 option-api。 {代码...} 上面代码的方式就是 option-api, 也是 vue2.x 中最常用的方式。composition-api在vue3.x中,可以使用下面的 composition-api 方式。 {代码...} 解决痛点看下面的图片(来源:[链接]),相同业务的代码颜色相同,可以看见 Options API 的相同业务代码分散在各处,这样...

哀悼之余,分享网页整体置灰的经验

2020-04-04
阅读 2 分钟
3.5k
新华社北京4月3日电 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。—— 人民网

vue-cli3项目打包后自动化部署到服务器

2019-12-15
阅读 2 分钟
8.7k
vue项目打包后,将文件复制到服务器显然是很麻烦,于是结合网上的资料,写下这篇自动化部署的记录。 一、安装 scp2 {代码...} 二、写好脚本 例如 upload.js (下面任选一个即可) 位置和 package.json平级即可。 简略版 {代码...} 稍微美化下控制台的输出 {代码...} ✨记得项目git上传时忽略此文件, 因为这里面包含了你的...

ES6数据集合 set 和 map

2019-12-12
阅读 2 分钟
1.5k
set set 类似于数组,没有重复的元素,开发中可用于去重操作,它的key和value相等 初始化一个set集合 {代码...} 一个属性 size 返回集合的长度(去重后的长度) {代码...} 四个方法 add() 添加一个元素 {代码...} 链式添加多个元素 {代码...} delete() 删除一个元素 {代码...} has() 判断set集合中是否存在该元素 返回tr...

通过例子讲解BFC

2019-11-18
阅读 2 分钟
2.3k
块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 ——来自MDN

四种方式进行清除浮动

2019-11-18
阅读 2 分钟
1.9k
以下展示了四种方式进行清除浮动 先看一段代码 css {代码...} html {代码...} 下面是结果 因为没有清除浮动,所以子元素没有将父元素撑开,出现上面的情况。 下面是几种清除浮动的方法 1.额外标签法 在最后一个浮动标签后,新加一个标签,给其设置clear:both;(不推荐) css {代码...} html {代码...} 效果展示 2.使用...

CSS盒子模型

2019-11-10
阅读 2 分钟
1.3k
一、基本概念: 标准模型 {代码...} 标准模型的宽高就等于他们content的宽高 ✨这是之前写的标准盒模型,可以去看看 IE模型 {代码...} IE盒模型的宽高包括border和padding 二、CSS设置盒模型 {代码...} 默认是标准模型 看下面代码,这是一个div的css样式。(默认是标准模型) {代码...} 这时候的width和height就是content...

JavaScript ES6中 class的本质

2019-10-27
阅读 2 分钟
3.4k
es6 - 代码一 {代码...} 上面的代码和java C#等如此相似 es5 - 代码二 {代码...} 上述代码一和代码二其实是一样的,es6的写法明显更为清晰和简单。其实,es6中的class真正的本质是一个语法糖! 不信看下面的:大家猜猜这个Math是什么类型的 {代码...} 答案是 function 另外 {代码...} 这个在 es5那段代码(代码二)中一...

TypeScript学习 泛型

2019-10-26
阅读 3 分钟
2.1k
使用any类型会导致这个函数可以接收任何类型的arg参数,这样就丢失了一些信息:传入的类型与返回的类型应该是相同的。如果我们传入一个数字,我们只知道任何类型的值都有可能被返回。

TypeScript interface 类类型 继承接口

2019-10-23
阅读 2 分钟
12.1k
类实现接口 一个类实现一个接口,与Java里接口的基本作用一样。 一个demo🌰 {代码...} 打印结果: {代码...} 继承接口 接口可以相互继承 一个demo🌰 {代码...} 类必须实现它的接口的所有属性,包括它继承自父类的属性 💦另外:接口可以多继承:一个接口可以继承多个接口 一个demo🌰 {代码...} Golden 实现了 Dog接口,Dog接...

TypeScript interface 函数类型 可索引类型

2019-10-23
阅读 1 分钟
5.8k
接口能够描述JavaScript中对象拥有的各种各样的外形。 除了描述带有属性的普通对象外,接口也可以描述函数类型。 ---- 中文官方文档

TypeScript学习 接口interface(二)可选属性、只读属性

2019-10-22
阅读 2 分钟
5k
可选属性 接口里的属性不全是必须的,有些可以不用 一个示例🌰: 首先创建一个带有可选属性的接口 {代码...} 然后定义打印此人签名的函数 {代码...} 因为是可选属性,所以当有signature属性时就打印,没有就答应函数内部默认的一句话--“这个家伙很懒,什么也没留下” 定义两个符合要求的参数一个有这个属性,一个没 {代码....

TypeScript学习 接口interface初识

2019-10-22
阅读 1 分钟
1.3k
接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 -----来源:官方文档 个人理解 我的理解:接口就是一个自定义的类型 一个示例🌰: 求一个数的平方 {代码...} 这时候编辑器规范这个参数类型,类型就是后面的number 下方的官方代码🌰 {代码...} 这时候就当作labelledObj的参数类型为LabelledValue。👀Label...

基于vue.js 和node构建的个人博客项目(前后端分离)

2019-10-20
阅读 1 分钟
10.3k
前端:html、css、sass、ES6、webpack、vue-cli、vue2、vuex、vue-router、axios、element-ui

侧边栏高度随中间内容高度自适应

2019-08-30
阅读 1 分钟
3k
经常看见一个管理系统右侧边栏,要使得侧边高度随着和中间内容增多而增高。如图: 实现css代码: {代码...} 完整代码

js深度克隆的几种方法

2019-07-26
阅读 1 分钟
16.3k
方法一 老老实实敲代码法(迭代法,适用于所有) {代码...} 方法二 利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象 {代码...} 缺点: 如果obj里面有时间对象,则JSON.stringify后再JSON.parse的结果,时间将只是字符串的形式。而不是时间对象; 如果obj里有RegExp、Error对...

ubuntu远程搭建 lamp环境

2019-07-08
阅读 1 分钟
2.4k
最近服务器重装了,安装环境的时候百度了很多,为了以后方便,特此整理 一、安装Apache {代码...} 进行以上操作之后可以在本地输入服务器的ip地址,看是否成功 二、安装mysql {代码...} 三、安装php 安装 {代码...} 查看版本 {代码...} 输出phpinfo {代码...} 访问验证 {代码...} 四、远程连接mysql服务器 连接不上不上...

vue 中使用 vue-echarts 插件

2019-05-29
阅读 3 分钟
10.5k
安装依赖 {代码...} 引入依赖 main.js {代码...} 在组件中使用echarts 首先得在Script中引入需要的图表类型和参数组件 {代码...} 然后就可以在<template>中使用 {代码...} 定义动态的options参数 引号中参数可以换其他的名称 {代码...} 在页面挂载时赋值获取的options // 注意这里可以是从后台获取的,现在我们用...

node.js 原生的post和get请求

2019-05-27
阅读 2 分钟
4.1k
把今天学到的东西记录一下 {代码...}

在vue2中使用echarts (Vue-ECharts插件)

2019-05-11
阅读 5 分钟
19.6k
Vue-ECharts 默认在 webpack 环境下会引入未编译的源码版本,如果你正在使用官方的 Vue CLI 来创建项目,可能会遇到默认配置把 node_modules 中的文件排除在 Babel 转译范围以外的问题。请按如下方法修改配置:

Symbol 类型

2019-05-09
阅读 4 分钟
2.3k
根据规范,对象的属性键只能是 String 类型或者 Symbol 类型。不是 Number,也不是 Boolean,只有 String 或 Symbol 这两种类型。

原生javaScript实现Ajax 和 jQuery实现Ajax

2019-04-21
阅读 2 分钟
3.6k
open()方法后面的参数true和false,表示异步和同步,同步(false)就是先吃完饭才能看电视,异步(true)就是边吃饭边看电视**

JavaScript检测数据类型

2019-04-20
阅读 2 分钟
1.7k
1.typeof typeof 操作符是确定一个变量是String、Number、Boolean,还是undefined的最佳工具 引用来源:《JavaScript高级程序设计》图灵程序设计丛书 看下面例子: {代码...} ok,都检测出来了,but, 如果检测的是一个对象或者null,就会会返回Object,如下: {代码...} 看吧,一点区分度也没有。 所以: 在检测基本数据...

CSS Position(定位)

2019-04-19
阅读 2 分钟
4.2k
position属性只是定义元素的定位方式,要想此元素能按照希望的位置显示,就需要使⽤下⾯的属性(position:static不⽀持这些):

CSS浮动float

2019-04-19
阅读 1 分钟
2.1k
参考教程(经验分享:CSS浮动(float,clear)通俗讲解) 首先了解一下标准文档流的排版:从上到下,从左到右,遇块换行 浮动可以理解为让某个div元素脱离文档流,漂浮在文档流之上 block元素无视float元素 啥意思呢,就是A和B两个block(块级)元素在排队买东西,A在前面,那么B只能遵守规则(标准文档流的遇块换行)突然A膨...

盒子模型

2019-04-19
阅读 2 分钟
1.4k
盒子模型 padding 可以设置四个值,如图 {代码...} 表示内边距,内容与盒子上右下左的距离。 记住顺时针转就行。 如果padding不全,那么就和对面的padding一样。如图,只规定了两个,但是在下面的盒子模型中默认使得对面的padding属性一致。 只规定一个,那么上下左右内边距均为一致。 还可以单独设置内边距 {代码...} ...

为VUE 脚手架中自定义title标签页小图标

2019-04-17
阅读 1 分钟
12.6k
效果如图所示: 一、 在项目index.html同级目录下添加favicon.ico文件 二、 在项目index.html中引入 {代码...} 三、 配置webpack配置文件(build文件夹下面) 在下面两个配置文件中加入: {代码...} 具体位置: 1.webpack.dev.conf.js {代码...} 2. webpack.prod.config.js {代码...} 四、 重新运行vue项目 {代码...}

ES6基础

2019-04-16
阅读 3 分钟
1.2k
一、块级作用域 1. var 首先看看ES5中得变量声明方式 {代码...} 以上代码等同于 {代码...} 以上可知 : 在块内部定义变量 变量提升,到函数最顶部 通过var声明的变量,无论在何处声明,均为全局作用域 2.let 和 const 再来看看ES6中的let和const let {代码...} 此时在{} 外部访问b 将会报错,因为 let 的作用域仅为 { } ...