- 博客(15)
- 收藏
- 关注
原创 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 214
原创 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 90
原创 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 103
原创 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 158 1
原创 Ajax基础入门
AJAX笔记传统网站中存在的问题网速慢的情况下,页面加载时间长,用户只能等待表单提交后,如果一项不合格,需要重新填写表单所有内容页面跳转,重新加载页面,造成资源浪费,增加用户等待时间Ajax基础Ajax概述它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax的运行环境Ajax技术需要运行在网站环境中才能生效Ajax运行原理及实现
2020-11-26 17:26:30 888 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 128
原创 position属性有哪些值?分别代表什么意思?
static:默认值,元素是静止的没有开启定位relative:元素的相对定位,以自身为参照物absolute:元素的绝对定位,以最近的开启了定位的祖先元素为参照物fixed:元素的固定定位sticky:元素的粘滞定位...
2020-11-05 17:44:49 1216
原创 简述CSS超链接 伪类作用
简述CSS超链接 伪类作用链接伪类:a:link 设置链接本来的颜色a:visited 设置链接访问过后的颜色a:hover 设置链接在鼠标悬停时的颜色a:active 设置链接被激活的颜色
2020-11-05 17:35:08 586
原创 浏览器内核包含哪些常见模块
浏览器内核包含哪些常见模块?主线程:js引擎模块:负责js程序的编译和运行html、css文档解析模块:负责页面文本的解新DOM/css模块:负责dom/css在内存中的相关处理布局和渲染模块:负责页面的布局和效果的绘制(内存中的对象)分线程:定时器模块:负责定时器的管理DOM事件响应模块:负责事件的管理网络请求模块:负责ajax请求...
2020-11-05 14:32:28 408
原创 document.write和innerHTML的区别是什么?
document.write和innerHTML的区别是什么?document.write会将内容直接写入页面,把页面原有的内容全部覆盖掉innerHTML将内容写进某个DOM节点,不会覆盖整个页面
2020-10-30 11:13:00 280
原创 window.onload和$(document).ready有什么区别?
window.onload和$(document).ready有什么区别?window.onload$(document).ready加载条件网页全部加载完之后,包括图片,样式网页的DOM结构加载完之后执行次数只执行一次,写了多个会被覆盖,只执行最后一个可以执行多个,依次执行...
2020-10-30 11:06:28 75
原创 有关css的一些零散笔记
浏览器内核IEtridentFirefoxGeckoGoogle chromewebkit/blinkSafariwebkitOperaprestocss选择器:一对一一个元素就一个id多对多一个class对应多个元素一个元素可以多个classcss选择器的优先级权重行间样式 > id > class/属性 > 标签 > 通配符Css权重:!importantInfinity...
2020-10-30 10:53:32 159
原创 js中使用apply()与call()之后this的指向
call和apply的作用和区别call和apply都是用来调函数的,可以理解为一个对象没有该方法,但是他想调用该方法,就可以通过 call和apply来实现该操作。call和apply的第一个参数就是调用该方法的对象,传入后,方法里的this指向的就是该对象。不同点是call的第二个参数只接受单独的变量,而需要传入多个变量是时需使用apply...
2020-10-28 10:25:14 174
原创 使用原生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 551 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人