响应式布局笔记
封面图片 本笔记内容来自慕课网实战教程响应式开发一招致胜 1. 响应式工具https://caniuse.com/（Web前端兼容性查看网站）http://gs.statcounter.com/（是美国一家网站通讯流量监测机构，提供各种类型的统计报告以及网站流量统计服务） 媒体查询： 123 @media all and (min-width:800px) and (orientaio...
Webpack 笔记
本笔记内容来自一小时包教会 —— webpack 入门指南 安装和配置1. 安装使用 npm 的形式来安装 1$ npm install webpack -g 需要把依赖写入package.json包，更人性化 12$ npm init$ npm install webpack --save-dev 2. 配置每个项目下都必须配置有一个webpack.config.js。 示例： ...
CSS 布局
1.盒模型box-sizing详细介绍 display: 确定元素的显示类型block/inline/inline-block position: 确定元素的位置static/relative/(absolute/fixed)脱离文档流 2.table 表格布局1234567891011121314151617181920212223242526# HTML<div class=&q...
CSS 效果
1.box-shadow1234567891011121314151617181920# HTML<body> <div class="container"> </div> <div class="container"> </div></body># CSS...
CSS 动画
1.动画原理1.视觉暂留作用2.画面逐渐变化 2.动画的作用1.用户的愉悦感2.引起注意3.反馈4.演示5.掩饰 3.CSS中的动画类型1.transition补间动画2.keyframe关键帧动画3.逐帧动画 4.补间动画位置 - 平移(left / right / margin / transform)方位 - 旋转(transform)大小 - 缩放(transform)透明度(...
Javascript 小技巧
1.BootStrap 中的 data-toggle / data-target 触发问题问题：当标签内有 data-toggle / data-target / area-hidden 等BootStrap属性时，很难使用 JavaScript / jQuery 来进行增删。 解决方法：使用 $('').click() 方法触发它本身的事件即可。 2.时间戳与时间互转12...
Anv G2 Plot 使用遇到的 Bug
父子传值问题在 Vue + Ant Design + Anv G2 Plot 的情况下遇到挺有趣的 bug 有三个组件，Index是父组件，kka 和 content 是子组件 我贪图方便，新弄了一个中间文件（ kka-content.js ），让这个中间文件“存储”一个值，我在 kka 中改变了这个值（ emit ），content 能监听到（emit），content能监听到（on），那...