- 博客(15)
- 收藏
- 关注
RSS订阅原创 FlexBox属性的基本使用
定义 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 // 任何容器都可以指定为Flex布局 .box{ display: flex; } // 行内元素使用Flex布局 .box{ diplay: inline-flex; } // Webkit内核的浏览器，必须加上-webkit前缀。 .box{ display: -webkit-flex; display: flex; } 当标签设置为flex布局之后
2021-07-07 13:34:38
236
原创 Vuex基础入门
基本使用 store文件目录下index.js中 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ // state存放全局数据 state: { number: 0 }, // getters相当于computed getters: { getNumber (state) { return state.number
2021-07-06 17:29:19
114
原创 ES6基础入门
变量声明（let） 基础使用 //1. 声明变量时不能重复声明 let temp = 1 let temp = 2 // Uncaught SyntaxError: Identifier 'temp' has already been declared //2. let声明的变量拥有块级作用域，不影响作用域链 { let JuiceBox = '果汁盒' } console.log(juiceBox); // Uncaught ReferenceError: l
2021-07-06 17:27:14
130
原创 Vue基础入门
一. 插值操作语法 1.1.Mustache语法 将data的文本数据插入HTML中 基本使用方法：{{}}中放入data里的数据名称，也可以是一个表达式例如{{counter*2}} <body> <div id="app"> <p>{{message}}</p> <p>{{firstName+lastName}}</p> <p>{{firstName+
2020-12-05 09:21:56
185
1
原创 Ajax基础入门
AJAX笔记 传统网站中存在的问题 网速慢的情况下，页面加载时间长，用户只能等待 表单提交后，如果一项不合格，需要重新填写表单所有内容 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间 Ajax基础 Ajax概述 它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验 Ajax的应用场景 页面上拉加载更多数据 列表数据无刷新分页 表单项离开焦点数据验证 搜索框提示文字下拉列表 Ajax的运行环境 Ajax技术需要运行在网站环境中才能生效 Ajax运行原理及实现
2020-11-26 17:26:30
943
1
原创 JavaScript(js)中==与===的区别
1、==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较； 2、===：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false； 类型转换规则： 1）如果等号两边是boolean、string、number三者中任意两者进行比较时，优先转换为数字进行比较。 2）如果等号两边出现了null或undefined,null和undefined除了和自己相等，就彼此相等 注意：NaN==NaN //返回false，NaN和所有值包括自己
2020-11-05 17:55:53
152
原创 position属性有哪些值？分别代表什么意思？
static：默认值，元素是静止的没有开启定位 relative:元素的相对定位,以自身为参照物 absolute:元素的绝对定位，以最近的开启了定位的祖先元素为参照物 fixed:元素的固定定位 sticky:元素的粘滞定位 ...
2020-11-05 17:44:49
1252
原创 简述CSS超链接 伪类作用
简述CSS超链接 伪类作用 链接伪类： a:link 设置链接本来的颜色 a:visited 设置链接访问过后的颜色 a:hover 设置链接在鼠标悬停时的颜色 a:active 设置链接被激活的颜色
2020-11-05 17:35:08
624
原创 js引擎执行代码的基本流程
js引擎执行代码的基本流程？ 先执行初始化代码： 设置定时器 绑定事件监听 发送ajax请求 后面在某个时刻才会执行回调函数
2020-11-05 14:33:30
142
原创 浏览器内核包含哪些常见模块
浏览器内核包含哪些常见模块? 主线程： js引擎模块：负责js程序的编译和运行 html、css文档解析模块：负责页面文本的解新 DOM/css模块：负责dom/css在内存中的相关处理 布局和渲染模块：负责页面的布局和效果的绘制(内存中的对象) 分线程： 定时器模块：负责定时器的管理 DOM事件响应模块：负责事件的管理 网络请求模块：负责ajax请求 ...
2020-11-05 14:32:28
449
原创 document.write和innerHTML的区别是什么？
document.write和innerHTML的区别是什么？ document.write会将内容直接写入页面，把页面原有的内容全部覆盖掉 innerHTML将内容写进某个DOM节点，不会覆盖整个页面
2020-10-30 11:13:00
302
原创 window.onload和$(document).ready有什么区别？
window.onload和$(document).ready有什么区别？ window.onload $(document).ready 加载条件 网页全部加载完之后，包括图片，样式 网页的DOM结构加载完之后 执行次数 只执行一次，写了多个会被覆盖，只执行最后一个 可以执行多个，依次执行 ...
2020-10-30 11:06:28
87
原创 有关css的一些零散笔记
浏览器 内核 IE trident Firefox Gecko Google chrome webkit/blink Safari webkit Opera presto css选择器： 一对一 一个元素就一个id 多对多 一个class对应多个元素 一个元素可以多个class css选择器的优先级权重 行间样式 > id > class/属性 > 标签 > 通配符 Css权重： !important Infinity ...
2020-10-30 10:53:32
186
原创 js中使用apply()与call()之后this的指向
call和apply的作用和区别 call和apply都是用来调函数的，可以理解为一个对象没有该方法，但是他想调用该方法，就可以通过 call和apply来实现该操作。 call和apply的第一个参数就是调用该方法的对象，传入后，方法里的this指向的就是该对象。不同点是call的第二个参数只接受单独的变量，而需要传入多个变量是时需使用apply ...
2020-10-28 10:25:14
192
原创 使用原生JS生成指定位数的验证码，验证码包括字母和数字
使用原生JS生成指定位数的验证码，验证码包括字母和数字 function verificationCode(num) { var arr = []; var letterFlag = false; var numberFlag = false; for (i = 0; i < num; i++) { // 获取随机大写字母 var uppercase = String.fromCharCode(Math.round(Math.random
2020-10-27 19:18:43
591
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人