CaseyWei的博客_CSDN博客-JS,vuejs,CSS领域博主

CaseyWei

码龄5年

个人简介：感激每个遇见的人

IP 属地：河南省

查看详细资料

7

领奖

总分 3,130 当月 57

个人成就

获得547次点赞
内容获得206次评论
获得1,753次收藏

TA的专栏

兴趣领域设置

前端

前端框架javascriptwebpackes6vue.jscssreact.jsxhtml
后端

node.js
移动开发

flutter
网络

https
PHP

php
微软技术

typescript
小程序

小程序
职场和发展

面试

搜TA的内容

html5实现移动端抢红包雨

html5实现移动端抢红包雨

发布博客 2022.07.29 ·

(转)冒泡排序及优化详解

例如6，4，7，5，1，3，2，当我们进行第一次排序的时候，结果为6，7，5，4，3，2，1，实际上后面有很多次交换比较都是多余的，因为没有产生交换操作。可能在上面这个示例下，可能看不出来效果，但是当数组是，5，4，3，1，2的时候的时候就非常明显了，实际上在第一次循环的时候整个数组就已经完成排序，但是常规版的算法仍然会继续后面的流程，这就是多余的了。没错，这是已经排好序的啊，也就是说因为标志位的存在，上面的循环只会进行一遍，flag没有变成1，整个算法就结束了，这也就是O(n)的来历了！......

发布博客 2022.07.27 ·

JS——事件代理和应用场景

click，mousedown，mouseup，keydown，keyup，keypress从上面应用场景中，我们就可以看到使用事件委托存在两大优点减少整个页面所需的内存，提升整体性能动态绑定，减少重复工作focus、blur这些事件没有事件冒泡机制，所以无法进行委托绑定事件mousemove、mouseout这样的事件，虽然有事件冒泡，但是只能不断通过位置去计算定位，对性能消耗高，因此也是不适合于事件委托的https。......

发布博客 2022.07.21 ·

（转）postMessage使用方法

postMessage使用方法

发布博客 2022.07.16 ·

js——reduce函数详解

reduce 逐个遍历数组元素，每一步都将当前元素的值与上一步的计算结果相加（上一步的计算结果是当前元素之前所有元素的总和）——直到没有更多的元素被相加。语法：参数：一个 “reducer” 函数，包含四个参数：输出结果:原文链接：https://blog.csdn.net/weixin_44374280/article/details/123561555......

发布博客 2022.07.13 ·

（转）webpack简介

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图会映射项目所需的每个模块，并生成一个或多个 bundle。从 v4.0.0 开始，webpack 可以不用再引入一个配置文件来打包项目，然而，但它仍然有着高度可配置性，可以很好满足你的需求。在开始前你需要先理解一些核心概念：本文档旨在给出这些概念的高度概述，同时提供具体概念的详尽相关用例。为了更好地理解模块打包工具

发布博客 2022.07.08 ·

Spring boot与Spring cloud 之间的关系

1、Spring boot 是 Spring （AOP和IOC）的一套快速配置脚手架，可以基于spring boot 快速开发单个微服务； Spring Cloud是一个基于Spring Boot实现的云应用开发工具；Spring Cloud是多个Spring boot微服务的集合，当然不是简单的集合，那么就涉及到微服务的七大原则：1）、围绕业务概念建模经验表明，围绕业务的限界上下文定义的接口，比围绕技术概念定义的接口更加稳定。针对系统如何工作这个领域进行建模，不仅可以帮助我们形成更稳定的接口，也

发布博客 2022.07.06 ·

php——laravel缓存cache

Laravel中的cache为我们提供了三种缓存机制。Redis，memcache，以及框架的文件缓存。这里主要看的是cache中的文件缓存。一：访问多个缓存存储使用 Cache 门面，你可以使用 store 方法访问不同的缓存存储器，传入 store 方法的键就是 cache 配置文件中 stores 配置数组里列出的相应的存储器：二：从缓存中获取数据1：获取数据并设置默认值（1）：正常取值（2）：如果不存在，附默认值（3）：使用闭包操作，附默认值2：检查缓存项是否存在has 方法

发布博客 2022.07.06 ·

谷歌浏览器设置暗黑模式

方法一：在 Chrome 的实验性功能中开启黑暗模式。1、打开 Google Chrome，在地址栏中输入“chrome://flags”，回车，进入实验性功能页面；2、在搜索框中搜索“Auto Dark Mode for Web Contents”；3、点击“Force Dark Mode for Web Contents”后面的按钮，选择【Enabled】；4、点击右下角的【Relaunch】按钮，重启浏览器，开启黑暗模式。方法二：使用浏览器插件Dark Mode 开启黑暗模式.

