CSS3
sunwan19941023
这个作者很懒,什么都没留下…
展开
-
jquery和bootstrap的介绍与区别
Bootstrap简单介绍 Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。 CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在Bootstrap CS.原创 2020-11-29 15:10:32 · 331 阅读 · 0 评论 -
CSS预处理器scss、less、stylus的区别
CSS 预处理器是什么?一般来说,它们基于 CSS 扩展了一套属于自己的 DSL,来解决我们书写 CSS 时难以解决的问题: 语法不够强大,比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器; 没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复输出,导致难以维护。 所以这就决定了 CSS 预处理器的主要目标:提供 CSS 缺失的样式层复用机制、减少冗余代码,提高样式代码的可维护性。这不是锦上添花,而恰恰是雪中送炭。 sass(scss) 、less、 stylus等.原创 2020-11-29 14:39:46 · 229 阅读 · 1 评论 -
画一只动态皮卡丘(一)
vue组件中的data必须是函数 类比引用数据类型 Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了; javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){}都不构成作用域),data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响 举个???? const MyComponent = function() {}; MyComponen原创 2020-08-24 20:17:23 · 701 阅读 · 0 评论 -
画一只动态的皮卡丘(四)
vuex是什么? vuex官网 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,统一管理和维护vue的可变状态。 什么情况下应该使用vuex? 多组件共享状态 多个组件使用同一个数据 任何一个组件发生改变 其他的组件也要跟着发生相应的变化 vuex的五个核心属性 五个核心概念:State、Getter、Action、Mutation、Module 一、State state是vuex的全局状态数据 由于vuex状态存储是响应式的,所以vue组件从store中获取状态最简单的方法原创 2020-08-27 17:16:26 · 184 阅读 · 0 评论 -
画一只动态的皮卡丘(三)
手写Promise class Promise2 { succeed = null fail = null state = 'pending' constructor(fn) { fn(this.resolve.bind(this), this.reject.bind(this)) } resolve(result) { setTimeout(() => { this.state = 'fulfilled' this.su原创 2020-08-26 18:01:41 · 171 阅读 · 0 评论 -
画一只动态的皮卡丘(二)
一、跨域产生的原因 出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。 二、什么是跨域 当一个请求url的协议、域名、原创 2020-08-25 18:03:25 · 214 阅读 · 0 评论 -
CSS盒模型简介
CSS盒模型 两种盒模型 content-box 内容盒: 宽度只是内容的宽度 border-box 边框盒: 宽度包括内容+ padding + border的宽度 举例来说,如果写以下代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> <style> .content-box {原创 2020-08-22 22:31:49 · 113 阅读 · 0 评论 -
CSS中选择器的种类及优先级顺序
1、类型选择器 CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器),可以向这种元素类型的每个实例上应用声明。例如,以下简单规则的选择器是H1,因此规则作用于文档中所有的H1元素。 2、简单属性选择器 CLASS属性 CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲,可以使用CLASS属性来分类元素,在样式表中创建规则来引用CLASS属性的值,然后浏览器自动将这些属性应用到该组元素。 类选择器以标志符(句点)开原创 2020-08-22 22:26:36 · 253 阅读 · 0 评论 -
Flex布局以及Flex布局中的常用属性
Flex 布局详解 - Flex布局的常用属性 ...转载 2020-08-22 10:32:57 · 297 阅读 · 1 评论