HTML连载69-透视属性以及其他属性练习
一、透视属性 1.什么是透视 透视简单来说就是近大远小 2.注意点：一定要注意，透视属性必须添加到需要呈现近大远小效果的元素的父元素。 3.格式：perspective:数字px; 这里的数字代表透视的大小距离。 <!DOCTYPE html> <html lang="en"> <head> ...
常见CSS3选择器和文本字体样式汇总
常见的CSS3选择器包含：常用基本、属性、伪类、层级（组合）选择器，具体使用情况建议先阅读css选择器四大类：基本、组合、属性、伪类对于选择器的使用有一个基本了解，选择器的作用在于通过它找到元素，并且给它添加属性样式。
常用的选择器有：标签、id、类、关联（通过父集找到子集）组合选择器，注意html... ...
ES6 - 基础学习(5: 数值扩展
二进制和八进制数值表示法 ES6提供了二进制和八进制数值的新写法，分别前缀 0b(或0B)、 0o(或0O)然后跟上二进制、八进制值即可。 二进制(Binary)表示法新写法：前缀 0b 或 0B。 let binary = 0b010101; // 21 let binary2 = 0B01011 ...
皮皮家园干活~万元web前端系统班在线课程点击免费领取
点击添加群聊 今天在整理百度云盘里的资源，这几年累计了不少软件和教程。 在这特殊的时期里，先给大家分享一波。图片里的文件夹就是目录， 加入群聊免费领取 好资源就是要大家一起共享， 你们也不用到处在网上找资源， 或者帮别人转发到朋友圈才能得到。 只要是我有的，而你也刚好需要，那我愿意和你分享。 除了软 ...
挂号平台首页开发（静态页面部分）
1、首先是设计稿 2、然后使用PxCook进行尺寸标注 3、字体信息去PS里看 4、首页框架代码编写 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <lin ...
url相对路径变成绝对路径
var eleLink = document.createElement('a'); eleLink.href = "/wordpress/?p=9227"; console.log(eleLink.href); ...
JS中new的实现原理及重写
提到new，肯定会和类和实例联系起来，如： function Func() { let x = 100; this.num = x + } let f = new Func(); 上面的代码，我们首先创建了一个函数，如果是用面向对象的说法就是创建了一个Function类的实例，如果直接执行这个函数， ...
如何避免FOUC，是如何产生的
FOUC（Flash Of Unstyled Content）即浏览器样式闪烁或者叫做无样式内存闪烁（用户定义样式表加载之前浏览器使用默认样式显示文档，用户样式加载渲染之后再从新显示文档，造成页面闪烁。） 解决方法：用link加载css文件，放在head标签里面。 ...
Vue中的$Bus使用
Vue中的$Bus使用 将Bus单独抽离成一个文件 Bus.js 创建两个兄弟组建 C2.vue C1.vue index.vue 注意:这种引入方式，经过webpack打包后可能会出现Bus局部作用域的情况，即引用的是两个不同的Bus，导致不能正常通信 将Bus注入到Vue的prototype上 ...
简单了解css3样式表写法和优先级
css3和css有什么区别？首先css33是css（层叠样式表）技术的升级版本，而css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布... ...
jSon和Ajax登录功能，ajax数据交互案例
ajax实例，检测用户与注册 检测用户名是否被占用： 在用户填写完用户名之后，ajax会异步向服务器发送请求，判断用户名是否存在 首先写好静态页面： index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ...
ES6 - 基础学习(4): 模板字符串和字符串新增方法
模板字符串 模板字符串：我理解为将字符串格式化、模板化，将字符串加强处理，此处的模板有动词的意思。 字符串模板基本格式： `xxxxxx`（前后都用反引号【tab键上面按键】引起来）。除了作为普通字符串 外；还可以用来定义多行字符串；也可以在字符串中插入变量和表达式，进行字符串内容扩充和计算。 1、 ...
《古剑奇谭3》千秋戏辅助工具（前端React制作）
前言 一直身在武汉，基于众所周知的疫情原因，这个春节只能宅着。 不过其实这个春节是这些年来过得最爽的一个了。 没有鞭炮，不用四处跑，安安心心呆在家里玩玩游戏看看书写写代码，其实日子过得还是挺悠闲的。 废话少说，这段时间买了《古剑奇谭3》，全成就拿齐了之后，就抽了点时间来分享在玩游戏的过程中自制的一个 ...
ES6 - 基础学习(3): 变量的解构赋值
解构赋值概述 1、解构赋值是对赋值运算符的扩展。 2、它是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 3、代码书写上显得简洁且易读，语义更加清晰明了；而且还方便获取复杂对象中的数据字段。 解构模型 在解构赋值操作过程中，有下面两部分参与： 1、解构的源：解构赋值表达式的右边部分。如 ...
vue项目实战经验汇总
[TOC] 1.vue框架使用注意事项和经验 本文主要总结了在开发vue项目中的一些实践经验和踩过的一些坑，后续会接着更新，便于后期复盘，希望也对你有所帮助 1.1 解决Vue动态路由参数变化,页面数据不更新 问题描述： 遇到动态路由如：/page/:id 从/page/1 切换到 /page/2 ...
AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象
ajax 不重新加载整个网页的情况下，更新部分网页的技术 注意：ajax只有在服务器上运行才能生效，我在本地一般用phpstudy 优点： 1、优化用户体验 2、承担了一部分本该服务器端的工作，减轻了服务器端的压力 3、优化了服务器端和浏览器端的传输，减少了带宽占用 缺点： 1、不支持回退按钮 2、 ...
Javascript 基础学习（七）常用内置对象
Array 定义 数组也是一个对象，是一个用来存储数据的对象。和Object类似，但是它的存储效率比普通对象要高。数组中保存的内容我们称为元素。数组使用索引（index）来操作元素。索引指由0开始的整数。 数组操作 方法 push() 用来向数组的末尾添加一个或多个元素，并返回数组新的长度 语法：数 ...
vue 使用v-for进行循环
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="htt ...
