- 博客(26)
- 收藏
- 关注
RSS订阅原创 JavaScript DOM基础
1. 基本概念文档对象模型（Document Object Model, 简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或XML）的标准编程接口。可以改变页面的内容结构和样式。DOM 里面的专有名词DOM 树文档 ：一个页面就是一个文档，在DOM中用document表示元素：页面中的所有标签都是元素，DOM中使用element表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示DOM 把以上内容都看做对象2. 获取页面元素DOM在实际
2022-03-13 08:03:02
230
原创 杨辉三角 leedcode
题目描述给定一个非负整数 numRows，生成「杨辉三角」的前 numRows 行。在「杨辉三角」中，每个数是它左上方和右上方的数的和。实现效果输入: numRows = 5输出: [[1],[1,1],[1,2,1],[1,3,3,1],[1,4,6,4,1]]解题思路观察规律111121133114641可见 每一行左右都是1，可以先对其进行初始化中间数据满足第i行的第j个数据 = 第i-1行的第j-1个数据和第i-1行第j个数据相加的和代码实现publ..
2022-03-12 16:30:00
147
原创 爬楼梯 -- leetcode
题目描述假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？实现效果输入：n = 3输出：3解释：有三种方法可以爬到楼顶。1 阶 + 1 阶 + 1 阶1 阶 + 2 阶2 阶 + 1 阶解题思路观察规律，可以发现设f(n)为对应方法数n = 1 —> f(n)= 1n = 2 —> f(n) = 2n = 3 —> f(n) = 3n = 4 —> f(n) = 5n = 5..
2022-03-11 16:04:04
260
原创 最大连续子序列和
题目描述给你一个整数数组 nums ，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。实现效果输入：nums = [-2,1,-3,4,-1,2,1,-5,4]输出：6解释：连续子数组 [4,-1,2,1] 的和最大和为 6 。解决思路关键词：连续，最大和连续：遍历数组相加可以实现 for循环最大和：逐个元素相加的过程中，如果当前和<0，则会造成与后面的元素相加结果变小，所以应该舍弃当前和，从下一个元素作为最大连续子数组的起点往下逐个相加；如果..
2022-03-10 14:26:13
103
原创 Web ApI 阶段 简要
Web APIs 和 JS 基础关联性JS基础为web APIs的学习做铺垫， web APIs 是JS独有的，真正实现交互效果的，会大量使用到JS基础语法。API 和 Web API**API（Application Programming Interface，应用程序编程接口）**是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。简单来说，API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能Web
2022-03-10 07:38:02
96
原创 JavaScript 用两种方法做一个简易计算器
第一种 使用基本数据类型注意点： prompt 用户从浏览器输入的任何数据都是字符串型的，使用数字需要强制转换// 简易对象器function input1(){ var num1 = prompt('请输入第一个数:'); return parseFloat(num1);}function input2(){ var num2 = prompt('请输入第二个数:'); return parseFloat(num2);}// 1. 加法运算function
2022-03-09 10:50:51
7858
1
原创 JavaScript 对象
1. 对象对象是一个具体的事务，万物皆对象在JS中，对象是一组无序的相关属性和方法的集合，所有的事务都是对象，例如字符串、数值、数组和函数等。对象是由属性和方法组成的属性：事务的特征，在对象中用属性来表示（常用名词）方法：事务的行为，在对象中用方法来表示（常用动词）如图形象表示对象的属性和行为保存一个值可以用变量保存一组值可以用数组而要保存一个人的完整信息就需要用到对象了，JS中的对象表达结构更清晰，更强大。2. 创建对象的三种方式1. 利用 字面量 创建对象对象字面量：就是花
2022-03-09 09:47:47
207
原创 JavaScript 函数
1. 函数概念函数：就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使用2.函数使用声明函数调用函数// 声明函数 function 关键字function sayHi(){ console.log('hi~~');}//调用函数sayHi();demo – 使用函数求1-100的累加和function getSum(num1, num2){ var sum = 0; for(var i = num1; i <= num2; i++){
2022-03-08 14:29:33
287
原创 JavaScript 数组
1. 基本概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式2.创建数组利用new创建数组// 利用new来创建数组var arr = new Array(); // 创建了一个空数组利用数组字面量创建数组// 利用数组字面量来创建数组var arr = []; 注意：数组里面的数据一定要用逗号隔开3.获取数组中的元素数组的索引索引（下标）：用来访问数组元素的序号（数组下标从0开
2022-03-08 09:59:24
507
原创 JavaScript 流程控制
JavaScript 流程控制1.基本概念流程控制就是通过控制代码的执行顺序来实现我们需要的功能流程控制有顺序结构，分支结构和循环结构2.顺序结构顺序结构是程序中最简单，最基本的流程控制，没有特定的语法结构，程序会按照代码的先后顺序，依次执行3.分支结构从上到下执行代码的过程中，根据不同的条件，执行不同的路径代码，从而得到不同的结果两种分支结构语句：if语句和switch语句1.if分支语句语法:if(条件表达式){条件成立执行的代码语句；}else{条件不成立执行的代码语句
2022-03-07 22:13:28
331
原创 javascript -- 运算符
1. 运算符运算符（operator） 也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。比较简单，学过Python的话会发现基本和Python一样，两者都是解释型语言。2. 算数运算符注意：浮点数参与运算会出现问题，所以我们在算数运算是要尽量避免浮点数的运算，也不要进行浮点数的比较先乘除后加减，小括号最优先3. 递增和递减运算符递增（++） 递减（–）。必须配合变量来使用。前置自增，先自增，后返回值//前置递增运算符 先自增1后返回值 写在变量前面var num1 =
2022-03-07 10:37:29
378
原创 javaScript基础
1. 初识JavaScript基本概念JavaScript是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行现在也可以基于Node.js技术进行服务器端编程JS作用表单动态校验（密码强度检测）（JS产生最初的目的）网页特效服务端开发（Node.js）桌面程序（Electron）APP（Codova）控制硬件-物联网（RUff）游戏开发（coco2sd-js）浏览器执行js浏览器分
2022-03-07 08:55:18
168
原创 vw和vh
1.基本概念vw/vh是一个相对单位（类似于em,rem)vw：viewport width 视口宽度单位vh：viewport height 视口高度单位相对视口的尺寸计算结果1vw = 1/100视口宽度1vh = 1/100视口高度注意：和百分比是有区别的，百分比时相对于父元素来说得，而vw和vh总是针对于视口来说的。2.使用vw开发设计中使用vw，需要使用像素大厨将模式改为2X使用vw，还原设计稿需要做确定设计稿视口宽度。如375直接使用测量数值/（视口宽度/
2022-03-06 07:25:44
9054
原创 rem布局
1.rem单位rem类似于emem是相对于父元素的字体大小来说的相对单位rem是相对于html元素字体大小来说的，也可以作为宽高的单位优点：可以通过修改html里面的文字大小来整体控制整个页面的文字大小2.媒体查询（Media Query）可以针对于不同的屏幕尺寸设置不同的样式对于不同媒体和不同浏览器大小，页面也会根据浏览器的宽度和高度重新渲染页面基本语法：@media mediatype and|not|only (media feature){ CSS-Code;}
2022-03-05 21:48:38
408
原创 移动端布局--flex布局
为盒状模型提供最大的灵活性将父盒子设置为flex布局以后，子元素的float、clear和vertical-align都将失效伸缩布局=弹性布局=伸缩盒布局=flex布局1.布局原理通过给父盒子添加flex布局来控制子盒子的位置和排列方式2.flex布局常见父项属性flex-direction:设置主轴方向默认x方向为主轴，取值如下justify-content:设置主轴上的子元素排列方式注意：使用这个属性前一定要确定好主轴是哪个flex-wrap:设置子元素是否换行
2022-03-05 10:57:03
153
原创 移动端基础
兼容移动端主流浏览器，处理webkit内核浏览器即可1.调试方式Chrome DevTools的模拟手机调试搭建本地Web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器直接ip或者域名访问2. 视口vlewport即屏幕区域布局视口 layout viewport固定宽度980px不适合移动端视觉视口 visual viewport网站区域ideal视口 ideal viewport适合，实现这个视口需要手动添写meta标签，可以实现视口和设备宽度
2022-03-04 21:37:06
142
原创 CSS3转换
**转换(tranform)**是CSS3中具有颠覆性的特征之一，可以实现元素的位移，旋转、缩放的效果2D转换二维坐标系移动translate，类似于定位语法transform: translate(x,y);或transform: translatex(n);transform: translatey(n);(目前学到的移动盒子位置的方法有：定位，盒子外边距，2d转换移动)translate最大优点：不会影响到其他元素的位置值为百分比时是相对于自身来说的对行内标签没有效果
2022-03-04 19:36:30
246
原创 搭建一个网站的流程
1.创建文件夹images:放基本不需要改变的图片upload:放需要更新的图片css:网页样式js:js文件2.初始文件index.html：首页结构base.css：初始化样式文件common.css：公共样式文件将css文件引入html文件中3.模块化开发将一个项目按照功能划分，一个功能一个模块，互不影响将结构和样式单独作为一个模块，然后重复使用，卸载common.css公共样式中，运用到不同的页面中（如网站内多个网页的顶部和尾部是一样的，就可以写在common.css中共同
2022-03-04 09:03:56
765
原创 css3盒子，图片模糊，过渡，类的命名
css3盒子模型解决盒子受padding和border变化影响大小box-sizing：可以指定盒模型值：content-box 宽度相当于width+padding+border (常见盒模型)border-box 宽度相当于width (新增，好用)图片模糊处理css滤镜属性filterfilter:函数（）filter:blur(5px) (数值越越模糊)计算盒子宽度函数 calc()width:calc(100% - 30px)：子盒子永远比父盒子小30（函数里面可以使用加减乘
2022-03-03 08:30:56
174
原创 记录一些实践中遇到的问题
1.文本框点击出现的黑色边框怎么去除？如图，要去掉点击时会出现的外边框。之前只知道有border，查找之后发现影响这个边框的是outline（外廓线），可以使用控制聚焦使其消失方法一input{outline:none;}方法二input:focus{outline:none}outline:有outline-color，outline-style，和outline-width三个值，可以复合写在一起2.使用精灵图制作的背景图为什么会随页面缩放产生变化？精灵图缩放问题可以相同
2022-03-03 07:36:31
54
原创 CSS3新增选择器
1.属性选择器1.选择特有属性2.选择属性对应特定值3.选择相同开头的属性值4.选择相同结尾的属性值5.选择有任意相同内容的属性值注意：类选择器，属性选择器和伪类选择器的权重都为102.结构伪类选择器结构伪类选择器主要根据文档结构来选择器元素，常用语根究父级选择器里面的资源数nth-child(n)的n:可以是数字也可以是公式或关键字数字从1开始第n个子元素关键字：even偶数，odd奇数公式：nth-child(n)相当于选择了所有的孩子。n是从0开始的，公式找不到的会忽略
2022-03-01 13:18:29
181
原创 css三大特性以及页面布局三大核心及属性书写顺序
css三大特性以及页面布局三大核心1.css三大特性层叠性：相同选择器设置相同样式，样式冲突，此时一个样式就会覆盖另一个样式，就近原则继承性：子标签会继承父标签的某些样式，恰当使用可以简化代码，降低css样式的复杂性，可以继承和文字相关的样式（text-, font-, line-这些元素开头的属性，以及color属性）优先级：1.选择器相同，执行层叠性2.选择器不同，权重如下图2.页面布局三大核心1.盒子模型（Box Model）组成：边框，外边距，内边距，实际内容具体操作参照w3
2022-03-01 09:14:59
289
原创 前端实践注意事项
仅用于自学记录，内容来自网络1.命名规范页面主体：main整体布局：wrapper页面头部：header标志：logo导航：nav菜单：menv子菜单：submenu主导航：mainnav子导航：subnav搜索：search内容：content左中右：content-left/content-center/content-right页面尾部：footer版权：copyright合作伙伴：partner友情链接：link其他：能用英语单词就尽量不用拼音2.HTML书写规
2022-02-28 07:52:10
291
原创 线性时间选择 --- Java实现
定义：给定线性序集中n个元素和一个整数k,1≤k≤n,要求找出这n个元素中第k小的元素。主要思想：将线性集的n个元素划分为n/5组，取出每组中位数，得到中位数的中位数（偶数取中间较大那个数），将此数作为基数进行一次快排，缩小查找范围，然后再次从分组到快排的步骤，不断缩小范围，直到缩小到自己指定的足够小的范围内，直接进行一个排序，得到最后的结果。假设：一个数组a有25个元素，按照线性时间选择找出其第k小的数，设左指针为p,右指针为r。将25个元素分为每5个作为一组，黑色是每组待排序的中位数所在位置
2021-09-29 02:04:21
1021
原创 快速排序算法
快速排序：找到一个基数，然后把全部元素和基数进行比较，小于基数的放在左边，大于的放在右边，然后基数和左边最后一个数进行对调，基数所在位置就是最后正确的目标位置，同理后面的元素比较，一般我们以第一个元素设为基数//a是待排序数组，p为左边界，r为右边界,递归调用public static void QKSort(int[] a, int p, int r){ if(p<r){ //进行比较并交换基数和左边最后一个比基数小的数 int k = Compare
2021-09-19 15:56:00
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人