0

HTML连载69-透视属性以及其他属性练习

一、透视属性 1.什么是透视 透视简单来说就是近大远小 2.​注意点:一定要注意,透视属性必须添加到需要呈现近大远小效果的​元素的父元素。 3.​格式:perspective:数字px; 这里的数字代表透视的大小距离。 <!DOCTYPE html> <html lang="en"> <head> ...

心悦君兮君不知-睿 发布于 2020-02-20 00:11 评论(0)阅读(7)
0

常见CSS3选择器和文本字体样式汇总

常见的CSS3选择器包含:常用基本、属性、伪类、层级(组合)选择器,具体使用情况建议先阅读css选择器四大类:基本、组合、属性、伪类对于选择器的使用有一个基本了解,选择器的作用在于通过它找到元素,并且给它添加属性样式。 常用的选择器有:标签、id、类、关联(通过父集找到子集)组合选择器,注意html... ...

大灰牛博客 发布于 2020-02-19 23:55 评论(0)阅读(6)
0

ES6 - 基础学习(5: 数值扩展

二进制和八进制数值表示法 ES6提供了二进制和八进制数值的新写法,分别前缀 0b(或0B)、 0o(或0O)然后跟上二进制、八进制值即可。 二进制(Binary)表示法新写法:前缀 0b 或 0B。 let binary = 0b010101; // 21 let binary2 = 0B01011 ...

帝鸿琬琰 发布于 2020-02-19 22:11 评论(0)阅读(13)
0

皮皮家园干活~万元web前端系统班在线课程点击免费领取

点击添加群聊 今天在整理百度云盘里的资源,这几年累计了不少软件和教程。 在这特殊的时期里,先给大家分享一波。图片里的文件夹就是目录, 加入群聊免费领取 好资源就是要大家一起共享, 你们也不用到处在网上找资源, 或者帮别人转发到朋友圈才能得到。 只要是我有的,而你也刚好需要,那我愿意和你分享。 除了软 ...

半兮〆烟雨情 发布于 2020-02-19 20:45 评论(0)阅读(6)
0

变量提升与函数提升

变量提升 声明的变量会提升到函数或全局作用域顶部 简单例子 函数提升 函数写法:函数表达式、函数声明、Function构造函数(这种不推荐).其中函数表达式不会 函数提升 , 函数声明 会函数提升。 我们都知道程序在执行时是从上往下执行的,而这里 在定义之前就调用了为什么不报错? 实例一 值为多少? ...

破壳而出的蝌蚪 发布于 2020-02-19 19:55 评论(0)阅读(14)
1

挂号平台首页开发(静态页面部分)

1、首先是设计稿 2、然后使用PxCook进行尺寸标注 3、字体信息去PS里看 4、首页框架代码编写 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <lin ...

陈莺莺呀 发布于 2020-02-19 17:41 评论(2)阅读(15)
0

url相对路径变成绝对路径

var eleLink = document.createElement('a'); eleLink.href = "/wordpress/?p=9227"; console.log(eleLink.href); ...

改个名字吧 发布于 2020-02-19 16:20 评论(0)阅读(22)
0

JS中new的实现原理及重写

提到new,肯定会和类和实例联系起来,如: function Func() { let x = 100; this.num = x + } let f = new Func(); 上面的代码,我们首先创建了一个函数,如果是用面向对象的说法就是创建了一个Function类的实例,如果直接执行这个函数, ...

1800000000nm 发布于 2020-02-19 16:09 评论(0)阅读(18)
0

如何避免FOUC,是如何产生的

FOUC(Flash Of Unstyled Content)即浏览器样式闪烁或者叫做无样式内存闪烁(用户定义样式表加载之前浏览器使用默认样式显示文档,用户样式加载渲染之后再从新显示文档,造成页面闪烁。) 解决方法:用link加载css文件,放在head标签里面。 ...

无悔于心 发布于 2020-02-19 15:35 评论(0)阅读(5)
1

Vue中的$Bus使用

Vue中的$Bus使用 将Bus单独抽离成一个文件 Bus.js 创建两个兄弟组建 C2.vue C1.vue index.vue 注意:这种引入方式,经过webpack打包后可能会出现Bus局部作用域的情况,即引用的是两个不同的Bus,导致不能正常通信 将Bus注入到Vue的prototype上 ...

RopeHuo 发布于 2020-02-19 11:38 评论(0)阅读(28)
0

简单了解css3样式表写法和优先级

css3和css有什么区别?首先css33是css(层叠样式表)技术的升级版本,而css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布... ...

大灰牛博客 发布于 2020-02-18 23:59 评论(0)阅读(31)
0

jSon和Ajax登录功能,ajax数据交互案例

ajax实例,检测用户与注册 检测用户名是否被占用: 在用户填写完用户名之后,ajax会异步向服务器发送请求,判断用户名是否存在 首先写好静态页面: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ...

陈莺莺呀 发布于 2020-02-18 23:11 评论(1)阅读(25)
0

ES6 - 基础学习(4): 模板字符串和字符串新增方法

模板字符串 模板字符串:我理解为将字符串格式化、模板化,将字符串加强处理,此处的模板有动词的意思。 字符串模板基本格式: `xxxxxx`(前后都用反引号【tab键上面按键】引起来)。除了作为普通字符串 外;还可以用来定义多行字符串;也可以在字符串中插入变量和表达式,进行字符串内容扩充和计算。 1、 ...

帝鸿琬琰 发布于 2020-02-18 22:34 评论(0)阅读(35)
6

《古剑奇谭3》千秋戏辅助工具(前端React制作)

前言 一直身在武汉,基于众所周知的疫情原因,这个春节只能宅着。 不过其实这个春节是这些年来过得最爽的一个了。 没有鞭炮,不用四处跑,安安心心呆在家里玩玩游戏看看书写写代码,其实日子过得还是挺悠闲的。 废话少说,这段时间买了《古剑奇谭3》,全成就拿齐了之后,就抽了点时间来分享在玩游戏的过程中自制的一个 ...

韩子卢 发布于 2020-02-18 22:13 评论(0)阅读(245)
0

ES6 - 基础学习(3): 变量的解构赋值

解构赋值概述 1、解构赋值是对赋值运算符的扩展。 2、它是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。 3、代码书写上显得简洁且易读,语义更加清晰明了;而且还方便获取复杂对象中的数据字段。 解构模型 在解构赋值操作过程中,有下面两部分参与: 1、解构的源:解构赋值表达式的右边部分。如 ...

帝鸿琬琰 发布于 2020-02-18 22:04 评论(0)阅读(29)
20

vue项目实战经验汇总

[TOC] 1.vue框架使用注意事项和经验 本文主要总结了在开发vue项目中的一些实践经验和踩过的一些坑,后续会接着更新,便于后期复盘,希望也对你有所帮助 1.1 解决Vue动态路由参数变化,页面数据不更新 问题描述: 遇到动态路由如:/page/:id 从/page/1 切换到 /page/2 ...

辉是暖阳辉 发布于 2020-02-18 20:43 评论(7)阅读(1520)
0

AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

ajax 不重新加载整个网页的情况下,更新部分网页的技术 注意:ajax只有在服务器上运行才能生效,我在本地一般用phpstudy 优点: 1、优化用户体验 2、承担了一部分本该服务器端的工作,减轻了服务器端的压力 3、优化了服务器端和浏览器端的传输,减少了带宽占用 缺点: 1、不支持回退按钮 2、 ...

陈莺莺呀 发布于 2020-02-18 20:06 评论(0)阅读(13)
0

Javascript 基础学习(七)常用内置对象

Array 定义 数组也是一个对象,是一个用来存储数据的对象。和Object类似,但是它的存储效率比普通对象要高。数组中保存的内容我们称为元素。数组使用索引(index)来操作元素。索引指由0开始的整数。 数组操作 方法 push() 用来向数组的末尾添加一个或多个元素,并返回数组新的长度 语法:数 ...

STYeeQan 发布于 2020-02-18 19:21 评论(0)阅读(12)
0

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 ...

xsan 发布于 2020-02-18 18:04 评论(0)阅读(17)
0

原生JS实现轮播图

使用原生JS实现轮播图,仅需短短几行代码,代码如下 当然,不可能这么简单,这里我引入了自定义的 Carousel 类,是使用原生 JS 写的,全部的代码就不放出来了,只给出实现轮播的核心代码 javascript // nextIndex 下一个 index change(nextIndex) { ...

Blog_Lee 发布于 2020-02-18 10:58 评论(0)阅读(26)