CSS中的flex布局
CSS中的flex布局
一.flex布局的基本概念
1.什么是flex布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以通过 inline-flex 使属性值用 Flex 布局。
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成
前端
vue3.2中setup语法糖与vue2.0script 区别
1.起初vue2.0+暴露变量必须return出来，template中才能使用。
vue3.0+现在只需在script标签中添加setup。
组件只需引入不用注册，属性和方法也不用返回，也不会写setup函数，也不用export default，甚至是自定义指令也可以在我们的tempate中自动获得。
<template>
<my-component:num="num" @cli
组件分享之前端组件——用于自定义表单的前端组件form-create
组件分享之前端组件——用于自定义表单的前端组件form-create
背景
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
组件基本信息
组件：form-create
开源协议：MIT license
官网：www.form-create.com/v2/
内容
本次
CSS基础-13-垂直导航栏（详细创建过程）
@[toc]
前言
一步一步做出一个完整的导航栏
1. 最简导航栏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello world</title>
<style>
ul {
list-style-type: none;
【R画图学习17.1】拼图软件1---patchwork
其实前面在学习的时候也陆陆续续的用过一些拼图的包，像par，cowplot，patchwork等。但是，感受下来好像最好用的还是patchwork，所以今天详细的学习一下。因为最新版本里面支持将ggplot与non-ggplot对象进行拼接。并且还有其它很多优点：可以给子图添加标记（ABCD...）；可以将子图的图例移到一起；可以统一修改子图；也可以直接p1+p2出图等。
我们用自带的mtcars
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
vue中,我们有时候需要实现这种场景:
1.搜索页面到列表页面，需要刷新重新获取数据。
2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下：
效果图
第一步:在路由配置文件中为列表页设置meta参数，里面包含useCatch和keepAlive
{
path: "/sportPrdtList",
name: "sportPrdtList",
网站内容禁止复制的js代码
网站内容禁止复制的js代码
这篇文章主要介绍了JS如何实现网站内容禁止复制的方法，希望可以帮助到你~
方法1：
在网页中加入以下代码：
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
方法2
Px，em，rem的区别
在css中单位长度用的最多的是px、em、rem，这三个的区别是：
1.px是固定的像素，一旦设置了就无法因为适应页面大小而改变。
2.em和rem相对于px更具有灵活性，他们是相对长度单位，长度不是定死了的，更适用于响应式布局。
3.em是相对于其父元素来设置字体大小的，一般都是以<body>的“font-size为准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元
