自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 k8s(阿里云)

环境 操作系统:ubuntu18.10 docker:docker-ce 18.06 kubernetes:k8s 1.13.1 操作步骤 安装(https://www.runoob.com/docker/ubuntu-docker-install.html) 卸载旧版本 apt-get rem...

2019-12-11 18:36:08

阅读数 17

评论数 0

原创 go语言基础

go变量 package main import "fmt" var aa = "aa" var bb = "bb" func variableZeroValue(){ var a,b ,c, d = 3,4,"aaa&q...

2020-01-17 18:45:56

阅读数 10

评论数 0

原创 简易版vue

index.html <!DOCTYPE html> <html lang="en"> <body> <div id="app"> <input v-model="na...

2020-01-14 15:19:44

阅读数 8

评论数 0

原创 断点上传(未完)

思路 对文件进行切片 将切片传输给服务器 <template> <div class="home"> <input type="file" @change="handleFileChange"...

2020-01-13 16:03:54

阅读数 50

评论数 0

原创 vue watch实现

vue双向绑定是建立在,给每个属性建立了getter与setter,在属性被改变的同时,触发视图再渲染 getter是一种获取属性值的方法,setter是一种设置属性值的方法。 当属性,a = 1被触发时,setter被触发,console.log(a)则getter被触发 实现setter与ge...

2020-01-12 12:35:45

阅读数 13

评论数 0

原创 vue-router源码实现

标准使用 npm install vue-router --save 在src目录下,新建router文件夹,分别新建routes.js,index.js文件 routes.js代码如下所示: import Home from './../views/Home'; imp...

2020-01-02 09:53:28

阅读数 11

评论数 1

原创 node与kafka结合

centos7安装kafka 参考文章:https://www.cnblogs.com/yangk1996/p/10841588.html 安装注意事项(以阿里云服务器为例) 在配置config下面的server.properties文件,增加ip映射,如果不增加就是locahost。这样没...

2019-12-31 09:56:14

阅读数 6

评论数 0

原创 vuex源码

https://blog.csdn.net/qq_36407748/article/details/102778062

2019-12-28 13:12:56

阅读数 4

评论数 0

原创 每日css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>地球动画</title> ...

2019-12-23 19:08:05

阅读数 6

评论数 0

原创 每日css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-12-19 18:57:19

阅读数 4

评论数 0

原创 vue翻牌动画

应用场景 常用于大屏订单数量展示 原理 利用css writing-mode: vertical-rl 使数字垂直排列 利用css transform 使数字滚动 实现思路 根据css先让数字垂直排列,总共设置8列 根据组件传递的数值,如果不满8位,递归补零 补零之后,循环根据 transl...

2019-12-14 19:11:18

阅读数 25

评论数 0

原创 canvas饼状图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> &...

2019-12-05 18:20:15

阅读数 12

评论数 0

原创 canvas基础归纳

基础知识 beginPath()新建一条路径,生成之后,图形绘制命令被指向到路径上生成路径。 closePath()闭合路径之后图形绘制命令又重新指向到上下文中。 stroke()通过线条来绘制图形轮廓。 fill()通过填充路径的内容区域生成实心的图形。 lineTo(x, y)绘制一条从当前位...

2019-11-30 19:20:49

阅读数 3

评论数 0

原创 每日css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-11-30 18:27:48

阅读数 3

评论数 0

原创 前端代码规范(参考腾讯前端规范)

命名 驼峰命名 采用驼峰命名法 大驼峰命名:首字母大写 小驼峰命名:首字母小写 文件资源命名 文件名建议只用小写,不使用大写字母(为了提醒,某些说明文件可以使用大写,比如README) 文件名包含多个单词时,单词之间建议使用连词线(-)分割 引入资源使用相对路径,不要指定资源的具体协议(...

2019-11-29 14:44:45

阅读数 34

评论数 0

原创 每日css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-11-29 13:26:34

阅读数 2

评论数 0

原创 每日css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-11-28 19:38:57

阅读数 2

评论数 0

原创 前端算法

两数之和 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是,你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 ...

2019-11-28 19:14:22

阅读数 10

评论数 0

原创 js上拉下拉回弹

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-11-22 11:55:01

阅读数 7

评论数 0

原创 小程序云开发

新增一条数据 直接添加 const db = wx.cloud.database(); const dbCollections = db.collection('products') add(){ dbCollections.add({ dat...

2019-11-22 09:50:42

阅读数 11

评论数 0

原创 vue骨架屏

skeleton.vue <template> <div class="skeleton-wrapper"> <div class="skeleton-content"> &...

2019-11-18 11:57:37

阅读数 7

评论数 0

原创 小程序骨架屏

/Components/Skeleton/Skeleton.js Component({ properties: { bgcolor: { type: String, value: '#FFF' }, selector: { ...

2019-11-18 11:34:19

阅读数 11

评论数 0

原创 async-validator

参考地址 https://github.com/tmpfs/async-validate https://www.cnblogs.com/wozho/p/10955525.html 基本使用 定义一个 descriptor,将它传入 schema,得到一个 validator。将需要校验的对象...

2019-11-16 16:43:46

阅读数 13

评论数 0

原创 axios简易版源码分析

https://github.com/niuyueyang/axios/tree/master

2019-11-16 11:53:58

阅读数 4

评论数 0

原创 pwa demo

html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&...

2019-11-14 16:09:09

阅读数 4

评论数 0

原创 react hooks基础demo

hooks基础demo import React,{useState,useEffect,createContext,useContext,useMemo,memo,useRef,PureComponent} from 'react' const CountText = cr...

2019-11-14 14:25:20

阅读数 8

评论数 0

原创 音频可视化

https://github.com/alex2wong/vudio.js

2019-11-10 22:10:54

阅读数 20

评论数 0

原创 svrx-前端开发工具

本文将介绍一款全新的前端开发工具,希望它能给你的前端开发带来看起来和现在一样但其实又不那么一样的体验。 你可能会说,大家都是 秃头的 成熟的前端程序员了,每一台电脑上都有几套自己辛辛苦苦装好的全家桶,为什么还要新换一个开发工具? 对,盲生,你可能发现了华点。 数一数你电脑上目前为前端本地开发安装了...

2019-11-10 01:36:09

阅读数 35

评论数 0

原创 前端埋点

指令式埋点 //统计点击按钮 Vue.directive('stat', { bind(el, binding) { el.addEventListener('click', () => { const data = bind...

2019-11-01 20:42:22

阅读数 6

评论数 0

原创 Promise实现(更新中)

第一版 // Promise.js const PENDING = 'pending'; const FULLFILLED='fullfilled' const REJECTED='rejected' function Promise(e...

2019-10-30 22:37:54

阅读数 2

评论数 0

原创 vue骨架屏方案及vue-cli3优化

https://github.com/niuyueyang/gujiaping

2019-09-16 21:42:56

阅读数 68

评论数 0

原创 树形组件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>树形组件</title> <style> ...

2019-09-12 17:42:07

阅读数 25

评论数 0

原创 canvas签字

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...

2019-09-03 15:36:06

阅读数 43

评论数 0

原创 vue-cli单元化测试(更新中)

利用jest进行测试 新建jest.config.js module.exports = { moduleFileExtensions: [ 'js', 'jsx', 'json', 'vue' ], trans...

2019-08-31 23:26:24

阅读数 19

评论数 0

原创 移动端适配方案

rem 媒体查询 vw,vh(安装postcss-px-to-viewport插件后进行简单配置就可以在页面直接使用px单位,项目编译后自动转换为对应的vw或vh属性) npm install postcss-loader autoprefixer postcss-px-to-viewport ...

2019-08-27 20:44:33

阅读数 13

评论数 0

原创 js函数实现

// call实现 // 思路:将要改变this指向的方法挂到目标this上执行并返回 Function.prototype.mycall=function(context){ if(typeof this!=='function'){ throw new TypeErr...

2019-08-25 23:29:43

阅读数 21

评论数 0

原创 虚拟dom

https://juejin.im/post/5d5d32e251882545e41e655d

2019-08-25 18:56:04

阅读数 9

评论数 0

原创 vue优化实践

vue优化 v-if 和 v-show 区分使用场景 v-if是真正条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 v-show 就简单得多, 不管初始条件是什么...

2019-08-25 18:42:09

阅读数 36

评论数 0

原创 ie8兼容性解决

css3媒体查询 在ie8的css位置引入respond.js ie8不支持html5新标签 html5shiv.js,在页面中引用html5shiv.js文件。必须添加在页面的元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部引用。 rem不兼容 在页面中引用re...

2019-08-21 08:55:44

阅读数 18

评论数 0

原创 js设计者模式

观察者模式 class Event { constructor () { this.callbacks = {} } $off (name) { this.callbacks[name] = null } $emit (name, args) { le...

2019-08-09 08:58:01

阅读数 25

评论数 0

提示
确定要删除当前文章?
取消 删除