E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
原生javascript
使用
原生javascript
生成html内容
技术要点使用
原生javascript
跨域问题参考源代码html内容:js加载模块window.onload=createTopHtml;functioncreateTopHtml(){vartopCss
黄幸辉
·
2020-09-17 09:30
javascript
AngularJS1.x快速入门
注意:库VS框架库:封装
原生JavaScript
实现的大量函数的集合
石头_666
·
2020-09-17 09:04
AngularJS
DOM的默认事件、事件模型、事件委托、阻止默认事件、冒泡事件的方式等。
原生JavaScript
事件详解:http://www.cnblogs.com/iyangyuan/p/4190773.htmlDOM0,DOM2,DOM3事件,事件基础知识入门DOM0,DOM2,DOM3
壮壮嘻嘻
·
2020-09-16 23:56
fe
原生javascript
实现拖放功能
用原生js实现了一个简单的拖拽功能。e=e||window.event;是为了兼容IE,因为IE的event是用window.event;另外在IE早期版本可能就需要换用attachElement,并且事件前需要加on,所以也写了一个添加事件的兼容函数。删除事件也是。body{height:200%;}#box{position:absolute;top:50px;left:50;width:50
Dijason
·
2020-09-16 22:36
web
用
原生JavaScript
写出类似jQuery中slideUp和slideDown效果
JavaScript是本人自学的第一门语言,也是本人目前最喜欢的一门语言。由于是自学,加上没有做过任何项目(只是偶尔自己做一些小效果玩玩),所以水平不咋地,写得不好之处,欢迎各位指正。前言在我自学JavaScript的时候,一直想实现类似安卓手机状态栏那种下拉上滑效果。在网上搜索一番后,我知道了jQuery的slideUp()和slideDown()方法。这两个方法让我很着迷,我迫不及待知道他是如
johnworks
·
2020-09-16 12:33
javascript
原生JavaScript
实现jQuery中的slideUp和slideDown滑动效果
参考文章:https://blog.csdn.net/u013578101/article/details/45363039作者:johnworks目录一、前言二、第一次尝试三、第一次失败的思考四、让定时器乖乖就范五、更灵活的管理方案六、最终实现七、个人修改后的最终代码一、前言在我自学JavaScript的时候,一直想实现类似安卓手机状态栏那种下拉上滑效果。在网上搜索一番后,我知道了jQuery的
LaoYe - IT
·
2020-09-16 11:59
前端
JavaScript
jQuery
slideUp
slideDown
滑动
原生JavaScript
实现五色小球
原生JavaScript
实现五色小球一,HTML代码二,CSS代码*{margin:0;padding:0;border:0;}body{width:100%;height:100%;background-color
gxhlh
·
2020-09-16 06:10
原生JavaScript
实现小球按原轨迹进行返回的案例
实现效果:滑动小球,按住鼠标拉着小球,一直按着一直拉着,当松开鼠标时,让小球按原来的轨迹返回。要实现这个效果要明白以下的步骤:1.为元素设置鼠标点击的事件,只有鼠标往下点,小球才会移动,从而跟着鼠标移动mousedown2.为元素设置移动鼠标事件。mousemove3.相应的mousedown就要有mouseup4.原轨迹用数组去存,就是存他的left值和top值。源码:缓动轨迹的fa小球*{pa
风或许自媒体
·
2020-09-16 05:30
前端从入门到放弃
原生JavaScript
之实战 模拟重力场(篮球)
成品图如下所示:点击篮球让篮球掉下搭建HTML+CSS代码html:1css:div{width:100px;height:100px;background-image:url("../images/lanqiu.png");background-size:100px100px;position:absolute;left:0px;top:0px;border-radius:50%50%;}js代
weixin_30319097
·
2020-09-16 04:44
利用Ajax实现分页缓存
用
原生JavaScript
写数据分页缓存,看教学视频写的,下面是详细代码。
qq_39366219
·
2020-09-16 03:42
web
图片懒加载实现原理
原生javascript
varnum=document.getElementsByTagName('img').length;varimg=document.getElementsByTagName("
koga007
·
2020-09-15 23:01
JavaScript-绑定事件的三种方式(原生方式和bind方法)
事件绑定的三种方式第一种直接在标签中绑定事件第二种1.
原生JavaScript
代码实现2.使用JQuery对象转换成JavaScript对象实现第三种1.使用click方法2.使用bind方法a.绑定一个事件
paku-san
·
2020-09-15 14:27
前端
React踩坑笔记 —— React中的Dom操作
Dom什么时候操作Dom须知注意React中操作Dom的四种方式通过‘Refs’操作非受控组件《使用Ref》;通过事件处理器的默认参数event,获取EventTarget《React事件系统》;通过
原生
流花鬼
·
2020-09-15 14:40
ReactJS
html5+canvas+纯
原生javascript
+audio开发仙剑记忆力翻牌游戏
感觉又是在发小白文,没办法,我还在不断学习中。前端进阶计划再一次因为学习难度,项目经验而告吹。好在,我在缓慢进步~文章内容来源我网络上看到别人用js和css3写的仙剑记忆力翻牌游戏,感觉自己可以学到些什么。所以就有了一天一夜的奋斗成果,写的过程,感觉好坎坷,又是查看canvas的API,又是设置相关变量,又得摸索坑爹费脑的游戏逻辑!说实话,人家那个玩的挺爽,想过很炫。换成我做得,不说了,去把他的网
miao淼
·
2020-09-15 09:25
html5
javascript
canvas
audio
记忆翻牌游戏
使用
原生JavaScript
Ajax以及jQuery的Ajax结合SpringMVC发送和获取json数据
一.原生Ajax1.在WEB-INF/lib目录中加入spring和json与Jackson的jar文件,json与Jackson的jar文件如下:2.配置web.xml文件:配置前端控制器SpringMVC_1index.htmlindex.htmindex.jspdefault.htmldefault.htmdefault.jspspringmvcorg.springframework.web
HLoach
·
2020-09-15 07:16
JavaEE
前端学习——点击图片在屏幕中间弹出大图
这里做了一个小demo,记录一下自己的思路这个是
原生javascript
,具体的css样式可以自行修改#smallImg{width:50%;}.black_overlay{display:none;position
小邋遢you
·
2020-09-14 19:54
前端
html
javascript
vue
js
css
原生javascrippt 自定义功能函数
1、
原生JavaScript
实现字符串长度截取复制代码代码如下:functioncutstr(str,len){vartemp;varicount=0;varpatrn=/[^\x00-\xff]/;varstrre
STM2263
·
2020-09-14 17:17
JS
javascript
JavaScript
原生Javascript
之事件
原生Javascript
之事件事件就是和浏览器产生交互效果的,事件触发和函数一起使用,当触发事件的时候,调用相应的事件去处理接下来的事情。
liNewman
·
2020-09-14 10:54
原生JavaScript
事件详解
JQuery这种WriteLessDoMore的框架,用多了难免会对原生js眼高手低。小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一下了。首先声明,小菜懂的也不是很多,只是把我的思路和大家分享一下。DOM0事件模型事件模型在不断发展,早期的事件模型称为DOM0级别。DOM0事件模型,所有的浏览器都支持。直接在dom对象上注册事件名称,就是
weixin_33834679
·
2020-09-14 09:28
bootstrap基础知识
CSS3-MediaQuery最简单的实现方式;借助
原生JAvascript
;成本较高。第三方开源框架;一般使用第一种方式。
ycyy1993
·
2020-09-14 08:35
html5
Ajax利用FormData提交表单
下文提到的ajax为
原生javascript
的ajax(脚本化HTTP),都是个人理解,如有错误还望被指正。
智慧宝宝
·
2020-09-14 04:45
Web开发
如何优雅的设计 React 组件
原生JavaScript
操作DOM》就直截了当的告诉你,现在用
原生JavaScript
可以非常方便的操作DOM了。其次,jQuery的便利性是建立在
weixin_34216036
·
2020-09-13 23:24
javascript追加html实现类似jQuery中append方法
首先是要操作的html啦然后用
原生JavaScript
来向div中追加html假设要追加的html字符串是strvarstr='';document.getElementById("imageList"
hehaoyang007
·
2020-09-13 23:17
JavaScript
javascript
jquery
append
原生javascript
和jQuery操作DOM的对比总结
原生javascript
和jQuery操作DOM的对比总结原文:https://www.cnblogs.com/zhongJaywang/p/6682465.html?
weixin_30563917
·
2020-09-13 20:59
原生JavaScript
常用的DOM操作
之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要
原生Javascript
来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或者库好多都是公司内部自己构建的
weixin_30466039
·
2020-09-13 20:26
前端数据请求:axios vs fetch
首先我们知道数据请求的类型有:get,post,head,put,delete,option,...等等数据请求在前端开发中的使用有两种形式使用
原生javascript
提供的数据请求:ajax(四部曲,
YH_ang_eng
·
2020-09-13 01:33
axios
fetch
axios
vs
fetch
数据请求
前端数据请求
基于Vue实现一个有点意思的拼拼乐小游戏
笔者去年曾写过一个类似的拼拼乐小游戏,技术栈采用自己的Xuery框架和
原生javascript
实现的,脚手架采用gulp来实现,为了满足对vue的需求,笔者再次使用vue生态将其重构,脚手架采用比较火的
徐小夕大帅比
·
2020-09-13 01:03
游戏
css
编程语言
js
python
微信小程序云开发数据库查询 单一字段匹配中的或逻辑
在官方文档上查找后发现这种逻辑无法通过简单的筛选逻辑来实现,笔者找了一个比较讨巧的方法,使用正则表达式来匹配字段://
原生JavaScript
对象db.collection('todos').where
广兰路地铁
·
2020-09-12 23:52
tips
前端入门需要收藏的各种最新技术中文文档地址
这里收集了前端的一些新技术的中文技术文档更新地址,包括新型的框架node.js,react.js,ECMAScript6等等,不过个人对于找工作的建议还是打好基础,前面发了几篇关于面试题的文章,大都都是考验面试者的基础能力,比如
原生
xiaoxiao_engineer
·
2020-09-12 21:50
前端开发
如何用
原生JavaScript
在页面加载jQuery以及其他任意引用
很多时候,对于一些使用
原生javascript
的网页,我们需要研究里面的一些功能,或者干些坏事,最需要的就是jQuery,如何在一个仅支持
原生JavaScript
的网页里,手工加载jQuery呢?
weixin_30825581
·
2020-09-12 20:55
原生javascript
实现图片自动轮播和点击轮播代码
Document/*重置样式*/*{margin:0;padding:0;list-style:none;}/*wrap的轮播图和切换按钮样式*/.wrap{height:170px;width:500px;margin:100pxauto;overflow:hidden;position:relative;}.wrapul{position:absolute;}.wrapulli{height:
仰望星空的包子
·
2020-09-12 20:48
JavaScript学习
练手Demo——
原生javaScript
写日历
不久前把以前刚学完JS时做的日历项目回味了一下,重新敲了敲,在基础上稍微又重新进行了润色代码量不是很大,主要是为了对原生JS进行练习以及对日期对象的使用非常适合刚学习完JS或者正在学习的同学练手目前已上传到github其实还可以改良,大家可以试一试,对基础会有帮助传送门https://github.com/3crazyspecial/calenderdemo展示https://3crazyspec
3crazy
·
2020-09-12 11:26
demo
原生javascript
制作贪吃蛇小游戏
HTML部分html,body{width:100%;height:100%;overflow:hidden;}*{margin:0;padding:0;}li{width:20px;height:20px;border-radius:50%;background:chocolate;position:absolute;left:240px;top:60px;z-index:1;list-styl
巴啦啦小能量
·
2020-09-12 11:25
【美图】有如下列表的DOM结构,需要在点击li时获取对应的innerHTML
要求:不能修改DOM使用
原生javascript
考虑JS性能内容内容...(9999个)内容内容方法一:循环:闭包varli=document.getElementsByTagName("li");for
疯子的日常
·
2020-09-12 08:32
web前端
Driver.js 引导
一、介绍Driver.js是一个轻量级(~4kbgzip),无需依赖但功能强大的
原生JavaScript
。兼容所有主流浏览器,可帮助你将用户的注意力集中在页面上。
锦岁
·
2020-09-11 17:48
前端
你觉得react有什么优点?
如今想起来,相比于
原生JavaScript
,jQuery确实实现了它的理念,写的更少,做的更多,条多件选择器,封装好的动画效果等等,如果是用原生js来写,那是多么费劲啊。
a84934532
·
2020-09-11 12:53
React
【高阶】
原生JAVASCRIPT
实现的酷炫效果 动态穿越
前面我们已经通过原生js,介绍了很多基础的demo实例,今天我们来介绍下如何利用canvas实现随机路径的动画。这里的效果完全通过点位描绘的,而不是图片,借助svg的力量可以轻松实现。效果图:可以先看下动画效果截图,是一个动态穿越隧道的效果:原生js动态穿越canvassvg看到这里,是不是已经为原生js的力量感觉到无比激动?以下贴出主要代码。主要代码:html:attributevec2aPos
路人甲嘉
·
2020-09-11 12:23
实例demo
原生javascript
进行class的增加 删除操作
functionhasClass(ele,cls){returnele.className.match(newRegExp('(\\s|^)'+cls+'(\\s|$)'));}functionaddClass(ele,cls){if(!this.hasClass(ele,cls))ele.className+=""+cls;}functionremoveClass(ele,cls){if(has
catherinawwww
·
2020-09-11 11:27
技术资料
原生JavaScript
实现字符串长度截取
2019独角兽企业重金招聘Python工程师标准>>>functioncutstr(str,len){vartemp;varicount=0;varpatrn=/[^\x00-\xff]/;varstrre="";for(vari=0;i
weixin_34413103
·
2020-09-11 11:47
线下聚会回顾之《前端新人就业的关键是什么?》【长文】
因为有的参加者是第一次见面嘛,所以我就例行的问了一些
原生JavaScript
方面的问题,就是想了解一下大概的程度,毕竟我是聚会的组织者。然后在接下来的聊天交流中,有一阵聊到了面试、找工作这块。
weixin_34310369
·
2020-09-11 11:35
原生JS实现的DOM操作笔记(草稿整理)
原生JS实现的DOM一系列操作参考:
原生JavaScript
封装DOM库siblings:原生JS-查找相邻的元素-siblings方法的实现addClass,removeClass,hasClass,
weixin_34129696
·
2020-09-11 11:49
原生JavaScript
实现jQuery的hasClass,removeClass,addClass,toggleClass
原生JavaScript
实现的代码://实现方法2:传入一个数组functionhasClass(obj,className){//obj是数组或伪数组for(vari=0,l
weixin_30319097
·
2020-09-11 10:02
JS原生addClass、removeClass实现
用jQuery的addClass()、removeClass()时手痒,想了解下
原生JavaScript
是怎么实现的这类功能。方法一:还是用到了其他函数辅助,所以看着简短些。
weixin_30516243
·
2020-09-11 07:01
使用原生js中的add和remove进行class类的增加和删除
我们可以直接使用
原生JavaScript
提供的API来做class类的增加和删除,效率更高。Element.classList它是一个只读属性,返回一个元素的类属性的实时DOMTokenList集合。
learning_H
·
2020-09-11 07:55
javascript
classList介绍和
原生JavaScript
实现addClass、removeClass等
使用jQuery可以给元素很方便的添加class和删除class等操作,现在原生的JavaScript也可以实现这个方法了。使用classList可以方便的添加class、删除class、查询class等。语法:letelementClass=element.classList;elementClasses是一个DOMTokenList表示element的类属性。如果类属性未设置或为空,那么ele
leadn
·
2020-09-11 06:09
js
原生javascript
实现addClass和removeClass
addClass()和removeClass()是jQuery提供的功能。用法:$(selector).addClass(classname);和$(selector).removeClass(classname);在大多数情况下,使用jquery的选择器选择的元素是可以使用这两个方法来追加和删除class属性的,但是有一些特殊情况,不是通过$()选择器及jQuery其他方法(比如parent()
aitcax
·
2020-09-11 06:59
javascript
JavaWeb
前端方向-学习指路
只需要从服务器获取数据,展示到页面,或者把客户端获取到的数据传递给服务器,属于应用层和交互层后台需要处理数据,需要会算法通过算法考察思维逻辑动手是学习的重要组成部分:书籍中的每一个例子都动手实现并在浏览器中查看效果掌握
原生
ellieokokok
·
2020-09-10 16:17
成长
bind方法的实现
可以这样的进行简单的实现:functionbind(fn,context){returnfunction(){returnfn.apply(context,arguments);}}在
原生JavaScript
mapbar_front
·
2020-09-10 15:21
JavaScript
javascript 获取元素在父节点中的下标
但
原生JavaScript
并没有提供类似的属性或方法,这时候可以调用数组中的indexOf方法直接计算hellohellohellohellovarelt=document.getElementById
景影随形
·
2020-09-10 12:29
js
浅谈jQuery对象和DOM对象
DOM对象是
原生JavaScript
获得的对象,可以使用
原生JavaScript
的方法,但不能使用jQuery的方法。
筱葭
·
2020-09-10 11:59
JavaScript
jQuery
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他