ECharts官网教程 详情请看官网教程 前言：相信很多人有这种需求，在点击折线图非节点的时候不能触发点击事件，而官网又没有这方面的教程，只能自己默默的研究了 解决方案如下: // 基于准备好的dom，初始化echart…
分类：css
Commit message 代码提交规范
Commit message 代码提交规范**前言**在多人协作项目中，如果代码风格统一、代码提交信息的说明准确，那么在后期协作以及Bug处理时会更加方便。Git 每次提交代码，都要写 Commit message（提交…
git 的日常使用
git 本地新建分支，并上传到远程 git branch -a // 查看所有分支（本地分支以及远程分支） git checkout -b 分支名字 // 在本地新建分支 git push --set-upstream …
我是如何自学C语言的（一个菜鸟的学习路）
首先，本人也是一个菜鸟，目前依然还在学习，当初在我开始自学C语言的时候，走过了好多弯路，如果你看到这篇文章，希望你不要走我走过的弯路，这也是我写这篇文章的目的，我也不想像老头子一样叨叨叨，哪些要做，哪些不要做，好像自己很…
canvas动画合集Vue组件
vue-canvas-effect canvas动画合集Vue组件 <p align=”center”> [? online demo](https://chenxuan0000.gi…
HTML CSS 实现鼠标悬停时图片拉近效果
前言 为了让网页的使用体验更好，我们会让网页的某些元素对鼠标的动作做出响应。例如鼠标滑过、单击按钮的时候按钮变色、变形。之前在很多网页上看到了鼠标滑过一个图片链接时图片放大、拉近的效果，今天尝试实现一下。 1. 使用ba…
利用transform skewX制作平行四边形导航菜单
平行四边形其实是矩形的超集：它的各条边是两两平行的，但各个角则不一定都是直角。在视觉设计中，平行四边形往往可以传达出一种动感。让我们试着用 CSS 创建一个按钮状的平行四边形链接。我们的起点就是一个普通的块状按钮，辅以一…
我的前端组件 ---- 16:9固定宽高比例的div
目标：遇到一个需求，让图片在页面中，不管宽度如何变化。宽高保持16：9的比例。 实现： 方法一：这也是比较经典的一个方法，利用padding-bottom来实现。 <!DOCTYPE html> <ht…
浏览器输入url到发起http请求所经历的过程
用户输入url 当用户输入url，操作系统会将输入事件传递到浏览器中，在这过程中，浏览器可能会做一些预处理，比如 Chrome 会根据历史统计来预估所输入字符对应的网站，例如输入goog，根据之前的历史发现 90% 的概…
【学习笔记】CSS深入理解之padding
张鑫旭的CSS深入理解之padding学习笔记 padding与容器的尺寸 block元素 padding值过大，一定影响元素尺寸 width为定值，padding会影响元素尺寸 width为auto或者box-sizi…
前端实用小工具
1、类型判断 判断 Target 的类型，单单用 typeof 并无法完全满足，这其实并不是 bug，本质原因是 JS 的万物皆对象的理论。因此要真正完美判断时，我们需要区分对待: 基本类型(null): 使用 Stri…
css居中总结
前言 一直有个想法要把各种居中的方法总结一下，但还是一直没有时间去整理。最近刚好在做样式重构的项目，顺便把一下自己有用过的或积累的居中方法给总结一下。 水平居中 行内元素水平居中 行内元素的居中比较简单，直接使用text…