发布博客 2022.04.24 ·

(转)Git stash 常见用法

git stash这个命令可以将当前的工作状态保存到git栈，在需要的时候再恢复　　1.1 git stash　　　　保存当前的工作区与暂存区的状态，把当前的工作隐藏起来，等以后需要的时候再恢复，git stash 这个命令可以多次使用，每次使用都会新加一个stash@{num}，num是编号　　1.2 git stash pop　　　　默认恢复git栈中最新的一个stash@{num}，建议在git栈中只有一条的时候使用，以免混乱　　1.3 git stash list　　　　查.

发布博客 2022.04.21 ·

js——实现点击复制功能

选中复制<template> <el-button type="primary" plain @click="onCopy">复制</el-button></template><script>export default { methods:{ onCopy(){ document.execCommand("Copy"); // 执行浏览器复制命令 this.$message({...

发布博客 2022.04.21 ·

（转）css3中的@media用法总结

1、head标签中引入//语法： @media mediatype and | not | only (media feature) { css-code; }//也可以针对不同的媒体使用不同的stylesheets:<link rel="stylesheet" ..

发布博客 2022.04.20 ·

JS——new Date()实例

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数.

发布博客 2022.04.19 ·

Document.createDocumentFragment()介绍

1.语法let fragment = document.createDocumentFragment();fragment 是一个指向空DocumentFragment对象的引用。2.描述DocumentFragments 是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。因为文档片段存在于内存中，并不在DOM树中，所以将子元素插入到文档片段时不会引起页面回流（对元

发布博客 2022.04.17 ·

（转）用PS删除去掉GIF动画图片的背景

场景：由于需要gif图片背景为透明，ui好像不会，于是自己研究了一下。工具/原料 PS cs6，GIF 方法/步骤 GIF就是多张JPG重复播放而已，所以要去背景原理和抠图差不多。在窗口 --工作区--把动感勾上。将要去背景的GIF图拖进去，下面就是GIF的所有帧。有时间轴。需要一张一张的来。一般GIF的背景图非常简单，因为GIF本身色彩位数很低。内存又小。只需用魔棒工具选择按delete删除背景即可。但.

发布博客 2022.04.16 ·

（转）PS怎么把一张图片切成3张或者多张大小一样的图片

用PS打开图片文件。在左边选择切片工具。选择需要切片的区域。鼠标右键点击图片，弹出菜单栏，选择划分切片。根据自己需求选择，这里选择垂直划分，划分为3份，然后点击确定。最后按CTRL+SHIFT+ALT+S存储为WEB所用格式，格式为JEPG，最后点击存储即可。链接：https://jingyan.baidu.com/article/295430f1206ff24d7e0050e1.htm..

发布博客 2022.04.16 ·

（转）css怎么一个DIV盒子同时插多张张背景图片

在使用多个背景图时，首先把background-image属性的值用逗号隔开，列出需要用的图像；然后用background-repeat定义重复属性；最后用background-position定义每张小图的位置即可。在使用多个背景图时，只需把 background-image 属性的值用逗号隔开，列出想用的图像，然后用 background-repeat 定义重复属性，最后用 background-position 定义每张小图的位置。HTML代码：<div></div.

发布博客 2022.04.16 ·

（转）CSS width fit-content 等属性详解

1.width: fit-content根据内容自适应宽度可以结合margin-auto 来实现居中2.width: min-content使用子元素中宽度最小的。（无论子元素是inline,还是 block，都会使用最小的宽度）3.width:max-content使用子元素中最大的。无论是inline还是block链接：with fit-content 等属性详解 - 菜鸟木易 - 博客园...

发布博客 2022.04.01 ·

（转）点击按钮向左侧滑动效果（Drawer 抽屉）

平时都是使用ui组件库里的轮子实现动效，古老项目需要原生实现一下，记录一下。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>向左侧滑动效果</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>&..

发布博客 2022.04.01 ·

（转）程序员如何静下心来高效学习

第一步，规划自己的学习目标为什么要规划学习目标？规划学习目标是为了改变你学习的随机性有的人今天头脑一热，先学习spring mvc。明天可能在项目中遇到数据库的问题，第二天就开始学习mysql 。第三天可能又去学习前端了。这样一天一个主意。一月下下来，自己都不知道自己这个月究竟学了什么。所以，一定要学会规划自己的学习目标，一旦目标确定，就要坚定不移的去执行！第二步，每天规划自己独自的学习时间这里面有二层意思：第一层：一定要每天规划自己的学习时间。有些人今天可能花了二个小时进行

发布博客 2022.04.01 ·