- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 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 225
原创 【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 1314
原创 【前端常用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 1339
原创 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 2135
原创 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 399 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 149
原创 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 1208
原创 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 193
原创 jQuery须熟悉的知识点
选择器所有选择器获取的都是标签数组,包括id选择器!!!基本选择器 1. 标签选择器(元素选择器) * 语法: $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素 3. 类选择器 * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择器
2020-09-04 20:25:52 189
原创 阿里经典面试题
<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 123
原创 使用面向对象写一个烟花效果
面向对象(OOP)理解:Object Oriented Programming,原来就是面向对象的编程啊,还有OOD(面向对象的设计),OOA(面向对象的分析)。那什么是面向对象呢?举个最简单点的例子来区分 面向过程和面向对象有一天你想吃鱼香肉丝了,怎么办呢?你有两个选择1、自己买材料,肉,鱼香肉丝调料,蒜苔,胡萝卜等等然后切菜切肉,开炒,盛到盘子里。2、去饭店,张开嘴:老板!来一份鱼香肉丝!看出来区别了吗?这就是1是面向过程,2是面向对象。面向对象有什么优势呢?首先你不需要知道鱼香肉丝是怎么
2020-08-19 19:43:25 269
原创 利用面向对象写弹幕效果
利用面向对象写弹幕效果<!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 426
原创 JavaScript中数组(个人整理)
JavaScript中数组本文将介绍JavaScript语言中的数组,全文内容包括但不限于 数组的简单介绍、数组的创建、数组中的元素访问、数组的类型以及数组相关的核心方法等内容。数组的核心概念数组的概念:称之为 数据的集合,数组中的每一个-值成为元素数组的格式:[1,2,3,4,5]数组的索引:每一个元素在数组中都是有一个位置,用数字表示称为索引,索引值默认从 0 开始依次递增数组的长度:JavaScript中每个数组都拥有lenght属性,通常该属性的值为数组的长度思考:
2020-07-04 17:41:08 255
原创 笔记-函数(重点)
函数(重点)1.函数中的this(重点)<body><button id="btn">点击</button><script> /* 函数的中关键字 arguments 实参的集合 return this 只有函数中才有的一个关键字(对象),主要指向(表示)的是当前对象 */ function fun() { console.
2020-07-03 18:20:57 122
原创 (个人总结)JavaScript中的函数
JavaScript中的函数函数的定义: 函数就是JavaScript的基础模块单元,包含一组语句,用于代码的复用,信息隐藏 和 组合调用。简单点说:函数就是把任意的一段代码放在一个盒子里面,在我想要执行这段代码的时候,直接执行这个盒子里面的代码就行来函数的创建和结构1.函数的创建在JavaScript语言中,可以通过一下三种方式创建:函数声明 //函数声明式创建函数 function f1() { //需要编写的代码 }// function: 声明函数的关键字,表示接下
2020-07-02 20:35:25 240 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 197
原创 (个人整理)JavaScript流程控制语句
JavaScript流程控制语句流程控制结构:1.顺序结构 从上到下,从左到右执行的结构 js代码必须写在结构后面 js代码中如果有某一个位置出错,那么这个位置之后的所有代码都不执行2.分支结构(选择性的去执行代码) if 分支语句 switch 多值匹配语句3.循环结构(重复的执行某一段代码) while 循环 do while 循环 for 循环JavaScript 语言中 流程控制语句,包括:顺序,选择,和循环三种 控制结构 以及 具体的控制
2020-06-26 12:25:12 406
原创 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 1814 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 292
原创 通过定时器去改变进度条宽度(进度条问题)
<!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 408
原创 前端面试题 冒泡排序(有详细讲解)
<!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 470
vue+UEditor附件上传问题
2024-09-10
vue+element 打开tag页面后再打开一个页面需要再已打开的tag页中头部再生成一个tag自定义增加标签页触发,允许切换和删除,但需要不影响全局已打开的tag,有空的话写一个demo
2024-01-17
做一个带有四个项目角色的项目人员意向图表
2023-12-15
vue+element 生成table
2023-12-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人