2020年8月23日
flex布局
摘要： <style> div{ /* 必须并且只能给父元素添加 */ display: flex; /* flex-direction设置主轴方向 默认的主轴是x轴 默认值是row，从左到右*/ /* flex-direction:row ; */ /* 翻转x轴排列方向 不常用 */ /* flex-d 阅读全文
posted @ 2020-08-23 11:20 不吃肉的羊 阅读(170) 评论(0) 推荐(0) 编辑
媒体查询
摘要： //媒体查询最好是从小往大写用min-width //min-width的意思是当窗口大于或是等于750px时执行下面样式 //max-width的意思是当窗口小于或等于750px时执行下面样式 @media screen and (min-width:750px) { html { font-si 阅读全文
posted @ 2020-08-23 09:28 不吃肉的羊 阅读(124) 评论(0) 推荐(0) 编辑
transform详细解释
摘要： Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动trans 阅读全文
posted @ 2020-08-23 09:09 不吃肉的羊 阅读(2724) 评论(0) 推荐(0) 编辑
2020年8月22日
Vscode前段常用插件
摘要： vscode 前端常用插件推荐 1. vscode 简介1.vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。2.当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。3.比起n 阅读全文
posted @ 2020-08-22 17:23 不吃肉的羊 阅读(453) 评论(0) 推荐(0) 编辑
Vscode离线安装插件
摘要： 非原创，仅用于个人备份方便查找 1、进入vscode插件官网（https://marketplace.visualstudio.com/） 2、找到需要安装的插件 3、如何下载 https://code.visualstudio.com/docs/editor/extension-gallery?p 阅读全文
posted @ 2020-08-22 14:53 不吃肉的羊 阅读(2084) 评论(0) 推荐(0) 编辑
CSS 实现绘制各种三角形
摘要： 纯 CSS 实现绘制各种三角形（各种角度） 一、前言 三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparent。（2）有两个 阅读全文
posted @ 2020-08-22 08:10 不吃肉的羊 阅读(181) 评论(0) 推荐(0) 编辑
flex布局
摘要： 一篇文章弄懂flex布局 壹 ❀ 引 谈到flex布局，我不知道有多少人跟我一样，在本能的想到justify-content:center与align-items:center两条属性之后，除此之外的其它属性居然显得格外陌生。 可以说包括我在内的大部分人，都是在被flex垂直水平居中方式所惊艳后才对 阅读全文
posted @ 2020-08-22 08:09 不吃肉的羊 阅读(245) 评论(0) 推荐(0) 编辑
2020年8月13日
js实现全选和取消全选
摘要： HTMl <input type="checkbox" name="allCheckBox" /> <br/> <input type="checkbox" name="checkbox" /> <input type="checkbox" name="checkbox" /> <input typ 阅读全文
posted @ 2020-08-13 14:49 不吃肉的羊 阅读(800) 评论(0) 推荐(0) 编辑
购物车用Ajax向后台传参
摘要： 因为购物车是有多种商品所以这个写 <script> //提交订单 获取数据传到后端存session $('#J_Go').click(function(){ var arr = []; //判断选中了那几个 $("input[name='checkbox']:checked").each(funct 阅读全文
posted @ 2020-08-13 09:31 不吃肉的羊 阅读(391) 评论(0) 推荐(0) 编辑
省市区三级联动
摘要： HTML <div class="am-form-content address"> <select name="province" id="province" onchange="loadRegion('province',2,'city');"> <option value="0" select 阅读全文
posted @ 2020-08-13 09:22 不吃肉的羊 阅读(217) 评论(0) 推荐(0) 编辑