- 博客(18)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 交通灯的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .right { width: 100px; height: 100px; border-radius: 50%;
2020-12-02 12:00:16
358
2
原创 斐波那契数列尾递归优化
斐波那契数列（兔子数列）斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家莱昂纳多·斐波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：0、1、1、2、3、5、8、13、21、34、……在数学上，斐波那契数列以如下被以递推的方法定义：F(0)=0，F(1)=1, F(n)=F(n - 1)+F(n - 2)（n ≥ 3，n ∈ N*）递归算法：function f(n){ if (n<=2){
2020-11-25 01:35:33
640
原创 递归方法实现完全冻结对象
递归方法实现完全冻结对象递归算法（英语：recursion algorithm）在计算机科学中是指一种通过重复将问题分解为同类的子问题而解决问题的方法。Object.keys(obj)obj：要返回器枚举自身属性的对象。返回值：返回一个所有元素为字符串的数组，其元素来自于从给定的obj里可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。以上是对相关知识的介绍下面是代码的实现与分析//冻结freezeobj// const freezeobj = Object.freeze({a
2020-11-23 18:36:53
244
原创 前端响应式布局
响应式布局响应原理介绍响应式布局通过同一份代码快速、有效适配手机、平板、PC设备等所有的屏幕位置：手机端(单独制作)；<-----响应式（三端）----->PC(单独制作)响应布局的原理：媒体查询+百分比布局（浮动）；rem布局也有媒体查询（设置HTML 字体大小 1rem=多少px），但是rem布局更侧重于等比变化；档位划分媒体查询：档位划分；市场上默认的划分；三个节点、四个档位w<768 超小屏幕（xs : extra small）（手机，学习rem布局里面的
2020-11-09 00:31:39
653
原创 rem+媒体查询+less 方案
rem+媒体查询+less 方案初体验：rem+媒体查询 解读：不同屏幕，变化HTML的font-sizing大小；(基础块的改变)less能给我带来什么？计算：页面元素，HTML的font-sizing大小问题：不同档位下的HTML font-size大小是怎么计算的？随便给的？设计稿尺寸不同，页面在不同的尺寸下要等比缩放档位划分：min-width 最小界值；@no:10// 320@media screen and (min-width: 320px)
2020-11-09 00:23:21
154
原创 less简介与安装
less从上面来看，我们需要计算，CSS没有计算功能；很多地方不方便复用 ；介绍Less（Leaner Style Sheets 的缩写）是一门 CSS 扩展语言，它扩展了CSS的动态特性。 CSS 预处理器。常见的CSS预处理器：Sass、Less、Stylus 。预处理器是程序中处理输入数据，产生能用来输入到其他程序的数据的程序。Less中文网址：http://lesscss.cn/less : 让你写更少的代码，实现相同的效果；安装在线安装：搜索 Easy LESS安
2020-11-09 00:19:24
199
原创 rem 布局
rem 布局流式布局、flex布局在宽度上控制的布局，高度写死；rem布局，最为直观的效果，页面全部元素现实等比缩放，包括文字，盒子大小；rem 单位rem单位，可以控制整个页面所有元素有关PX类；（宽、高、padding、margin、top…）只要是你设置数值的地方都可以实现控制；语法root: 1rem=HTML的font-size大小；语法：/* 1.根html 为 15px */html { font-size: 15px;}/* 2.此时 div 的
2020-11-09 00:14:30
330
原创 flex伸缩布局
flex布局flex布局是相比较传统布局（流式布局），操作非常快捷的布局；1.介绍了解flex布局、知道与传统布局的区别及应用场景；对比：传统布局：兼容性好；布局繁琐；浮动，清除浮动；局限性，不能在移动端很好的布局；flex布局：操作方便，布局极其简单，移动端使用比较广泛；PC端浏览器支持情况比较差：l使用：如果是PC端页面布局，采用传统方式；如果是移动端或者是不考虑兼容的pc则采用flex；特点：flex 是 flexible Box 的缩写，意
2020-11-09 00:00:38
373
原创 JS基础扩展
其他扩展部分注意：JavaScript中没有堆和栈的概念。把一个变量赋值给另外一个变量，传递值传递：把数据复制一份，传递给另外一个变量【两份数据】【简单数据】引用传递：把数据地址复制一份进行传递【一份数据】【复杂数据】var n = 2;var m = n;如果n是简单数据【会把n的数据复制一份给m，此时n和m一人一份数据】var n = {};var m = n;如果n是复杂数据【会把n的地址给m，此时n和m地址指向的是同一份数据】简单数据类型在内存中的存储 ☞ 简单数据类
2020-11-08 13:22:42
159
原创 JavaScript对象创建与对象方式
对象☞ 现实世界： 万事万物皆对象。对象： 类中的具体的某个实例【属性和方法的集合体】必须是一个具体的事物。 （手机，汽车不是对象，属于一类对象）对象是由 特征（名词）【属性】 和 行为（动词）【方法】 属性：对象有的东西，称为属性 方法：对象做什么事情，称为方法☞ 程序中的对象： 对现实对象的抽象☞ 总结：程序中的对象：✔ 对象必须有对应的属性【描述对象的特点，在程序中一般使用名词描述】✔ 对象必须有行为动作方法 【方法用来描述具体对象的行为动作，一般方法使用动词】对象.属性名
2020-11-08 02:18:49
81
原创 JavaScript预解析与闭包、沙箱、柯里化
预解析在js运行时会进行三件事：1.语法分析 2.预编译 3.解释执行语法分析：会在代码执行前对代码进行通篇检查，以排除一些低级错误预编译：发生在代码执行的前一刻解释执行：就是执行代码☞ 思考1 var num = 5; console.log( num );☞ 思考2 console.log( num ); var num = 5;☞ 思考 3 function f1 () { } f1();☞ 思考4 f1(); function f1 (
2020-11-08 02:11:47
107
原创 函数封装、调用、作用域
函数（方法） 封装函数：一段代码的封装定义函数：function fn(){} ,var fn = function (){}调用函数：函数名();参数：形参，实参函数：目的： 1、了解函数作用【代码封装，重复使用】2、会定义函数并且调用【function 函数名 () {}，调用：函数名();】函数的概念函数： 可以封装一段特定功能代码，然后通过函数名调用，实现对该段代码重复使用函数：一段（功能）代码的封装函数重点：1. 封装2. 重复函数的作用实现代码的重复使用，提高
2020-11-08 02:08:38
981
原创 JavaScript基础：循环语句（冒泡排序）
JavaScript基础：循环语句（冒泡排序）循环 循环变量初始化【var i = 1】 循环条件的判断【i <= 100】 循环变量的改变【i = i + 1; i++;】☞ 循环： 重复的再做一件事件✔ 当条件满足的时候，执行循环代码✔ 条件不满足的时候，不会执行循环代码 三要素：变量初始化，循环条件判断，循环变量的改变while循环目的：用循环重复的执行一段代码语法while(条件表达式) { 代码（循环体）}//循环变量初始化：（定义一
2020-11-08 01:51:45
442
原创 JavaScript基础：运算符与流程控制（判断语句）
JavaScript基础：运算符与流程控制（判断语句）算数运算符+ 运算 总结： 1. 如果是数值类型的变量相加，结果就是一个数值类型的结果 2. 如果是一个字符串类型的变量相加，最后的结果就是字符串（加号起到的作用就是拼接字符串的功能） 如果+两边都是数字就是数学上的加，如果两边有字符串出现就会执行字符串的连接 - 运算 总结： 1. 如果是数值类型的变量相减，结果就是一个数值类型的结果 2. 如果是数字的字符串相减，得到的结果也是一个数值类型结果
2020-11-08 01:44:52
336
原创 JS由来与JS基础：数据类型
JavaScriptJavaScript发展历史(js)1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器–只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。liveScript==>javaScript==>ECMAscript1995年Sun公司将Oak语言改名为Java，正式向市场推出。
2020-11-08 01:32:59
153
原创 CSS属性及CSS3特性学习笔记
CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。CSS初识CSS(Cascading Style Sheets)CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方
2020-11-01 18:32:42
485
原创 HTML及HTML5学习笔记（心得感悟）
工具的使用显示浏览器介绍浏览器是网页显示、运行的平台客户端，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。浏览器内核浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。JS 引擎 则是解析 Javascr
2020-10-27 00:06:30
1300
1
思维导图----HTML
2020-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人