雾町-CSDN博客

1. js嵌入页面的三种方式（1）外部引入<script type="text/javascript" src="js/index.js"></script>（2）页面script标签嵌入<script> //代码</script>（3）行内标签嵌入<input type="button" onclick="alert('ok!');">2. 变量类型5种基本数据类型：1、number 数字类型2、string

2021-09-14 22:02:20 104

原创 less语法

less的基本语法和css一样，但增加了很多css没有的语法，比如定义变量、混合、嵌套、运算、注释、导入。变量less中定义变量需要加“@”，如@mywidth:100px;@mywidth:100px;@mycolor:hotpink;.box{ width:@mywidth+50; color:@mycolor;}混合可以在一端css代码里通过类名插入另一端css代码。.mysize{ width: 200px; height: 200px;

2021-09-13 17:44:07 110

原创移动端布局：流体布局、弹性盒布局、rem布局

针对移动端布局适配，可以采用流体布局、弹性盒布局、rem布局的方式，一个页面的布局可以综合运用这三种方式完成最终的布局。1、流体布局宽度用百分比，高度用固定值的布局方式，宽度通过百分比来适配不同宽度的屏幕。优缺点　　直接将宽度写成百分比，高度写固定值，这种布局方式就比较简单，但是对于宽屏和窄屏，宽度的百分比是相同的，得到的最终宽度是不同的，而高度是固定值，这就让网页在宽屏上，感觉整个网页在横向上被拉伸的，体验不是很好，另外，用百分比的方式不能解决所有布局情况，还需要结合后面的响应式布局的技巧.

2021-09-13 14:50:58 708

原创 CSS3样式特效

1.元素2D变换2D变换就是让盒子进行转动(rotate)、缩放(scale)、位移(translate)。transform设置转动角度：transform:rotate(30deg);　//顺时针转动30°　　　　　　　transform:rotate(－30deg);　//逆时针转动30°设置旋转点：transform-origin:x-axis y-axis　以左下角为原点，左边向上为y轴，下边向右为x轴　　　　　　transform-origin:left center;　//设置

2021-09-08 12:27:06 509

转载 html学习笔记001-页面渲染过程

1.渲染引擎渲染引擎大致包括HTML解析器、CSS解析器、布局和JavaScript引擎。HTML解析器：解析HTML，将HTML文本解析成DOM树。CSS解析器：解析CSS，将DOM中的各元素加上样式信息，形成CSSOM树，给布局提供依据。布局：将DOM树和CSSOM树结合起来，计算它们的大小、位置等布局信息形成一个能表示这所有信息的模型——Render树。JavaScript引擎：解析JavaScript代码，并把代码的逻辑和对DOM、CSS的改动应用到布局中。这些模块依赖很多基础模块

2021-07-21 16:15:55 236

原创 vue学习笔记002-常用指令

总结vue的个常用指令1.v-html、v-textv-html：把文本解析为HTML格式v-text：把文本解析为TEXT格式<!DOCTYPE html><html><head> <title>vue入门</title> <script src="vue.js"></script></head><body> <div id="box"> <div

2021-07-20 16:44:36 63

原创 vue学习笔记001-基础语法

在html中定义变量：{{变量名}}在js中需要实例化一个vue对象new Vue({　　el:"#box",　　data:{ }，　　methods:{}});<!DOCTYPE html><html><head> <title>vue入门</title> <script src="vue.js"></script></head><body> <div .

2021-07-20 14:27:26 52

原创实现Ajax的四种方法

总结实现Ajax的四种方法。1.js实现<form autocomplete="off"> 姓名：<input type='text' id='username'> <span id='uSpan'></span> <br> 密码：<input type='password' id='password'></form><scrpit> document.get.

2021-07-18 15:12:14 299

weixin_43819595的博客

原创 js中的深拷贝、浅拷贝

原创 JavaScript基础