- 博客(21)
- 收藏
- 关注
RSS订阅转载 Webpack 的构建流程
首先先简单了解下 Webpack 构建过程：根据配置，识别入口文件；逐层识别模块依赖（包括、AMD、或 ES6 的 import 等，都会被识别和分析）；Webpack 主要工作内容就是分析代码，转换代码，编译代码，最后输出代码；输出最后打包后的代码。
2023-08-06 21:33:07
2442
1
原创 svg描边动画的实现
如果直接是文字构成,不是通过path绘制,可将stroke-dasharray和stroke-dashoffset设置成100%.svg描边的动画效果,主要由stroke-dasharray和stroke-dashoffset两个属性实现.(1) 用getTotalLength()方法获取path的路径总长度。(2)设置stroke每段虚线的间距和偏移量为总长度。stroke-dasharray：每段虚线的偏移距离。stroke-dashoffset：偏移量。(3)使用动画将偏移量设置为初始值0。
2023-07-30 15:34:48
389
1
原创 6. N 字形变换
之后，你的输出需要从左往右逐行读取，产生出一个新的字符串，比如："PAHNAPLSIIGYIR"。将一个给定字符串 s 根据给定的行数 numRows ，以从上往下、从左到右进行 Z 字形排列。输入：s = "PAYPALISHIRING", numRows = 3。输入：s = "PAYPALISHIRING", numRows = 4。著作权归领扣网络所有。输入：s = "A", numRows = 1。输出："PAHNAPLSIIGYIR"输出："PINALSIGYAHRPI"先上传后面再解~~~
2023-06-13 23:18:01
99
原创 基于XML的Hello_SpringMVC
今天学习一下SpringMVC~~~~~1、添加pom依赖xml <dependencies> <!-- https://mvnrepository.com/artifact/org.springframework/spring-context --> <dependency> <groupId>org.springframework</groupId> ...
2022-04-27 23:31:30
738
转载 页面最大化和退出最大化
/**页面最大化 */function requestFullScreen() { const docElm = document.documentElement; if (docElm.requestFullscreen) { docElm.requestFullscreen(); } else if (docElm.msRequestFullscreen) { docElm.msRequestFullscreen(); }...
2022-03-13 22:58:17
153
原创 React-Redux使用方法
1.在React项目中使用react-redux,可以让你更方便的使用redux，原理是在index.js中注册app时用一个<Povider>标签嵌套，把你的App.js变Provideer的子组件，将所有的state以props的形式传给<App/>App.jsimport React, { Component } from "react";import About from "./pages/About"; //About是路由组件import { Provide
2022-01-08 11:57:15
4370
原创 leetcode 5. 最长回文子串
给你一个字符串 s，找到 s 中最长的回文子串。示例 1：输入：s = "babad"输出："bab"解释："aba" 同样是符合题意的答案。示例 2：输入：s = "cbbd"输出："bb"示例 3：输入：s = "a"输出："a"示例 4：输入：s = "ac"输出："a"提示：1 <= s.length <= 1000s 仅由数字和英文字母（大写和/或小写）组成来源：力扣（LeetCode）解题：先上传.
2022-01-07 00:13:28
268
原创 Leetcode 1576. 替换所有的问号
给你一个仅包含小写英文字母和 '?' 字符的字符串 s，请你将所有的 '?' 转换为若干小写字母，使最终的字符串不包含任何 连续重复 的字符。注意：你 不能 修改非 '?' 字符。题目测试用例保证 除 '?' 字符 之外，不存在连续重复的字符。在完成所有转换（可能无需转换）后返回最终的字符串。如果有多个解决方案，请返回其中任何一个。可以证明，在给定的约束条件下，答案总是存在的。示例 1：输入：s = "?zs"输出："azs"解释：该示例共有 25 种解决方案，从 "azs"
2022-01-05 23:51:29
93
转载 React hook 10种 Hook
React Hook是什么？React官网是这么介绍的： Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。完全可选的 你无需重写任何已有代码就可以在一些组件中尝试 Hook。但是如果你不想，你不必现在就去学习或使用 Hook。100% 向后兼容的 Hook 不包含任何破坏性改动。现在可用 Hook 已发布于 v16.8.0。没有计划从 React 中移除 class 你可以在本页底部的章节读到更多关于
2022-01-04 23:45:01
447
原创 react 使用context方式组件传参
第一步：引入调用React.createContext()得到context对象，在context对象中取出Providerconst MyContext = React.createContext()const {Provider} = MyContext第二步：发送数据在要发送数据的组件(A)中写入Provider，添加value属性，值为要传递的值，若有多个值则：value={undefined{username, password}}形式内部写入(A)的孩子组件(B)
2022-01-04 22:27:56
435
原创 Webgl刷底色
1.在html中建立canvas 画布<canvas id="canvas"></canvas>2.在js中获取canvas画布const canvas=document.getElementById('canvas’);3.使用canvas 获取webgl 绘图上下文const gl=canvas.getContext('webgl’);4.指定将要用来清空绘图区的颜色gl.clearColor(1,1,1,1);5.使用之前指定的颜..
2021-12-19 10:44:22
447
原创 搭建create-react-app并引入ant-design
重温一下怎么去搭建react项目!!安装 create-react-app先装脚手架npm install -g create-react-appyarn install -g create-react-appcreate-react-app myappnpm run start搭建好了..现在从 yarn 或 npm 安装并引入 antd.yarn add antd修改src/App.js，引入 antd 的按钮组件。import React...
2021-09-02 21:40:40
231
转载 JS 万字总结 重量级干货！！！2.6万字JS干货分享，带你领略前端魅力！
前言本篇文章属于知识总结型，归纳出许多比较零散的知识点，都是干货噢~如果你是小白那么这篇文章正好适合你，如果你是老手那么不妨巩固一下看看还有哪些边角料没补！建议：适合有js基础的小伙伴观看，篇幅较长，建议先收藏再慢慢浏览整整花了一周时间总结了一些比较重点也有些比较偏的知识，希望各位小伙伴慢慢品尝，如果有不对的地方或者是需要优化的地方望请告知，尽量给大家呈现最有价值的文章。个人水平有限，还请各位大佬指点迷津。希望各位看了这篇文章能有自己的想法，在前端道路上还很漫长，与我一同探索吧！个人
2021-08-19 00:23:56
501
原创 mock数据，VUE模拟后台接口
在前端开发过程中，有后台配合是很必要的。但是如果自己测试开发，或者后台很忙，没时间，那么我们需要自己提供或修改接口。下面提供两种方式，第二种更简单，个人推荐第二种。一、mock文件1、安装，开发环境npm i mockjs -D2、在src目录下新建mock目录，结构如下：3、index.js内容如下：const Mock = require('mockjs');//格式： Mock.mock( url, post/get , 返回的数据)；Mock.mock('/use
2021-08-17 23:20:39
261
原创 VUE项目配置国际化
在项目中往往会有中英文切换,这时候我们会用到国际化。1.安装```npm install -g vue-i18n```2.新建目录lang文件,分别建立en.js和zh.js文件。```en.jsconst zh ={ commons: { admin: 'Admin', editor: 'Editor', quit: 'Sign Out', hi: 'Hi', fundManage: 'Money'...
2021-08-17 22:40:38
1351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人