- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 阮一峰老师 flex布局语法篇和实战篇(转载)
确实比一般教程写的清晰明了易懂1.flex布局语法篇网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选.
2020-09-30 10:01:17
1890
转载 阮一峰老师 只要一行代码，实现五种CSS经典布局(转载)
只要一行代码，实现五种 CSS 经典布局 作者： 阮一峰日期： 2020年8月10日 页面布局是样式开发的第一步，也是 CSS 最重要的功能之一。 常用的页面布局，其实就那么几个。下面我会介绍5个经典布局，只要掌握了它们，就能应对绝大多数常规页...
2020-09-30 09:40:03
3768
2
转载 阮一峰老师 CSS Grid 网格布局教程(转载)
特别声明：这篇博客转载于阮一峰老师，转载是为了方便日后复习，实在写的太棒了。 <!-- div class="asset-body" --> <h2>一、概述</h2>网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的.
2020-09-30 08:35:29
31397
1
原创 将Vue项目部署到阿里云服务器的CentOS系统以及nginx服务器的安装与配置
下面的操作是在ES服务器终端上输入命令安装nginx，所以你得先有一台服务器。连接阿里云服务器终端有很多工具，这里可以使用阿里云服务器自带的远程连接，也可以使用Xshell软件。文章目录Nginx的安装1 安装编译工具及库文件2.安装PCRE3.安装nginx4.nginx配置(重点)5. 将vue打包的dist文件部署到阿里云服务器Nginx的安装1 安装编译工具及库文件 yum -y install make zlib zlib-devel gcc-c++ libtool openssl .
2020-09-27 16:06:30
680
原创 原生js、css分别实现提示框渐渐消失的效果
效果展示：方法一：(js)思路：通过js修改dom的visibility、opacity的属性来实现效果。 <div id="remind"> {{ changeState ? "添加至购物车" : "从购物车删除" }} <div class="triangle"></div> </div> addToCart: function() { //发送给父组件，在父组件获取该货物的id，并存在vue
2020-09-26 10:26:34
1830
原创 vue使用prop通信出错:Avoid mutating a prop directly since the value will be overwritten whenever the parent
使用props进行父子组件通信时产生错误：Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “currentIndex”产生错误的原因：在子组件中，你试图修改父组.
2020-09-19 15:32:13
45983
4
原创 关于column-count多列布局出现“列中间有白缝”和“一个内容被切割在两列显示”的解决方法
1.中间有白缝现象：我在项目中使用column-count:2，进行瀑布流布局，然后误认为每列的宽度为屏幕的一半，经反复测试发现使用多列布局会有默认的column-gap:30px(值不够准确，但肯定有默认值)的列间隔，这就导致出现白缝：只要在设置column-count的容器中，使用：-webkit-column-gap: 0px;这时每列的宽度才是屏幕的一半。2.内容在两列显示：为什么会出现这样的原因？应该是它的计算原理：将所有容器的高度求和，然后再除以列数，得出每列显示的内容高度。
2020-09-17 23:01:24
2440
原创 Vue封装 轮播图 组件 (传入链接、图片即可使用)
1.先看效果图：2.目录：3.Swiper.vue源码：<template> <div id="mySwiper"> <div class="swiper" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" > <slot></slot> </div>
2020-09-16 22:59:18
4903
7
原创 如何将本地项目与远程仓库git连接
我本地的项目是一个vue开发的商城，在开发前，先将它与远程仓库进行连接。注意：我这里用到的编程工具是vscode，但任何工具都是大同小异。1.在github中创建一个仓库这样即创建好了一个仓库，在这里我们先知道这个仓库的地址。2.在Vscode创建一个本地的vue项目创建vue项目在这里就不再累述，就假设各位已经创建好了项目。这时我们就需要在终端使用命令将在远程仓库git创建的项目拷贝在一个空文件夹中(下面的地址即是上面图中圈出来的地址)。git clone "https://gi.
2020-09-14 11:13:00
3026
1
原创 50道前端面试题(含答案) 拿高薪 查漏补缺
1.根据下面效果设计页面：(腾讯面试稿)两点要求：自适应宽度，左右两栏固定宽度，中间栏优先加载；要考虑换肤；参考答案：自适应宽度，左右两栏固定宽度，中间栏优先加载，可以采用双飞翼布局。(中间栏如何实现优先加载：HTML是由上往下加载的，因此将中间栏地html结构写在左右两栏前面即可。再利用布局实现左、中、右排布)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"
2020-09-05 00:15:25
1973
计算机网络实验三.docx
2020-06-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人