- 博客(11)
- 收藏
- 关注
原创 原生JS实现弹幕的简单操作速成
JS实现弹幕的简单操作现在很多的直播平台或者视频平台都会用到弹幕加强和观众的互动效果,那么如何用JS实现这样的效果呢,用一个初学者的方法记录下这个方法,欢迎大牛指导。首先需要操作文档必须拿到Dom中的元素,当然有很多方法,这里还是用document.querySelector.这边也是为了键盘和鼠标都可发送封装了一个函数function sendMsg(){首先需要创建一个容器来接受你编辑的内容,这里用span标签,当然其他标签也可var oSpan=document.cerateElem
2020-11-09 20:51:56 4187 8
原创 原生JS轮播图的知识点梳理
JS轮播图的梳理拿Dom元素中的oLis和oImgs,可以用documemt.querySelectorAll用for循环可以拿出oLis的index值,写一个函数,functiom activeOne(){documemt.querySelector(“li.active”).classList.remove(“active”)document.querySelector(“img .active”).classList.remove(“active”)}...
2020-11-07 16:36:12 2388 10
原创 React的项目创建及路由配置流程
React的项目创建及路由配置流程不知不觉,感觉自己应该大大小小创建了几十次的react的项目了。不管是出于练习的demo还是为了那些不大不小的项目,但是很多时候都是对着文档走一遍流程,很少自己去完完整整的记录下,这也是当今很多时候的一个老毛病,知其然不知其所以然,今天就梳理一下吧1.react的运行环境首先需要明白react的基础是JavaScript。这里我们讲的是比较常用的单页面应用,所以我们需要用到的是 Create React App,这个首先需要我们的电脑有node。推荐的版本是12.
2021-11-10 10:18:09 986
原创 uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器。之前用的Visual Studio Code 然后选择新建项目选择第二个uni-app。选择模板(建议选择默认模板)当然选择其他模板也可以,然后导入ui插件,可以导入多个插件,我这里导入了vant 和 uni 然后在微信社区登录小程序。安装注册流程注册申请小程序。然后系统给到AppId,然后再项目的manifest.json文件中找到微信小程序配置,然
2021-09-01 16:30:57 729
原创 原生JS阶段知识点总结(2万块钱学了啥),写给以后的自己!
原生JS阶段知识点总结历经了2个月每天接近12小时的JS学习,至此已经讲完了JS的数据类型,判断语句,循环语句,进制,函数,数组,字符串,math对象,定时器,dom,bom,事件,键盘,轮播图,滑块验证,鼠标事件,弹幕,放大镜,ES6新增,购物车,JSON数据,正则,运动函数,php简介,ajax的核心,请求,ajax的封装,cookie,promise,对象的简介,闭包的概念,ES6类,this的指向,构造函数,面对对象,链式调用,layui模块,栅格系统,sass,模块化,ADM, git,node
2020-12-12 17:07:13 287
原创 JS学习周知识点总结PHP&MySQL&JSONP&及回调函数
不知不觉已经进入Js学习的第5周了,每天都是听了练,练了听,时间也是过的飞快,又到了周六的自习时间,就来总结以下本周都讲了哪些知识点吧,day01 a.PHP及MySQL的相关内容,WAMP的架构就是阿帕奇(Apache)及mysql以及php,这三种的组合就是比较常见的,也可以和其他的组合,其中php是超文本预处理器,即是一种语言,也是一种编辑器,解释器。PHP的基础语法和JS有点类似,声明变量用,函数不区分大小写,文件开头必须用<?php响应头header(′content−type:tex
2020-11-21 15:50:49 397 1
原创 JS实现省市区三级联动的操作理解
JS实现三级联动的操作理解上课的时候老师讲到三级联动,问到什么是联动,我就想到了中野联动,野辅联动,当然懂得人都懂是什么,这边还是说回三级联动,用地区来说其实差不多就是首先我们要选省,有了省我们可以选择市,有了市才可以选择区,这个时候就涉及到最重要一点就是数据的处理,当我们处理好数据后就会发现写起来比较简单。一般我们从数据库或者别人给到数据都是一个数组的格式,可能是这样的var prolist= [{…}, {…}]然后我们就要对数组里的对象进行遍历和解构拿到有用的值。这里用reduce和forEa
2020-11-20 20:42:53 448
原创 原生JS实现购物车的简单结算及全选和单选效果
JS实现购物车的简单结算及全选和单选效果首先用JS写购物车之前,我们需要先从用户和商家的角度去思考需求到底有哪些以及涉及到知识点有哪些,然后再根据这些需求出发我们来写函数和事件就会简单一点。先结合下图分析我们大致会用到知识点有事件的委托,判断及数组的操作,数据类型的隐式转换,元素的增加和减少以及其逻辑思维,接下来就用编写的角度梳理下步骤首先还是拿我们需要操作的Dom元素,document.querySelector()var oTable,oCheckaOne,ocheckAll,o’Sele
2020-11-12 21:06:34 2778
原创 似清非清的数组深拷贝和浅拷贝
谈到拷贝这个东西,我们更多的第一印象就是Ctrl+C,因为这也是我们平时用的很多的方法,今天就再梳理以下javaScript中数组的深拷贝和浅拷贝的区别,浅拷贝:两个不同的数组名,但是地址指向同一个位置,比方说var list=[1,2,3,4]var arr=list这个就是属于浅拷贝,当我们修改了后面arr的数组内容时,当面用console.log(list)时,我们会发现list也被改变了。其实我们是没有主动改变list的,这就是他们指向了同一个地址。深拷贝:产生新的地址,拷贝数据,地址不是
2020-11-11 21:03:48 164
原创 JS实现滑动解锁及滑动验证码的原理技巧
JS实现滑动解锁及验证的原理技巧这里的滑动解锁和许多网页滑动验证码都是采用类似的方法,当然现在验证码的种类也是非常多的,下面就简单回顾一下思路和知识点1.首先如欲与之,得先取之,拿Dom结构中的元素oBox,oShadow,oContent,oTip,oBlock,还是用得老方法document.querySelector2.第一步还是先写一个随机的图片,这个就是三个考虑点。第一这个白块的位置是随机出现的,所以他的left和top都是需要用随机数产生,出现的范围就要在oContent的oContent
2020-11-10 20:03:35 2821
原创 原生JS类淘宝评分效果知识点梳理
JS类APP评分效果梳理老规矩拿Dom中的oUl和oLis和oDiv的元素,推荐用querySelector。创建一个数组lits来容纳评分的文字等级var list=[“差”,“中”,“强”,“很强”,“666”]; var pointer=-1 用来计数用for循环拿出oLis的脚标for (var i = 0; i < oLis.length; i++) {oLis[i].index = i;写一个鼠标划入预览的效果事件oLis[i].onmouseenteroLis[i].o
2020-11-07 17:59:31 383
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人