君君~~~-CSDN博客

原创轻松简单教你学会flex布局

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}

2021-08-23 15:44:56 133

原创在html中如何做SEO优化

在这之前你是不是连SEO是什么都不知道啊！这是阿里的一道面试题。在这里做一下记录。要知道如何做SEO优化，我们首先要知道SEO是什么什么是SEO？SEO就是搜索引擎优化，利用百度合理规则使其要优化的关键词在搜索引擎达到一个好的排名，最终展现给需要的人群看到，让你的网站更具价值哦！SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好(Search Engine Friendly)，从而更容易被搜索引擎收录及优先排序从属于SEM(搜索引擎营销)。SEO的中

2021-08-23 12:01:59 2491

原创 CSS——sprites的的原理和作用

相信大家和我一样之前都没听过sprites这个东西吧，我也是在一次面试题中遇到，这个问题经常会出现在企业面试题中。CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越

2021-08-19 16:05:57 344

原创最详细的apply、call、bind手写实现教学

1、callFunction.prototype.call语法fun.call(thisArg[,arg1[,arg2[, ...]]])参数thisArg在fun运行时指定的this值。arg1, arg2, ...给到fun的参数列表（每个参数都写出来）。返回值使用调用者提供的this值和参数调用该函数的返回值。若该方法没有返回值，则返回undefined。2、applyFunction.prototype.apply语法fun.apply(thisArg, [ar

2021-08-19 15:47:57 442

原创有关浏览器跨域获取数据的几种形式

1.CORSCORS（Corss-Origin Resource Sharing,跨资源共享），基本思想是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应的成功或失败。即给请求附加一个额外的Origin头部，其中包含请求页面的源信息（协议、域名和端口），以便服务器根据这个头部决定是否给予响应。2.document.domain将页面的document.domain设置为相同的值，页面间可以互相访问对方的JavaScript对象。注意：不能将值设置为URL中不包含的域；松散的

2021-08-19 14:26:36 180

原创 LRU缓存机制

LRU：是Least Recently Used的缩写，即最近最少使用，是一种常用的页面置换算法，选择最近最久未使用的页面予以淘汰。LRU缓存设计和构建一个“最近最少使用”缓存，该缓存会删除最近最少使用的项目。缓存应该从键映射到值(允许你插入和检索特定键对应的值)，并在初始化时指定最大容量。当缓存被填满时，它应该删除最近最少使用的项目。支持操作获取数据 get(key) ：如果密钥 (key) 存在于缓存中，则获取密钥的值（总是正数），否则返回 -1。写入数据 put(key, value) ：如

2021-08-03 17:01:56 213

原创 BOM介绍

1、JS基础包含三个部分：ECMAScriptDOM（文档对象类型：操作网页上的元素的API）BOM（浏览器对象类型：操作浏览器部分功能的API）2、window对象时BOM的顶层（核心对象），所有对象都是通过window延申出来的，也称为window的子对象DOM是BOM的一部分3、window对象：window对象是JavaScriipt中的顶级对象全局变量，自定义函数也是window对象下的属性和方法调用时，可以省略window。4、BOM的常见内置方法和内置对象弹

2020-12-15 11:26:01 325 1

原创使用git rebase进行多人开发合作

使用git rebase进行多人开发合作流程图操作操作目的fork分支$1600手机$12导管$1Column 1Column 2centered 文本居中right-aligned 文本居右

2020-11-24 15:22:10 533

原创简要解析vuex的用法

相信大部分人都和我一样，学习了vue之后对vuex的知识总是模模糊糊，这里给大家总结了一份快速易懂的知识点，希望大家早点学会vuex的使用！！！1、vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化这个状态自管理应用包含以下几个部分：state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。2

2020-11-24 14:50:18 242

原创简要解析jQuery用法二

1、jQuery 遍历jQuery 遍历 - 祖先：向上遍历Dom树parent()：返回被选元素的直接父元素parents()：返回被选元素的所有祖先元素，它一路向上直到文档的根元素 ()parentsUntil()：返回介于两个给定元素之间的所有祖先元素$(document).ready(function(){ $("span").parentsUntil("div");});2、jQuery 遍历 - 后代用于向下遍历 DOM 树的 jQuery 方法children()

2020-11-16 11:59:50 76

原创简要解析jQuery的用法知识点

jQuery语法一、语法实例(演示hide函数)$(this).hide（）：隐藏当前的HTML元素$("#test").hide（）：隐藏id=“test"的元素$(“p”).hide（）：隐藏元素$(”.test").hide（）：隐藏class="test"元素二、jQuery语法

2020-11-13 17:58:39 84

原创 JSX解析

什么是JSXJSX是JavaScript XML,是React提供的Syntax Sugar, 能让我们可以在JS中写html标记语言。1、可以在常规的html代码标签中插入**任意有效的JS表达式(包括函数）**无需加上$<div>{函数名(参数props)}</div>2、JSX编译后是一个函数调用，返回值为JS对象，所以JSX也可以作为表达式3、在标签中添加属性，属性值为字符串时使用""，为对象或表达式时使用{}，key采用驼峰命名，另外添加自定义需要渲染的属性，最

2020-11-05 10:24:29 1485

weixin_45819276的博客