一、基础语法 1、js语法嵌入页面的方式 HTML中的脚本必须位于标签之间，脚本可放置在body和head中 1.行间事件（主要用于事件） <input type="button" value="按钮" onclick="alert('被点击了')"> 2.页面script标签 <script ty ...
分类：
Web程序 时间：
2020-05-29 11:47:41
阅读次数：
64
// 覆盖原来的样式document.getElementById("test").setAttribute("class","test1");var dom=document.getElementsByClassName("test")[0].setAttribute("class","test1 ...
分类：
Web程序 时间：
2020-05-22 17:26:21
阅读次数：
231
很多时候要定位到当前所在的位置，谷歌地图 API 没找到，然后网上搜的是通过原生js geolocation来实现的。 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <div id="demo"> ...
基于 和`mediaDevices`实现的原生js的录音功能 ...
分类：
移动开发 时间：
2020-05-20 17:12:50
阅读次数：
138
因为本人是C#程序员的原因,开发过程中大部分时间都是面向对象开发的.但是对于javascript而言我好像更多的时候只是编写一些逻辑,而对于一些重复的功能而言,我就想要进行面向对象的组件化开发.虽然基于jqurey或原生js都封装过一些组件,但是总觉的代码并不是呢么的优美.面向对象的方式并不严谨.所 ...
分类：
Web程序 时间：
2020-05-20 12:37:39
阅读次数：
60
第一步：前端样式以及html代码（图片自行添加） css代码： #container{ width: 1200px; height: 400px; margin:0 auto; overflow: hidden;/*超出的图片垂直方向隐藏，水平方向也隐藏*/ position: relative;/ ...
分类：
Web程序 时间：
2020-05-14 15:06:05
阅读次数：
65
1.如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便： let modulYes = document.querySelectorAll('.modul li') for (let i = 0; i < modulYes.length; i++) { modu ...
分类：
Web程序 时间：
2020-05-14 11:31:57
阅读次数：
144
一、功能模块 先看下现在做完的效果： 线上体验：https://wj704.github.io/five_...主要功能模块为：1.人机对战功能2.悔棋功能3.撤销悔棋功能 二、代码详解 2.1 人机对战功能实现 从效果图可以看到，棋盘的横竖可以放的位置为15*15，通过canvas画棋盘： //绘 ...
分类：
Web程序 时间：
2020-05-13 20:36:28
阅读次数：
81
在原生JS里，我们可以对字符串String进行处理，但是远程的数组对象里支持的方法没有后台那么丰富，那么我们是可以通过js对象的扩展方法对数组进行扩展的。 //字符串扩展 window.String.prototype.getUrlParam=function(paramName){ var sea ...
分类：
Web程序 时间：
2020-05-13 20:22:00
阅读次数：
72
在原生JS里，我们可以对数组[]进行处理，但是远程的数组对象里支持的方法没有后台那么丰富，那么我们是可以通过js对象的扩展方法对数组进行扩展的。 //数组扩展 window.Array.prototype.lastValue=function(){ var result=""; var l=this ...
分类：
编程语言 时间：
2020-05-13 20:08:53
阅读次数：
54
