- 博客(90)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue-admin-template中vue动态路由不显示问题解决
vue-admin-element 、vue-admin-template 动态路由实现，亲测有效，真实项目使用经验总结！
2023-05-10 14:30:48
1696
1
原创 VUE - 8.2 - VUE组件间的通讯
VUE组件的通讯父组件向子组件传递数据子组件向父组件传递数据父组件向子组件传递数据prop用于从父组件向子组件传递数据时自组建的接收器：props:["name","age","sex"]。在父组件传递数据时：<my-student name="张三" :age="16" sex="男"></my-student>注意age的传参方式，完整写法是 v-bind:age= "18",这样动态地向子组件传递数据，子组件接受到的数据就是引号里面的 数字类型的18。prop还可
2022-03-08 17:54:53
1029
原创 HTML5+CSS3 - 视频背景的实现
background实现视频背景先上图，这个图片后i俺的灯塔是个视频背景代码：解析：<video class="bg-dideo" autoplay loop muted> <source src="video/lighthouse.mp4" type="video/mp4"> Your browser does not support the video tag.</video><!--autoplay :自动播放loop ：循
2022-03-02 17:49:34
1362
原创 VUE - 8.1 - VUE的组件
VUE的组件什么是组件为什么用组件组建的基础组件嵌套关于VueComponent：扩展本篇图片截图来自尚硅谷：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=53什么是组件组件是用来实现局部（特定）功能代码的集合（html、css、js、img、video…），尤其再界面功能很复杂的时候,有代码复用，简化项目编码，提高运行效率作用。可以看一张很形象的图形解释：为什么用组件因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选
2022-03-01 16:30:46
449
原创 VUE - 7 - VUE的表单处理
VUE的表单处理基础用法文本/ 多行文本复选框单选按钮选择框基础用法vue使用v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定，监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件：text 和 textarea 元素使用 value property 和 input 事件；checkbox 和 rad
2022-03-01 10:22:40
611
原创 VUE - 6 - VUE的事件处理
VUE的事件处理v-on参数的传递v-on指令在监听DOM事件时，可以传递参数。事件修饰符按键修饰符v-onvue使用v-on指令监听DOM事件，并在触发时运行一些js代码。v-on可以接受简单的表达式，比如 counter += 1。还可以接受一个需要调用的方法名addOne。v-on:click = 'addOne' 可以简写成：@click='addOne' 。<body> <div id="root"> <button
2022-02-25 15:45:02
484
原创 VUE - 5 - VUE的计算属性和侦听器
VUE的计算属性和侦听器综合案例计算属性 computed侦听器 watch选项/ 数据/ watch实例 property计算属性 VS 侦听器综合案例先看一个综合的案例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性和侦听器</title> <link rel="icon" href="../
2022-02-25 11:55:12
611
原创 VUE - 4 - VUE的条件渲染与列表渲染
条件渲染v-show：通过控制DOM元素的css属性"display"来控制显示隐藏。（适用于需要频繁切换情况下）v-if：根据条件是否成立，来控制DOM 是否渲染。v-else：必须跟在v-if或者v-else-if之后，不需要加表达式。v-else-if：必须跟在v-if或者v-else-if之后，列表渲染v-for：基于源数据多次渲染元素或模板块。值是特定的语法：alias in expression。也可以获取两个参数，当前项和当前项的index值 v-for = "(alias
2022-02-24 11:54:28
360
原创 VUE - 3 - vue的事件处理
vue的事件处理绑定事件事件修饰符绑定事件v-on:fnName = 'fun' 简写成 @fnName = 'fun' 。传参 @fnName = 'fun(arg)' 。默认事件形参: event。隐含属性对象: $event。事件修饰符.stop - 调用 event.stopPropagation()。.prevent - 调用 event.preventDefault()。.{keyCode | keyAlias} - 只当事件是从特定 keycode 值 或者 按键名
2022-02-17 11:51:10
695
原创 VUE - 1 - vue的第一个小案例
使用vue之前第一件事是安装vue。Hello Vue安装VUE前期问题解决下载开发者工具配置全局属性图标问题Hello Vue 小案例扩展安装谷歌的vue开发者工具安装VScode的 Live Server 插件安装VUEvue可以直接下载引入，也可以使用npm安装使用，初期选择直接下载使用吧，简单粗暴不易出错。选择开发版本。开发版本包含完整的警告和调试模式。生产版本删除了警告，33.46KB min+gzip。也可以选择CDN方式<script src="https://cdn.
2022-02-16 14:57:20
490
原创 VUE - 0 - vue简介
学习笔记主要参考了张天禹老师的 “尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通”vue简介VUE是什么？历史版本vue的特点学习路线扩展声明式编码 VS 命令式编码VUE是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。历史版本vue的特点采用组件化的模式，提高代码复用率，切让代码更好的维护。声明式编码，让编程人员无需直接操作DOM，提高开发效率。使用虚拟DOM+Diff算法 。尽可能地复用DOM节点。学习路线v
2022-02-16 10:09:00
323
原创 下载安装配置nodeJS
下载安装配置NodeJs下载地址：https://nodejs.org/zh-cn/download/我是Windows系统，所以选择Windows安装包。下载后的样子开始安装双击安装包开始安装一路next，不要改，除了路径。我的安装路径：D:\ProgramFiles\NodeJs。（除了路径什么也不要改！！！）。安装好后的样子：配置Nodejs看上图，先手动创建两个文件夹 node_cache 、node_global点击开始菜单，找到控制台，右键点击，选择“管理员身份打开”。
2022-01-13 15:47:30
287
原创 JavaScript - 闭包 - 实战运用 - 循环绑定事件详细解析
闭包是一种机制，函数执行，产生一个不被释放的上下文，一是保护了上下文里面的私有变量不受外界干扰，二是私有变量的值也保存了下来，可以供其下级上下文调取使用，这种机制叫做闭包。闭包的弊端是会导致栈内存增加，项目中如果滥用闭包，会导致产品性能降低。JS中获取的每一个DOM元素都是一个元素对象（堆内存），用有很多的属性和方法；实现元素点击事件行为：xxx.onclick = function(){...} ,就是给元素对象的私有属性onclick赋值；当点击的时候， 浏览器监听到事件触发帮我们.
2021-12-01 16:55:41
3408
原创 JavaScript - THIS经典案例分析
var num = 10;var obj = {num:20};obj.fn = (function(num){ this.num = num * 3; num++; return function(n){ this.num += n; num++; console.log(num); };})(obj.num);var fn = obj.fn;fn(5);fn(10);console.log(num, obj.num);图形解析：函数每执行一次，就会形成一个...
2021-11-30 18:00:02
804
原创 JavaScript - 闭包经典练习题2 - ‘套娃’
function fun (n,o){ console.log(o); return { fun:function(m){ return fun(m, n); }; };};var c = fun(0).fun(1);c.fun(2);c.fun(3);解析步骤：全局上下文中进行变量提升。
2021-11-29 17:07:46
804
原创 JavaScript - 闭包的经典练习题1
练习题1：var test = (function(i){ return function(){ alert(i*=2); };})(2);test(5);答案解析：EC（AN2）执行完毕，立即出栈释放，此时的EC（AN1）上下文中的0x001堆内存不再被占用，则EC（AN1）上下文出栈释放练习题2：var b = 10;(function b() { // b会在私有上下文中被声明 b -> ƒ 函数本身 b = 20; //此处的修改无效
2021-11-25 16:49:50
1214
原创 JavaScript -专题 - 函数在新旧浏览器中的特殊表现
函数在新旧浏览器中的表现当代浏览器既要支持ES5的语法，也要支持ES6的语法「块级上下文」，所以导致有些代码出现了“特殊的效果”。函数，对象以外的大括号（循环，判断，和 { } ）中出现了以 let/ const/ function/ class声明的方式，就是出现块级上下文。var 既不会产生块级上下文，也不会受块级上下文影响。练习题1：//此处打印foo undefined {//此处打印foo function foo() {} function foo() {} fo
2021-11-25 16:49:00
425
原创 JavaScript - 专题 - let / const / var区别
（let / const ）VS varlet 不存在变提升,不允许在定义之前使用，否则会报错：Uncaught ReferenceError:Cannot access 'x' before initialization。let不允许重复声明，不论当前上下文中，基于何种方式声明过这个变量，都允许再基于let声明。否则报错: Uncaught ReferenceError: Identifier 'x' has already been declared。此操作在词法解析阶段完成的，一旦
2021-11-25 11:42:58
453
原创 JavaScript - 函数 - 函数的底层运行机制
JavaScript 中的函数函数执行函数执行的过程形参 & 实参函数的作用域作用域链的储存规则作用域链查找机制面试题练习首先做一道练习题let x = [12,23];function fn(y){ y[0] = 100; y = [100]; y[1] = 200; console.log(y);};fn(x);console.log(x);答案及解析：函数执行函数执行的过程创建一个全新的私有上下文 [进栈]， 函数中的代码都是在这个私有上下文中执行的。JS中
2021-11-23 16:40:38
1637
原创 jQuery - 部分源码分析
JQ部分源码分析(function () { var class2type = {}; var toString = class2type.toString; //Object.prototype.toString 检测数据类型的 var hasOwn = class2type.hasOwnProperty; //Object.prototype.hasOwnProperty 检测是否私有属性的 var fnToString = hasOwn.toString; //Fun
2021-11-22 15:58:47
465
原创 PHP - PHP中的变量相关函数
PHP中的变量函数监测数据类型is_arrayis_objectis_resourceis_numericis_stringis_floatis_intis_boolis_nullis_scalar — 检测变量是否是一个标量监测数据类型is_array作用：检测变量是否是数组格式：is_array( mixed $var) : bool返回值：如果 var 是 array，则返回 true，否则返回 false。is_object作用：检测变量是否是一个对象格式：is_object(
2021-10-27 09:54:02
777
原创 PHP - php中的函数
PHP - php中的数组1. 什么是函数2. 函数的分类3. 函数的定义以及自定义函数4. return有的作用5. 函数的参数6. 函数的变量作用域7. 静态变量8. 引用传参1. 什么是函数说明： 把一段具有某个功能的代码进行封装，在需要的地方进行调用。2. 函数的分类3. 函数的定义以及自定义函数4. return有的作用5. 函数的参数6. 函数的变量作用域7. 静态变量8. 引用传参...
2021-10-26 11:43:16
379
原创 PHP -php中的数组
PHP中的数组数组的概述数组的定义1.使用语言结构声明数组2. 使用指定语法声明数组3. 通过添加数组元素的方式声明数组数组的相关操作查看数组元素添加数组元素修改数组的元素删除数组元素删除和清空数组数组的遍历数组的增删改和使用的元素数组的概述数组：数组就是一组数据的集合，是由 键（key） => 值（value） 对组成的有序映射，每个键值对用 “，” 隔开。键：在数组中 [ ] 内用于区分不同值表示的就是键。值：在数组中键对应的数据就是值。键值对： 键（key） => 值（valu
2021-10-21 11:08:19
973
原创 PHP - 系统预定义变量
预定义变量全局作用域： 在函数外部定义的变量，就成为我"全局变量"，全局变量不可以在函数内部使用。局部作用域： 在函数内部定义的变量，就成为我"局部变量"，全局变量不可以在函数外部使用。超全局变量：超全局变量没有使用的限制，并且有的超全局变量可以跨脚本（$_POST,$_GET,$_SESSION,$_COOKIE） 。$GLOBALS ：一个包含了全部变量的全局组合 数组 。变量的名字就是数组的键。$_SERVER$_SERVER 是一个包含了诸如头信息(header)、路径(
2021-10-20 17:49:39
177
原创 PHP-流程控制语句
流程控制语句什么是流程控制单项分支结构双向分支结构多向分支结构巢状分支结构循环结构while循环do...while循环for循环foreach流程控制的其他语句break语句continue语句任何 PHP 脚本都是由一系列语句构成的。一条语句可以是一个赋值语句，一个函数调用，一个循环，一个条件语句或者甚至是一个什么也不做的语句（空语句）。语句通常以分号结束。此外，还可以用花括号将一组语句封装成一个语句组。语句组本身可以当作是一行语句。什么是流程控制流程控制：对程序代码执行流程的控制就叫流程控制。
2021-10-19 10:10:37
218
原创 PHP-PHP中的运算符和运算符优先级
PHP中的运算符什么是运算什么是运算符算术运算符字符串运算符赋值运算符比较运算符逻辑运算符位运算符其他运算符运算符优先级什么是运算由一或多个数值经过变换得到一个新值的过程就是运算。什么是运算符+、 - 、*、 /等用于运算的符号，就是运算符。运算符可按照其能接受几个值来分组。一元运算符只能接受一个值，例如 !（逻辑取反运算符）或 ++（递增运算符）。二元运算符可接受两个值，例如熟悉的算术运算符 +（加）和 -（减），大多数 PHP 运算符都是这种。最后是唯一的三元运算符 ? :，可
2021-10-18 13:38:15
805
原创 PHP-PHP中的常量
PHP中的常量常量及其特点如何命名常量声明方式一：define函数声明方式二：const 关键字常量名的命名规则。常量值常量和变量的区别魔术常量和常量相关的功能常量及其特点常量是一个简单值的标识符（名字）。常量一旦声明就不可以再改变其值。常量默认为大小写敏感。传统上常量标识符总是大写的。常量声明就有值，如果不声明就将该常量名称当做字符串处理。如何命名常量声明方式一：define函数define函数来定义常量。格式：define(‘常量名’,‘常量值’)。注意：php7.3之前版本允
2021-10-14 15:22:18
385
原创 PHP-数据类型转换
数据类型转换数据类型转换的分类自动（隐性）数据类型转换强制（显性）数据类型转换使用通用类型转换规则转换为布尔类型转换为整型转换成字符串转换为数组转换为对象数据类型转换的分类php是弱类型语言， 八种数据类型可以转换而且不需要人工的介入。自动（隐性）数据类型转换自动数据类型转换不需要人工干预。自动数据类型转换发生在运算或者判断的过程中。自动类型转换仅限于标量。在类型转换过程中一般是向着更精确的数据进行转换强制（显性）数据类型转换使用语言结构方式修改变量的类型整型 int integ
2021-10-14 12:29:03
349
原创 PHP- php基本语法和数据类型
PHP 脚本可放置于文档中的任何位置。PHP 脚本以 <?php 开头，以 ?> 结尾：<?php ... ?>PHP 文件的默认文件扩展名是 “.php”。PHP 文件通常包含 HTML 标签以及一些 PHP 脚本代码。PHP 语句以分号结尾（;）。PHP 代码块的关闭标签也会自动标明分号（因此在 PHP 代码块的最后一行不必使用分号）。PHP 中的注释// 、# 单行注释/* …*/ 多行注释PHP 变量PHP变量可以保存...
2021-10-13 16:22:22
541
原创 PHP- 认识PHP和环境PHP搭建
认识PHP和环境PHP搭建认识PHPPHP运行环境PHP编辑器下载php开发环境(集成)搭建虚拟主机创建PHP文件学习视频地址：https://www.bilibili.com/video/BV1MJ411A7gR?p=58&spm_id_from=pageDriver认识PHPPHP（Hypertext Preprocessor）：超文本预处理器，是一种在服务器端执行的通用开源的脚本语言，与C语言类似，是常用的网站编程语言。该语言的主要目标是允许 web 开发人员快速编写动态生成的 web
2021-10-13 11:43:17
274
原创 MYSQL学习 - 数据库的结构与操作
数据库的操作数据库的三层结构数据在数据库中的存储方式创建数据库查看&删除数据库备份恢复数据库数据库的三层结构安装MySQL数据库，就是在主机上安装一个数据库管理系统（DBMS），祝贺个管理程序可以管理多个数据库。DBMS（database manage system）一个数据库中可以创建多个表，以保存数据（信息）数据库管理系统（DBMS）、数据库和表的关系数据在数据库中的存储方式SQL语句分类JAVA操作MySQL创建数据库CREATE DATABASE [IF NOT E
2021-08-11 09:56:06
170
原创 MYSQL学习 - Mysql常用数据类型
Mysql常用数据类型（列类型）#mermaid-svg-2MXLVKHBs8fY15JS .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-2MXLVKHBs8fY15JS .label text{fill:#333}#mermaid-svg-2MXLVKHBs8fY15JS .node rect,#mer
2021-08-09 16:31:57
257
原创 MySQL学习笔记--MySql安装配置
MySQL数据库的安装和配置MySQL5.5（解压版安装教程）使用命令行窗口连接MySQL数据库mysql -h主机名 -P端口 -u用户 -p密码登录前，保证服务启动启动mysql数据库的常用方式：【Dos命令】服务方式启动（界面）net stop mysql服务名net start mysql服务名* 特别说明：如果安装过程中出错了，或者想重新来一遍，sc delete mysql 【删除已经安装好的mysql服务，需慎重】zip安装文件是压缩文件，和.exe安装
2021-07-30 11:05:36
421
原创 axios类库的应用
axios什么是 axios？安装axios 对象的方法什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。安装使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios 对象的方法CancelTo
2021-05-27 10:21:40
196
原创 数组/ 对象的深浅克隆
浅克隆把对象进行克隆//1. Object.assign()let obj = { a:1, b:2, c:3 };let new_obj = Object.assign({},obj);new_obj === obj // false// 2. 还可以通过循环实现对象的克隆let new_obj = {};_.each(obj, (value, key) => { //_.each调用的是自己封装的utils.js中的each方法 new_obj[key] = v
2021-05-25 17:52:10
266
原创 常用方法的封装utils.js
(function () { "use strict"; var getProto = Object.getPrototypeOf, class2type = {}, toString = class2type.toString, hasOwn = class2type.hasOwnProperty, fnToString = hasOwn.toString, ObjectFunctionString = fnT
2021-05-25 15:45:38
306
原创 jQuery源码分析 -- 数组对象的深浅合并
extendjQuery.extend = jQuery.fn.extend = function () { } / jQuery.extend({ })把用户自定义的方法扩展到jQuery / jQuery.fn上 （也是合并：把自己传递进来对象中的方法合并到jQuery / jQuery.fn上）把jQuery当做对象，扩展到其上面的的私有的属性和方法【完善类库】$.extend({ xxx : function(){ console.log("XXX") },});$.xxx();
2021-05-25 15:24:54
290
modernizr.custom.97074.js
2020-07-14
jquery.hoverdir.js
2020-07-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人