CaseyWei-CSDN博客

第一步：下载Axure插件crx扩展文件并解压。下载链接:https://pan.baidu.com/s/15M7VWAM-LONDZzXlO7LKeA提取码: g1q6。第二步：前往浏览器扩展程序设置页面（地址栏中输入chrome://extensions/ 或点击右上角选择菜单>更多工具>扩展程序）

2022-09-02 14:47:24 755 4

this 将会指向 undefined，经常导致 `Uncaught TypeError: Cannot read property of undefined` 或 `Uncaught TypeError: this.myMethod is not a function` 之类的错误。3.不应该使用箭头函数来定义 `计算属性 (computed)` 里面的函数。5.不应该使用箭头函数来定义 `过滤器 (filters)` 里面的函数。4.不应该使用箭头函数来定义 `监听器 (watch)` 里面的函数。

2022-08-22 15:48:57 557

原创 html5实现移动端抢红包雨

html5实现移动端抢红包雨

2022-07-29 15:12:47 1082

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

例如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 10:07:25 909

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

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

2022-07-21 17:19:55 316 1

原创（转）postMessage使用方法

postMessage使用方法

2022-07-16 08:45:18 1437

原创 js——reduce函数详解

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

2022-07-13 10:18:53 1435

原创（转）webpack简介

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

2022-07-08 10:58:25 1557

原创 Spring boot与Spring cloud 之间的关系

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

2022-07-06 16:17:24 5391 2

原创 php——laravel缓存cache

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

2022-07-06 08:58:36 3559

原创谷歌浏览器设置暗黑模式

方法一：在 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 09:57:01 8585 2

原创 (转)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 21:17:29 432 2

原创 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 21:10:25 2086

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

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

2022-04-20 14:55:06 1596

原创 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 20:26:51 136

原创 Document.createDocumentFragment()介绍

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

2022-04-17 10:15:10 2959

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

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

2022-04-16 16:09:07 4889

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

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

2022-04-16 08:37:42 13060

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

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

2022-04-16 08:31:51 6757

原创（转）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 11:03:43 2330

原创（转）点击按钮向左侧滑动效果（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 10:48:02 1612

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

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

2022-04-01 10:41:13 4491

原创 fixed定位——定宽高盒子垂直水平居中

1.通过transform实现：<style type="text/css"> .center { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }</style>2.通过设置margin实现：<style type="text/css"> .center {

2022-03-25 16:28:00 1059

原创 (转)React——useContext使用

一、什么是useContext在Hooks出来之前，开发者都是使用的class组件，通过props传值。现在使用方法组件（Function）开发了，没有constructor构造函数也就没有了props的接收，所以父子组件的传值就成了一个问题。React Hooks就为我们准备了useContext来解决这个问题。二、useContext的作用1.useContext可以帮助我们跨越组件层级直接传递变量，实现数据共享。这里要注意的是，很多同学觉得可以使用useContext结合useR

2022-03-25 09:08:58 10998

原创（转）TS——泛型

泛型可以理解为宽泛的类型，通常用于类和函数一、泛型类泛型可以用于类和构造器，例如：class Person<T>{ private _value: T; constructor(val: T) { this._value = val; }}let p = new Person<number>(12)如上，<T>表示传递一个T类型，在new的时候才把具体类型传入。其中T是变量可改，但通常比较常见就是写T之

2022-03-23 09:05:42 2207

原创（转）useEffect 中 return 函数的作用和执行时机

官网的代码import React, { useState, useEffect } from 'react';function FriendStatus(props) { const [isOnline, setIsOnline] = useState(null); useEffect(() => { function handleStatusChange(status) { setIsOnline(status.isOnline); } Ch...

2022-03-17 15:38:58 2343

原创（转）useEffect使用指南

状态是隐藏在组件中的信息，组件可以在父组件不知道的情况下修改其状态。我更偏爱函数组件，因为它们足够简单，要使函数组件具有状态管理，可以useState()Hook。本文会逐步讲解如何使用useState()Hook。此外，还会介绍一些常见useState()坑。1.使用 `useState()` 进行状态管理无状态的函数组件没有状态，如下所示(部分代码)：可以找 codesandbox 尝试一下。运行效果：这时，要如何添加一个按钮来打开/关闭灯泡呢？为此，咱们需要具有状...

2022-03-17 14:21:27 573

空空如也

空空如也