NIE52-CSDN博客

原创 JavaScript 基础--变量、数据类型

theme: cyanosishighlight: a11y-lightJavaScript 基础–变量、数据类型JavaScript （是什么？）是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。作用（做什么？）网页特效 (监听用户的一些行为让网页作出对应的反馈)表单验证 (针对表单数据的合法性进行判断)数据交互 (获取后台的数据, 渲染到前端)服务端编程 (node.js)JavaScript的组成（有什么？）ECMAScript:规定了js基础语法核心知识.

2022-04-25 19:03:45 1460

原创 # Less+响应式布局

theme: cyanosishighlight: a11y-lightLess+响应式布局lessless介绍：less是一种提高我们编写css效率的技术，专业术语“css预处理器”，less文件后缀名是".less",相同的技术有（scss，stylues）。在工作中，写样式的地方，都不会直接写在css文件中，而是写在less文件中，再经过插件（easy less vscode）插件自动生成css文件，而我们只要在html结构中引入css文件即可。可直接link 引入less文件.

2022-04-25 19:03:07 646

原创移动Web第五天--移动适配

移动适配什么是移动适配？“移动适配是指使不同尺寸的手机设备页面“相对性的达到合理的展示(自适应)”或者“保持统一效果的等比缩放。”移动端屏幕适配1.手机屏幕比较小的手机，看到的页面元素就越小2.手机屏幕比较大的手机，看到的页面元素就越大我们在书写页面的时候常常用到px单位，然而px单位是绝对长度单位，大小固定不变！然而我们想要实现屏幕适配需求，重点就在单位上只能选择相对长度单位 vw最简单也是最容易的l rem ：目前多数企业在用的解决方案用得少l vw / vh：未来的解决方案

2022-04-25 19:02:27 1442

原创移动Web第四天---Flex布局

Flex布局…Flex布局中浮动不能用！！！，定位，margin，转换可以用1.设置主轴的水平对齐方式 justify-content主轴也称X轴justify-centent:flex-start 左侧开始依次排列对齐(默认值)justify-centent:flex-end 右对齐justify-centent:centent 主轴居中对齐justify-centent:space-around 间隔存放中间宽度大于两边justify-centent:space-betwe

2022-04-25 19:01:33 111

原创移动Web第三天---动画

theme: cyanosishighlight: a11y-light动画过度是可以实现2个状态间变化的过程动画效果：实现多个转台间的变化过程，动画过程可控(重复播放，最终画面，是否暂停)动画实现步骤定义步骤：@keyframes 动画名称{ from {} to{}}或@keyframes 动画名称{ 0%{} 10%{} 15%{} 100%{}}2.使用动画animation:动漫名称动漫花费时长; 使用在父级盒子上动画属性.

2022-04-25 19:00:05 102

原创移动Web 第二天# 空间位移和立体图形的基本知识

theme: cyanosishighlight: a11y-light移动移动Web第二天—空间转换空间转换目标：使用transform属性实现元素在空间内的位移，旋转，缩放效果空间：是从坐标轴定义的。x,y,z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。空间转换也叫3D转换属性：transform空间位移目标：使用transform实现元素空间位移效果语法transform：translate3d(x,y,z);transform：translateX.

2022-04-25 18:58:59 316

原创移动web 第一天

移动Web第1天1字体图标优点灵活随时修改颜色和尺寸（color font-size）轻量级体积小兼容性好Unicode图标引入法（不方便，不常用）引入icon font。css文件通过i标签把unicode编码复制过来设置span标签的家族样式，font-family：‘iconfont’修改字体颜色，尺寸大小<title>图标</title> <link rel="stylesheet" href="./iconfont.cs

2022-04-25 18:57:45 62

原创我的前端html+css基础--笔记

复习html+Css自我回顾重点知识定位绝对定位postion:absolute;相对定位position: relative;固定定位position:fixed固定定位与绝对定位类似，但是固定定位是相对于浏览器窗口定位，并且不会随着滚动条进行滚动固定定位的最常见的一种用途是在页面中创建一个固定头部、固定脚部或者固定侧边栏，不需使用margin、border、padding。静态定位position:static;静态定位：一般的标签元素不加任何定位属性都属于

2022-04-25 18:55:54 218

原创 Js高级数组方法--构造函数

JS高级箭头函数ES6中新增定义函数方式（）=>const fn = ( )=>{ }箭头函数以小括号开头，小括号里面放置形参的地方小括号后面要写一个箭头这是固定语法小箭头后面要写一个大括号大括号依然表示函数体这就是定义箭头函数的基本方式箭头函数没有名字要如何调用呢？通常我们都会讲箭头函数赋值给一个变量变量名字就是函数名字，通过变量名字来调用函数就可以了函数体中只有一句代码，且代码的执行结果就是返回值，可以省略大括号、不能写return

2022-04-25 18:24:27 715

原创发布---文本域内容

<body> <textarea id="are"></textarea> <button>发布</button> <ul></ul> <script> const are = document.querySelector('#are') const ul = document.querySelector('ul') const b.

2022-04-14 03:11:42 157

原创【无标题】

1.获取dom元素2.创建dom元素3.修改dom元素4.删除dom元素1.获取单个dom元素<body> <ul> <li>1</li> <li>2</li> </ul>  &l

2022-04-13 23:10:19 49

原创元素节点之间的关系

点击那个li标签哪个li标签就会变红色<body> <!-- 1.元素节点之间的关系父节点子节点 ...

2022-04-13 21:22:15 109

weixin_59166066的博客