- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 webpack配置及用法
Webpack文章目录Webpack了解Webpack什么是webpack为什要使用webpackwebpack与gulp的区别使用webpack安装配置文件运行Loader（加载器）babel-loader样式加载器ReactVuetypescripturl-loaderPlugins（插件）HtmlWebpackPluginclean-webpack-pluginextract-text-webpack-plugincopy-webpack-pluginwebpack自带插件Hot Module Re
2020-10-27 16:36:47
213
原创 【js 截取某个字符前面或者后面的字符串】
/* string 字符串; str 指定字符; split(),用于把一个字符串分割成字符串数组; split(str)[0],读取数组中索引为0的值（第一个值）,所有数组索引默认从0开始; */function getStr(string,str){ var str_before = string.split(str)[0]; var str_after = string.split(str)[1]; alert('前：'+str_before
2022-01-15 15:28:36
1296
原创 【前端常用demo】
1、禁止网页复制粘贴<script type="text/javascript"> const html = document.querySelector('html') html.oncopy = () => false // 复制 html.onpaste = () => false // 粘贴</script>2、input框限制只能输入中文（其他字符自己更换一下逻辑即可） <script type="text/javascr
2021-12-30 15:38:55
1323
原创 vue中的模块系统（ES Module）
文章目录模块系统前言vue单文件组件vue单文件组件开发流程定义目录ES Module基本特点exportimport在html中使用ES Module模块系统前言在很多 Vue 项目开发中，常规做法：定义组件使用组件（如下代码） //定义全局组件 Vue.component('my-component',{}); // 在模板中使用组件 new Vue({ el: '#app ' template:'<div>&l
2021-12-30 15:06:03
1992
原创 React 脚手架安装及配置用法
React 脚手架1.安装 create-react-app- npm install -g create-react-app -S- yarn add -D create-react-app2.创建 react 项目- create-react-app myapp项目依赖：react，react-dom，react-scripts通常情况下，我们创建 spa 应用时是使用 npm 安装项目依赖，在通过配置 webpack.config.js 进行配置，搭建好环境后在 src 编写源代码
2020-11-12 16:44:32
382
1
原创 vue 双向绑定原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-model双向绑定原理</title> <script src="https://lib.baomit
2020-10-30 14:01:14
129
原创 jQuery中链式调用原理
```html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery中链式调用原理</title></head><body>.
2020-10-29 11:52:46
1191
原创 vscode常用插件
1.Turbo Console Log快捷添加 console.log，一键 注释 / 启用 / 删除 所有 console.logctrl + alt + l 选中变量之后，使用这个快捷键生成 console.logalt + shift + c 注释所有 console.logalt + shift + u 启用所有 console.logalt + shift + d 删除所有 console.log2.GitLens详细的 Git 提交日志。Git 重度使用者必备，尤其是多人协作时：
2020-10-27 16:35:29
164
原创 jQuery须熟悉的知识点
选择器所有选择器获取的都是标签数组，包括id选择器！！！基本选择器 1. 标签选择器（元素选择器） * 语法： $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法： $("#id的属性值") 获得与指定id属性值匹配的元素 3. 类选择器 * 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器
2020-09-04 20:25:52
173
原创 阿里经典面试题
<script> var a = { n: 1 } var b = a; a.x = a = { n: 2 } console.log(a.x) //是什么？ console.log(b) //是什么？ </script>答案：<script> var a = {
2020-08-19 19:46:21
108
原创 使用面向对象写一个烟花效果
面向对象（OOP）理解:Object Oriented Programming，原来就是面向对象的编程啊，还有OOD（面向对象的设计），OOA（面向对象的分析）。那什么是面向对象呢？举个最简单点的例子来区分 面向过程和面向对象有一天你想吃鱼香肉丝了，怎么办呢？你有两个选择1、自己买材料，肉，鱼香肉丝调料，蒜苔，胡萝卜等等然后切菜切肉，开炒，盛到盘子里。2、去饭店，张开嘴：老板！来一份鱼香肉丝！看出来区别了吗？这就是1是面向过程，2是面向对象。面向对象有什么优势呢？首先你不需要知道鱼香肉丝是怎么
2020-08-19 19:43:25
262
原创 利用面向对象写弹幕效果
利用面向对象写弹幕效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .cont
2020-08-19 09:09:57
420
原创 JavaScript中数组(个人整理)
JavaScript中数组本文将介绍JavaScript语言中的数组，全文内容包括但不限于 数组的简单介绍、数组的创建、数组中的元素访问、数组的类型以及数组相关的核心方法等内容。数组的核心概念数组的概念：称之为 数据的集合，数组中的每一个-值成为元素数组的格式：[1,2,3,4,5]数组的索引：每一个元素在数组中都是有一个位置，用数字表示称为索引，索引值默认从 0 开始依次递增数组的长度：JavaScript中每个数组都拥有lenght属性，通常该属性的值为数组的长度思考：
2020-07-04 17:41:08
245
原创 笔记-函数（重点）
函数（重点）1.函数中的this（重点）<body><button id="btn">点击</button><script> /* 函数的中关键字 arguments 实参的集合 return this 只有函数中才有的一个关键字（对象），主要指向（表示）的是当前对象 */ function fun() { console.
2020-07-03 18:20:57
113
原创 (个人总结)JavaScript中的函数
JavaScript中的函数函数的定义： 函数就是JavaScript的基础模块单元，包含一组语句，用于代码的复用，信息隐藏 和 组合调用。简单点说：函数就是把任意的一段代码放在一个盒子里面，在我想要执行这段代码的时候，直接执行这个盒子里面的代码就行来函数的创建和结构1.函数的创建在JavaScript语言中，可以通过一下三种方式创建：函数声明 //函数声明式创建函数 function f1() { //需要编写的代码 }// function: 声明函数的关键字，表示接下
2020-07-02 20:35:25
225
2
原创 打印闰年案例,100以内的偶数之和,加减运算,水仙花数
打印闰年案例<script> /* 需求：输出 1000-2020 之间所有的闰年，要求每行输出8个 显示在页面上 */ var n = 0; //计算闰年个数的变量 // 循环的去判断这些年份中哪些是闰年 for (var year = 1000; year <= 2020; year++) { if (year % 4 === 0 &&
2020-06-29 17:04:00
186
原创 （个人整理）JavaScript流程控制语句
JavaScript流程控制语句流程控制结构：1.顺序结构 从上到下，从左到右执行的结构 js代码必须写在结构后面 js代码中如果有某一个位置出错，那么这个位置之后的所有代码都不执行2.分支结构（选择性的去执行代码） if 分支语句 switch 多值匹配语句3.循环结构（重复的执行某一段代码） while 循环 do while 循环 for 循环JavaScript 语言中 流程控制语句，包括：顺序，选择，和循环三种 控制结构 以及 具体的控制
2020-06-26 12:25:12
397
原创 JavaScript基础语法(个人整理)
JavaScript基础语法JavaScript的简介概述JavaScript是一门动态的、弱类型的解释型高级编程语言。它基于原型，支持面向对象 和函数式编程等多种编程范式。通常称为js作者Brendan Eich（布兰登·艾奇）背景：JavaScript诞生于 1995年，其诞生的初衷是为了减轻服务器的压力，而在客户端提供一种表单验证的功能。最初的名字为：Mocha（摩擦），1995年9月在Netscape navigator 2.0的beta版本中改名为 livescript，同年12月份
2020-06-22 21:20:29
1794
1
原创 进入页面的时间 和 停留在页面时候最新的时间的时间差
<script> //进入页面的时间 和 停留在页面时候最新的时间的时间差 var date1 = new Date('2020-6-19 12:00:33'); var date2 = new Date('2020-7-12 10:12:00'); // 计算date1 和 date2两个时间相差多少天，多小小时 多少分 多少 // 计算两个时间的时间差，先计算这两个时间到格林威治时间的 var
2020-06-20 15:53:59
278
原创 通过定时器去改变进度条宽度（进度条问题）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-06-19 19:04:34
391
原创 前端面试题 冒泡排序(有详细讲解)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&
2020-06-18 21:04:26
448
vue+element 打开tag页面后再打开一个页面需要再已打开的tag页中头部再生成一个tag自定义增加标签页触发，允许切换和删除，但需要不影响全局已打开的tag，有空的话写一个demo
2024-01-17
做一个带有四个项目角色的项目人员意向图表
2023-12-15
vue+element 生成table
2023-12-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人