码迷,mamicode.com
首页 >  
搜索关键字:原生js    ( 1534个结果
js监听页面鼠标滚轮事件
一、原生js的监听 addEventListener()与removeEventListener() 参考文章:https://blog.csdn.net/qq_29606781/article/details/67650869、https://www.cnblogs.com/wxcbg/p/104 ...
分类:Web程序   时间:2020-04-24 22:03:24    阅读次数:460
前端每日实战:116# 视频演示如何用 CSS 和原生 JS 开发一个监控网络连接状态的页面
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/oPjWvw 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ...
分类:Web程序   时间:2020-04-24 14:43:52    阅读次数:70
实战项目之自动简历
自动简历 项目介绍 一个可以自动播放书写过程简历,主要运用原生JS和CSS3的知识点。 用到的库: prism marked 相关链接 预览点我 源码点我 设计过程 基本思想—动起来 想办法让文字逐个出现在页面中 setTimeout(()=>{ document.body.innerHTML='1 ...
分类:其他好文   时间:2020-04-23 12:15:31    阅读次数:63
js canvas压缩图片和jQuery ajax上传图片简单demo
原来用的插件,里面东西太乱了,一会jq,一会原生js,本来原生js就不熟,看起来更难受,而且感觉好多东西都是没用的,而且后端php转存文件一直不是很熟悉,正好一起整理一下。就是很简单的一个demo,如果需要复杂的功能的话需要自己添加。但是原理基本都在这了,不是很熟的时候可以拿来看看直接用。 html ...
分类:Web程序   时间:2020-04-23 01:03:15    阅读次数:87
9种原生js动画效果(转)
1,匀速动画效果 window.onload = function(){ var odiv = document.getElementById('odiv'); odiv.onmouseover = function(){ startMover(0); } odiv.onmouseout = fun ...
分类:Web程序   时间:2020-04-18 09:56:21    阅读次数:60
原生JS实现显示触摸轨迹
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ...
分类:Web程序   时间:2020-04-16 15:26:54    阅读次数:172
jQuery - 初探ajax
在学习jQuery中AJAX的时候 , 看到文档中那么多参数 ,一眼望去还是有点吓人的 , 不过理解了用原生JS封装实现ajax , 就可以比较轻松的理解了 原生JS封装AJAX <script> function ajax(options){ // 设置默认参数 var _default = { ...
分类:Web程序   时间:2020-04-06 23:48:21    阅读次数:103
原生js之document.createEvent建立自定义事件
document.createEvent用于创建事件, 在DOM Level 2 的事件中就有HTMLEvents,MouseEvents,UIEvents事件类型。DOM Level 3增加很多事件类型,个人觉得其中最有用的是CustomEvent自定义事件。 为DOM元素创建自定义事件的步骤为: ...
分类:Web程序   时间:2020-04-03 20:18:42    阅读次数:112
原生js实现文件下载的几种情况
内容来源: https://www.cnblogs.com/ajaxkong/p/11686041.html 1:一般通过a标签的方式下载,利用H5的Download属性 代码示例如下: 场景:适用于现代浏览器,url是下载地址,而不是文件流,常用于GET请求 1 function downLoad ...
分类:Web程序   时间:2020-04-02 22:36:45    阅读次数:104
文件上传
Ajax上传文件(原生JS篇) <div class='progress'> <div class="step"></div> </div> <form action=""> <input type="text" name='name' placeholder="请输入姓名"> <input typ ...
分类:Web程序   时间:2020-04-02 22:27:41    阅读次数:101
1534条   上一页 1 ... 9 10 11 12 13 ... 154 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!