前端学习

1

Vue3.0 composition api 特性学习

• 邢走在云端   10月5日发布
• 1 收藏

options-api首先我们来看看 option-api。 {代码...} 上面代码的方式就是 option-api, 也是 vue2.x 中最常用的方式。composition-api在vue3.x中，可以使用下面的 composition-api 方式。 {代码...} 解决痛点看下面...

2

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

• 邢走在云端   4月4日发布
• 2 收藏

新华社北京4月3日电 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院今天发布公告，决定2020年4月4日举行全国性哀悼活动。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱...

10

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

• 邢走在云端   2019-12-15 发布
• 7 收藏

vue项目打包后,将文件复制到服务器显然是很麻烦，于是结合网上的资料，写下这篇自动化部署的记录。 一、安装 scp2 {代码...} 二、写好脚本 例如 upload.js （下面任选一个即可） 位置和 package.json平级即可。 ...

1

ES6数据集合 set 和 map

• 邢走在云端   2019-12-12 发布
• 1 收藏

set set 类似于数组，没有重复的元素，开发中可用于去重操作，它的key和value相等 初始化一个set集合 {代码...} 一个属性 size 返回集合的长度（去重后的长度） {代码...} 四个方法 add() 添加一个元素 {代码...}...

3

通过例子讲解BFC

• 邢走在云端   2019-11-18 发布
• 2 收藏

块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 ——来自MDN

4

四种方式进行清除浮动

• 邢走在云端   2019-11-18 发布
• 3 收藏

以下展示了四种方式进行清除浮动 先看一段代码 css {代码...} html {代码...} 下面是结果 因为没有清除浮动，所以子元素没有将父元素撑开，出现上面的情况。 下面是几种清除浮动的方法 1.额外标签法 在最后一个浮...

1

CSS盒子模型

• 邢走在云端   2019-11-10 发布
• 1 收藏

一、基本概念： 标准模型 {代码...} 标准模型的宽高就等于他们content的宽高 ✨这是之前写的标准盒模型，可以去看看 IE模型 {代码...} IE盒模型的宽高包括border和padding 二、CSS设置盒模型 {代码...} 默认是标准...

1

JavaScript ES6中 class的本质

• 邢走在云端   2019-10-27 发布
• 1 收藏

es6 - 代码一 {代码...} 上面的代码和java C#等如此相似 es5 - 代码二 {代码...} 上述代码一和代码二其实是一样的，es6的写法明显更为清晰和简单。其实，es6中的class真正的本质是一个语法糖！ 不信看下面的：大...

4

TypeScript学习 泛型

• 邢走在云端   2019-10-26 发布
• 3 收藏

使用any类型会导致这个函数可以接收任何类型的arg参数，这样就丢失了一些信息：传入的类型与返回的类型应该是相同的。如果我们传入一个数字，我们只知道任何类型的值都有可能被返回。

2

TypeScript interface 类类型 继承接口

• 邢走在云端   2019-10-23 发布
• 1 收藏

类实现接口 一个类实现一个接口，与Java里接口的基本作用一样。 一个demo🌰 {代码...} 打印结果： {代码...} 继承接口 接口可以相互继承 一个demo🌰 {代码...} 类必须实现它的接口的所有属性，包括它继承自父类的属...

0

TypeScript interface 函数类型 可索引类型

• 邢走在云端   2019-10-23 发布
• 收藏

接口能够描述JavaScript中对象拥有的各种各样的外形。 除了描述带有属性的普通对象外，接口也可以描述函数类型。 ---- 中文官方文档

2

TypeScript学习 接口interface（二）可选属性、只读属性

• 邢走在云端   2019-10-22 发布
• 2 收藏

可选属性 接口里的属性不全是必须的，有些可以不用 一个示例🌰： 首先创建一个带有可选属性的接口 {代码...} 然后定义打印此人签名的函数 {代码...} 因为是可选属性，所以当有signature属性时就打印，没有就答应函...

2

TypeScript学习 接口interface初识

• 邢走在云端   2019-10-22 发布
• 2 收藏

接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 -----来源：官方文档 个人理解 我的理解：接口就是一个自定义的类型 一个示例🌰： 求一个数的平方 {代码...} 这时候编辑器规范这个参数类型，类...

21

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

• 邢走在云端   2019-10-20 发布
• 14 收藏

前端：html、css、sass、ES6、webpack、vue-cli、vue2、vuex、vue-router、axios、element-ui

1

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

• 邢走在云端   2019-08-30 发布
• 1 收藏

经常看见一个管理系统右侧边栏，要使得侧边高度随着和中间内容增多而增高。如图： 实现css代码： {代码...} 完整代码

3

js深度克隆的几种方法

• 邢走在云端   2019-07-26 发布
• 2 收藏

方法一 老老实实敲代码法（迭代法，适用于所有） {代码...} 方法二 利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象 {代码...} 缺点： 如果obj里面有时间对象，则JSON...

0

ubuntu远程搭建 lamp环境

• 邢走在云端   2019-07-08 发布
• 收藏

最近服务器重装了，安装环境的时候百度了很多，为了以后方便，特此整理 一、安装Apache {代码...} 进行以上操作之后可以在本地输入服务器的ip地址，看是否成功 二、安装mysql {代码...} 三、安装php 安装 {代码.....

8

vue 中使用 vue-echarts 插件

• 邢走在云端   2019-05-29 发布
• 6 收藏

安装依赖 {代码...} 引入依赖 main.js {代码...} 在组件中使用echarts 首先得在Script中引入需要的图表类型和参数组件 {代码...} 然后就可以在<template>中使用 {代码...} 定义动态的options参数 引号中参...

1

node.js 原生的post和get请求

• 邢走在云端   2019-05-27 发布
• 1 收藏

把今天学到的东西记录一下 {代码...}

6

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

• 邢走在云端   2019-05-11 发布
• 4 收藏

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