- 博客(16)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 Vuex 命名空间 namespaced
在项目中，如果需要用到Vuex，可以将 store 分割成多个模块（module），每个模块拥有自己的 state、mutation、action、getter，这样你的模块具有更高的封装度和复用性，此时就用到了命名空间这个概念。（ 默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的，这样使得多个模块能够对同一 mutation 或 action 作出响应。）1.如何使模块成为一个命名空间模块？你可以在单个模块中通过添加namespaced：true的方式
2022-05-02 16:52:43
3514
原创 DOM-注册事件
DOM注册事件1. 注册事件（绑定事件）1.1注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式，传统方式和方法监听注册方式传统注册方式1：利用on开头的事件onclick2: <button onclick="alert("你好")"></button>3：btn.onclick = function(){....}4：特点：注册事件的唯一性。如果同一个事件绑定了两个处理函数，则第二个处理函数会覆盖第一个处理函数。方法监听注册方式1
2021-10-08 09:56:31
227
原创 CSS基础
CSS基础【 CSS】CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)。作用：主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)\图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、样式、背景的控制及整体排版等，而且可以针对不同的浏览器设置不同的样式。CSS基础选择器CSS选择器作用 : 找到指定的HTML页面元素，选择标签。【 标签选择器】标签选择器（元素选择器
2021-09-23 18:24:17
148
原创 tab栏切换
tab栏切换当鼠标点击上面相应的选项卡(tab)，下面内容也跟随变化。【案例分析】1：Tab栏切换与两个大的模块2：上面的模块选项卡，点击某一个，当前这一个底色会变成红色，其他不变(排它思想) ，修改类名方式3：下面的模块内容，会跟随上面的选项卡变化，所以下面模块变化写到点击事件里面。4：规律：下面的模块显示内容和上面的选项卡一一对应，相匹配5：核心思路：给上面的tab_list里面所以li添加自定义属性，属性值从0开始编号。6：当我们点击tab_list里面的某个li,让tab_con里面
2021-09-20 21:56:33
3755
原创 DOM操作-----获取自定义属性值
DOM操作-----获取自定义属性值element.getAttribute(‘属性’)：主要获得自定义的属性，我们程序员自定义的属性，而element.属性是获取内置属性值，即元素本身自带的属性。【设置元素的属性值】1：element.属性 = '值'2：element.setAttribute('属性','值');【移除属性值】1：removeAttribute(属性)...
2021-09-18 10:35:29
479
原创 DOM操作------百度换肤
DOM操作------百度换肤点击一张图片后 ，背景图片就变成该张图片，从而完成换肤。【案例分析】1：给四个小图片利用循环注册点击事件。2：当我们点击了这个图片，让我们页面北京改为当前的图片。3：核心算法：把当前图片的sce路径取过来，给body做背景即可。【实战】【CSS部分】<style> body{ background: url("car1.PNG"); } ul{ lis
2021-09-18 00:05:00
320
原创 DOM操作---表单全选按钮和取消全选按钮
DOM操作—表单全选按钮和取消全选按钮【案例】表单全选按钮和取消全选按钮业务需求：1：点击上面全选复选框，下面所有的复选框都选中（全选）。2：再次点击全选复选框，下面所有的复选框都不选中(取消全选)。3：如果下面复选框全部选中，上面全选按钮就会自动选中。4：如果下面复选框有一个没有选中，上面全选按钮就不选中。5：所有复选框一开始默认都是没选中状态。【案例分析】 1：全选和取消全选做法：让下面所有复选框的checked属性（选中状态）跟随全选按钮即可。 2：下面复选框需要全部选中，上面全
2021-09-18 00:04:45
770
原创 DOM操作-------密码框格式错误提示信息
DOM操作-------密码框格式错误提示信息【案例】密码框格式错误提示信息用户如果离开密码框，里面输入个数不是6-16，则提示错误信息，否则提示输入正确信息
2021-09-17 17:46:42
716
原创 利用DOM操作表单元素的属性-仿小米登录案例
利用DOM操作表单元素的属性表单元素的属性有：type,value,checked,selected,disabled【仿小米登录案例】点击按钮，将密码框切换为文本框，并可以查看密码明文【案例分析】1：核心思路：点击眼睛按钮，把密码类型改为文本框可以看到里面的密码。2：一个按钮两个状态，点击一次，切换为文本框，继续点击一次切换为密码框。3：算法：利用一个flag变量，来判断flag的值，如果是1就切换为文本框，然后将flag设置为0，如果是0就切换为密码框，flag设置为1。【实战】
2021-09-17 10:14:54
168
原创 分时显示不同图片，显示不同的问候语
【案例】 分时显示不同图片，显示不同的问候语要求：根据不同的时间，页面显示不同的图片，同时显示不同的问候语。1：如果是早上时间打开页面，显示上午好，显示上午图片；2：如果是下午时间打开页面，显示下午好，显示 下午图片；3：如果是晚上时间打开页面，显示晚上好，显示晚上图片；分析1：根据系统不同时间来判断，所以需要用到日期对象2：利用多分支语句来设置不同的图片。3：需要一个图片标签，并根据时间修改图片，就需要用到操作元素src属性4：需要一个div元素，显示不同的问候语，修改元素内容即可。
2021-09-16 23:34:17
1090
原创 innerText和innerHTML的区别
DOM操作innerText和innerHTML的区别element.innerText :从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉。 <button id="app">按钮</button> <script> var btn = document.getElementById("app"); btn.onclick = function(){ //innerText 不识别htm
2021-09-16 22:15:03
131
原创 JavaScript DOM操作----查找和访问 HTML 页面中的 HTML 元素。
DOM操作----查找和访问 HTML 页面中的 HTML 元素。一、通过 id 查找 HTML 元素二、通过标签名查找 HTML 元素三、通过类名查找 HTML 元素一、通过 id 查找 HTML 元素<div id = "intro"></div>var myElement = document.getElementById("intro");二、通过标签名查找 HTML 元素1:本例查找所有 p标签元素：//本例查找所有 <p>标签元素：var x
2021-09-14 19:41:06
387
原创 JavaScript对象
JavaScript对象一、对象二、创建对象的三种方式一、对象1.1 什么是对象？ 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中常用方法来表示（常用动词）二、创建对象的三种方式1：使用对象字面量创建对象：对象字面量：就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法；{ } 里面采取键值对的
2021-09-14 17:51:48
67
原创 JavaScript函数和作用域
JavaScript函数一、函数的概念二、函数的使用三、函数arguments的使用四、作用域五、作用域分类一、函数的概念函数：函数就是封装了一段可以被重复执行的代码块，目的就是让大量代码块重复使用。二、函数的使用1：声明函数function 函数名(){ //函数体}2：调用函数//函数名(); //通过调用函数名来执行函数体代码三、函数arguments的使用当我们不确定有多少个参数传递的时候，可以用arguments来获取。在JavaScript中，arguments
2021-09-14 16:28:39
71
原创 JavaScript的数组
JavaScript的数组1：数组的概念2：数组的创建方式1：数组的概念数组是指一组数据的集合,其中的每个数据被称作元素，在数组中可以存放任意类型的元素，数组是一种将一组数据存储在单个变量名下的优雅方式。2：数组的创建方式JS中创建数组有两种方式：利用new 创建数组var arr = new Array();//创建了一个空的数组利用数组字面量创建数组（常用）// 1.使用数组字面量方式创建空的数组var 数组名 = [];// 2. 使用数组字面量方式创建带初始值的数组v
2021-09-14 15:37:28
75
原创 初识JavaScript
初识别JavaScript@[toc] 1:JavaScript 是什么？2：浏览器执行JavaScript的原理3：JavaScript由哪三部分组成4：JavaScript的三个输出语句提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录初识别JavaScript前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内
2021-09-13 21:27:46
81
UML复习题（类图，活动图，等....）.zip
2019-12-29
电子科技大学uml期末考试题A卷+答案.zip
2019-12-29
java课程设计报告(小学数学教辅软件).zip
2019-12-29
基于SSM框架--超市管理系统项目+实验报告.zip
2019-12-28
银行家算法（仿真模拟银行家算法对死锁的避免）.zip
2019-12-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人