- 博客(28)
- 收藏
- 关注
RSS订阅原创 Date对象及moment常用方法
一：获取时间对象new Date()new Date()不传参，获取当前时间对象Wed Nov 25 2020 20:18:37 GMT+0800 (中国标准时间)五种传参方式new Date(“month dd,yyyy hh:mm:ss”);new Date(“month dd,yyyy”);new Date(yyyy,mth,dd,hh,mm,ss);new Date(yyyy,mth,dd);new Date(ms);例:new Date("Nov 25,2020 20:
2020-12-09 14:45:31
5554
原创 css:层叠样式表(全)
css:层叠样式表 (Cascading Style Sheets),定义如何显示 HTML 元素,解决了内容与表现分离的问题，通常存储在css文件中。目录：css属性，继承，引用等选择器盒模型文本属性背景属性浮动与清除浮动元素类型转换定位2D/3D转换transform过渡transition动画animation一：css属性，继承，引用等1. css组成css由选择器及一条或多条声明组成，每条声明由属性，属性值组成属性：属性是制定选择符所具有的属性，它是css.
2020-12-09 14:29:49
2732
原创 JS流程控制语句
目录：ifif…elseswitch三元运算符?:while循环do…while循环for循环break和continue标签label一：ifif结构先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句。if就是如果的意思，用作选择语句，条件判断语句if(条件表达式){ 语句或者语句块}表达式为真时，执行if控制的语句或者语句块，当语句体...
2020-02-11 14:33:31
208
原创 JS基本语法
目录：语句变量声明及提升标识符注释区块一：语句js程序的执行顺序是从上到下执行。js程序执行单位为行，一般情况下，一行就是一个语句，但语句可以以分号结尾，一个分号标识一个语句结束，故可以多个语句写在一行内。var a = 1 + 3; //这是一个标准的JS赋值语句，先声明变量，再赋值。var a = 1 + 3; var b = 'abc';//因为分号的存在，多个语句可...
2020-02-11 14:32:37
149
原创 hooks
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。前言：hooks出了已有大半年了，关注的公众号也大都推了关于hooks的文章，可是因为工作中一直用的是class，所以一直没有用，也没有学，趁着这段时间项目不那么干，将hooks系统性的学习一下，并做笔记记录一下。目录useStateuserEffe...
2019-12-19 19:32:18
8726
原创 AJAX前后端分离
前后端分离处理前端------（数据）-----服务端----（数据）-----前端-----动态改变页面的内容json1、JSON（JavaScript Object Notation）以纯文本结构组织所要传送的数据，数据内容包括字符串、数字、数组和对象等，由于JSON易读以及纯文本格式的特性，可以非常容易地与其他程序进行沟通与数据交换。2、JSON的数据结构通过大括号、中括号、逗号...
2019-01-12 21:32:55
1526
原创 常用快捷键整理
通用：1、ctrl+C：复制2、ctrl+V：粘贴3、ctrl+X:剪切4、Ctrl+Z 撤消 5、Ctrl+F 寻找 6、Ctrl+S 保存 7、Ctrl+A 选中全部内容8、Ctrl+End 当前窗口或文档的最下端9、Ctrl+Home 当前窗口或文档的最上端 7、shift+tab:切换一个应用的不同页面笔记本常用：1、ctrl+shift+ESC：快速调出任...
2019-01-12 21:25:42
237
原创 数组去重
对var arr=[1,2,3,1,2,3,5,6,23,4,2,5,7,9,23,6,5,3,2,21,4,65,3,3,4,6,2,5,7,7]去重方法一：i从前到后遍历，j从后到i遍历，去掉相同的jfor(var i=0;i<arr.length;i++){ for(var j=arr.length;j>i;j--){ if(arr[i]===ar...
2019-01-12 21:23:45
180
3
原创 设计模式
设计模式设计模式分为三种类型，共23种。创建型模式：单例模式、抽象工厂模式、建造者模式、工厂模式、原型模式。结构型模式：适配器模式、桥接模式、装饰模式、组合模式、外观模式、享元模式、代理模式。行为型模式：模版方法模式、命令模式、迭代器模式、观察者模式、中介者模式、备忘录模式、解释器模式（Interpreter模式）、状态模式、策略模式、职责链模式(责任链模式)、访问者模式。介绍几种常用...
2019-01-12 21:21:35
93
原创 递归，回调，级联
递归什么是递归函数递归函数即自调用函数，在函数体内部直接或间接地自己调用自己，即函数的嵌套调用是函数本身。函数调用机制任何函数之间不能嵌套定义， 调用函数与被调用函数之间相互独立(彼此可以调用)。发生函数调用时，被调函数中保护了调用函数的运行环境和返回地址，使得调用函数的状态可以在被调函数运行返回后完全恢复，而且该状态与被调函数无关。被调函数运行的代码虽是同一个函数的代码体，但由于调...
2019-01-12 21:20:08
333
原创 闭包与柯里化函数
闭包作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。我们有时候需要得到函数内的局部变量值。。因此我们可以用函数套函数，并返回里面的函数来访问外层函数内部的变量，什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是...
2019-01-12 21:17:57
2786
原创 面向对象之函数
一：函数为什么使用函数函数对任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。在javascript里，函数即对象，程序可以随意操控它们。函数可以嵌套在其他函数中定义，这样它们就可以访问它们被定义时所处的作用域中的任何变量，它给javascript带来了非常强劲的编程能力。函数本身也是对象函数的声明1、普通函数声明function...
2019-01-12 21:16:03
590
原创 ES5的类，原型，继承
类什么是类类是 面向对象程序设计语言中的一个概念。类（Class）实际上是对某种类型的对象定义变量和方法的原型。它表示对现实生活中一类具有共同特征的事物的抽象，类的构造函数是类实例化后对象的本地方法和属性，而类中的方法和属性是所有实例化对象共有的方法和属性，即实例化对象原型上的方法和属性。类的定义1-构造函数法第一个Ball的函数，被实例化以后就变成了类，那么这个函数我们把它叫做构造函...
2019-01-12 20:48:48
532
原创 浅拷贝，深拷贝，属性描述拷贝
对obj1进行复制，拷贝var obj1={ a:1, b:[1,2,3,4,5], c:function () { }, _d:0, set d(value){ this._d=value; }, get d(){ r...
2019-01-12 18:17:39
188
原创 JavaScript面向对象之对象
对象什么是对象 什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。 在ECMAScript中引用类型是一种数据结构。用于将数据和功能组织在一起，它也常被称做为类， 但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言。 却不具备传统面向对象语言所拥有的类和接口等基本结构。 万物皆对象，除...
2019-01-09 20:50:16
451
原创 左右切换无长滚动轮播图
思路：首先设有全局变量position（确定当前图片是第几张），arr数组：存放图片地址，方向：direction，及lis小圆点数组，prev，记录小圆点的前一个， moveBool是否进入运动函数等1、点击事件：点击左边的leftBn，设置direction="right"，position--，在这要确定position不能超出数组长度范围，超出要重新赋值，点击小圆点把小圆点的当前是li...
2018-12-21 23:05:31
254
原创 原生js实现瀑布流
思路：定义全局变量minHeightList数组，用来存放li的高度，定义变量num，遍历图片地址，常量COL，定义有几列图片，定义bodyWidth，用来比对窗口发生变化1、定义获取li最小高度函数，返回最小高度li的索引及最小高度的li，2、预加载图片，加载完一张就向放到获取的最小高度的li中，同时更新存放li高度的数组。3、监听窗口变化，当窗口发生变化时，遍历改变ul,li,im...
2018-12-21 23:03:28
121
原创 轮播图---左右切换无长滚动效果轮播图-中级难度版
轮播图---左右切换无长滚动效果轮播图-中级难度版 左右切换无长滚动轮播图思路：首先设有全局变量position（确定当前图片是第几张），arr数组：存放图片地址，方向：direction，及lis小圆点数组，prev，记录小圆点的前一个， moveBool是否进入运动函数等1、点击事件：点击左边的leftBn，设置direction="righ...
2018-12-21 19:58:00
202
原创 用filter过滤数组对象，并统计过滤的项目
用filter过滤数组对象，并统计过滤的项目 var data=[ {id:1001,icon:"img/1.png",name:"餐饮0",num:1,price:10,a:1}, {id:1002,icon:"img/2.png",name:"餐饮1",num:1,price:20,a:2}, ...
2018-12-17 23:15:00
547
原创 排序
排序 var arr=[1,3,7,4,6,9,2,56,76,34,65,12]冒泡排序for(var i=0;i<arr.length;i++){ for(var j=0;j<arr.length-i;j++){ if(arr[j]>arr[j+1]){ ...
2018-12-14 22:13:00
71
原创 数组去重
数组去重 var arr=[1,2,3,1,2,3,5,6,23,4,2,5,7,9,23,6,5,3,2,21,4,65,3,3,4,6,2,5,7,7]方法一：i从前到后遍历，j从后到i遍历，去掉相同的jfor(var i=0;i<arr.length;i++){ for(var j=arr.length;j...
2018-12-14 22:11:00
82
原创 返回顶部定时器清除无效问题
返回顶部定时器清除无效问题 在做点击‘’返回顶部’’缓动滚到顶部的小案例中，出现了设置的定时器无法清除的bug，而且返回顶部后鼠标往下滚页面也无反应。源代码：window.onload = function(){ window.onscroll = function(){ var top = scroll().top; if(top&...
2018-08-30 10:48:00
189
原创 图片动态加载高度和宽度丢失问题
图片动态加载高度和宽度丢失问题今天在做瀑布流布局时，图片用的是动态加载方法，但在获取图片高度是发生了高度丢失问题，在被困了一个多小时之后找到了解决方法。丢失高度原因就是图片因为是动态加载的，在图片还没加载完成就发生了高度获取。故获取高度为0解决办法：图片加载完成后再获取高度，img.onload = function(){......}posted @ 2018-08-29 1...
2018-08-29 17:16:00
431
原创 进度条与return false
进度条与return false 写进度条小案例：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>进度条</title> <style&
2018-08-24 18:52:00
108
原创 关于onclick点击无效问题
关于onclick点击无效问题 当要点击的标签在form标签内时，onclick无效。在这个问题上困了好长时间，一项一项排查，自学尤其是遇到问题时，真是麻烦。还有删除节点报错问题：li.innerHTML = content+"<span>删除<span>";就是因为第二个两个span标签没有形成闭环，导致错误，...
2018-08-20 20:54:00
1534
原创 关于属性值书写无效问题
关于属性值书写无效问题 昨晚上做网页遇到了标签属性值书写无效问题，就是在css中书写属性值，但页面上出不来效果，f12检查也是属性值加不上去，检查N多遍，没有任何问题，类名没错，换了ID 也不行，最后极限测试法，把标签之前的所有标签和其后的所有标签，子元素等都注释，出来了想要的效果，然后一项一项的加上去，检查哪出现了问题，最后发现是这个标签上面的的...
2018-08-10 10:13:00
977
原创 锚点连接-点击圆点图片更换位置问题
锚点连接-点击圆点图片更换位置问题 关于昨晚遇到的图片锚点连接问题，原本效果图应该是点击数字小圆点，然后图片切换到想要的图片，出现的问题时点击小圆点之后，图片上层的所有东西跟着图片一块上去了， 解决办法，给图片外面在套一个标签， 问题原因：图片上层的元素相对于最外面的元素绝对定位，但是图片是最外围元素的内容，虽然overflow...
2018-08-04 09:38:00
496
原创 导航条右边竖线问题及解决方法、清除浮动方法
导航条右边竖线问题及解决方法、清除浮动方法 导航条右边有条竖线，一开始老师给出解决方法是用背景图片，就是把竖线给切下来，给a添加背景图，然后让背景图right，center等，这样子竖线就和a标签里的文字在同一水平线上。 期间尝试给a添加右边框，给li添加右边框，都出现竖线和文字不在同一水平线上的问题。解决办法：<span style=...
2018-08-01 17:06:00
2309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人