知识栈-js

知识栈-js
js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）

单选框 radio<div class="radio-inline"> <input type="radio" name="killOrder" value="1"/> <label for="killOrder1">是</label></div>&am

分类: 文章浏览史浏览:116 发布时间:2021-01-11 18:24:37
swiper实现轮播（很简单）

1.准备js和css 访问网址https://www.swiper.com.cn/ ,获取Swiper,下载Swiper. 主要代码html 3.在js中初始化swiper ...

分类: 文章浏览史浏览:61 发布时间:2020-12-12 16:09:34
jQuery - 使用JSONP实现跨域请求

实现跨域请求的常用方式1、跨域请求只针对浏览器，而不针对服务端，因此可以先请求同源的服务端，然后由该服务端发出跨域请求，得到数据后再返回给浏览器。2、在服务端程序的响应头信息中添加Access-Control-Allow-Origin相关信息。3、使用&amp;amp;amp;lt;script&amp;amp;amp;gt;来完成跨域请求，因为在页面上引入不同域上的js脚本是可以的，就像可以在页面上使用&amp;amp;amp;lt;img&am

分类: 文章浏览史浏览:110 发布时间:2020-12-10 13:45:20
jQuery jsonp跨域请求

跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据返回前端。这里讲下使用jquery的jsonp如何发起跨域请求及其原理。先看下准备环境：两个端口不一样，构成跨域请求的条件。24

分类: 文章浏览史浏览:110 发布时间:2020-12-10 13:42:42
JS获取当前时间戳的方法

第二种和第三种是获取了当前毫秒的时间戳。2 a =a.replace;//替换2017/05/03 为 2017-05-03

分类: 文章浏览史浏览:43 发布时间:2020-12-10 13:35:18
js JSONP实例

$.html('
请输入手机号码或邮箱！//$.html; //到时候换成其他的形式实现

分类: 文章浏览史浏览:110 发布时间:2020-12-10 13:33:39
js中jsonp跨域请求

1、理解jsonp什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。具体策略限制情况可看下表：URL 说明允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下...

分类: 文章浏览史浏览:108 发布时间:2020-12-10 13:33:05
js setTimeout参数传递使用方法

window.settimeout()方法要调用带参数的函数有两种方法：1 function test(){ var url = ""; window.setTimeout(function(){ checkUrl(url);},1000); } 2 function test(){ var url = ""; window.setTimeout(“checkUrl(”+url+“)...

分类: 文章浏览史浏览:125 发布时间:2020-12-09 18:12:14
Uncaught SyntaxError: Invalid or unexpected token

　　证明：将标签换成
测试
后，界面展示正常。↓↓↓↓↓↓写的不错，对你有帮助？

分类: 文章浏览史浏览:119 发布时间:2020-12-09 15:43:35
JS 实现兼容浏览器报警提示声音

<!DOCTYPE HTML> <head> <title>JS实现报警提示音</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <script src="./jqu...

分类: 文章浏览史浏览:46 发布时间:2020-12-02 20:00:50
H5中的audio标签加入autoplay属性音频仍不能自动播放

现在不知什么原因H5的audio标签不能自动播放，让人很是苦恼，经过自己的多方查找，终于找到了解决方案：<iframe src = "music/birthday.mp3" allow = "autoplay" hidden />hidden是用来隐藏的，如果用不到可以去掉。。。用这个iframe标签可以实现自动播放，不过这个有一个缺点，假如你的网页中有脚本即js等脚本语...

分类: 文章浏览史浏览:85 发布时间:2020-12-02 18:39:51
JS操作iframe元素

Frame 对象代表一个 HTML 框架。IFrame 对象代表一个 HTML 的内联框架。标签定义了包含另外一个文档的内联框架。根据周围的文字排列 iframe。设置或返回 iframe 的高度。设置或返回 iframe 的顶部和底部的页空白。设置或返回框架是否可调整大小。onload 事件在frame或者iframe载入完成后被触发。9 <input type="button" name="btn1" id="btn1" value="点击按钮控制ifram</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:51</span> <span>发布时间:2020-11-28 18:07:50</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="772" data-num="12"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/772.html"> <span>js控制H5 audio音频的播放暂停</span> </a></h2> <div class="con-desc">==null){ if{ audio.play();// 播放 }else{ audio.pause();// 暂停 } } } </script></body></div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:100</span> <span>发布时间:2020-11-26 16:21:06</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="771" data-num="13"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/771.html"> <span>js如何实时弹出新消息提示框并有提示音响起</span> </a></h2> <div class="con-desc">在java web认证系统开发中，客户要求有数据更新时要在页面弹出提示框，这样方便在旁边的工作人员可以及时的知道有新数据提交了，我们除了使用及时的推送技术外还可以使用ajax来实现这些功能。代码实现的原理，在页面启用定时执行ajax请求，如果获得数据是最新状态的，要执行语音提示和弹出框提示，这样实现的弊端是频繁的调用数据库，该方法只适合于使用人数较少的系统。在此处我导入了jquery.gritter.js和jquery.gritter.css,具体实现代码：。+ item3.today+" "</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:95</span> <span>发布时间:2020-11-26 15:57:24</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="770" data-num="14"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/770.html"> <span>js 前端有消息了声音提示给用户</span> </a></h2> <div class="con-desc">Your browser does not support the audio element.message: '该浏览器不支持播放声音！解决方案：1、点击该弹出框。或者 1、打开chrome；' +. '2、输入 chrome://flags/#autoplay-policy；3、点击default，选择 Setting No user gesture is required；' +</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:52</span> <span>发布时间:2020-11-26 15:55:12</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="744" data-num="15"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/744.html"> <span>js 加载并解析Markdown文档</span> </a></h2> <div class="con-desc">用浏览器打开之后，结果就被原封不动的输出来了，浏览器根本不会解析这玩意... 跟阮老师的blog相差好大啊~ 呵呵~ 还是太天真了！原来markdown文本还是需要用marked.js这么一个库来解析的！于是乎，依葫芦画个瓢。原理就是用ajax请求，取到 .md文件里的内容，再通过marked.js提供的marked()方法将markdown语法的文本转成html文档。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:77</span> <span>发布时间:2020-10-28 13:13:46</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="720" data-num="16"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/720.html"> <span>js字符串截取函数slice()、substring()、substr()</span> </a></h2> <div class="con-desc">在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice,substring和substr 相关属性： slice() 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负数,则将该值加上字符串长度后转为正值;若第一个参数等于大于第二个参数,则返回</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:142</span> <span>发布时间:2020-10-12 13:32:13</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="719" data-num="17"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/719.html"> <span>JS截取字符串常用方法详细整理</span> </a></h2> <div class="con-desc">功能：字符串截取，比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6). substring 方法用于提取字符串中介于两个指定下标之间的字符。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。如果 start 或 end 为负数，那么它将被替换</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:134</span> <span>发布时间:2020-10-12 13:31:39</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="717" data-num="18"> <div class="arc-up cl"> <div class="con-img"><img src="//upload-images.jianshu.io/upload_images/1924092-f05e9a2ead787bf6.jpg" alt="浅谈Nodejs开发桌面应用针对 Electron "></div> <div class="con-arc"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/717.html">浅谈Nodejs开发桌面应用针对 Electron </a></h2> <div class="con-desc">开始教程之前，请允许我假设你已经有了一个常用的的编辑器（或者 IDE），系统中也安装了Node.js 和 npm，并有基础的 HTML/CSS/JavaScript （对 N...</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:107</span> <span>发布时间:2020-10-11 10:57:29</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="698" data-num="19"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/698.html">js —— 如何打开新标签页（window.open应用）</a></h2> <div class="con-desc">js 如何打开新标签页（window.open应用）在标签中通过设置target="_blank"就可以实现打开新标签的效果。但有时候我们需要通过Javascript来打开新标签，那么怎么实现呢？方法如下：window.open("http://www.wlzhys.com");或者：window.open("http://www.wlzhys.co</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:156</span> <span>发布时间:2020-09-27 10:40:28</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="687" data-num="20"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/687.html"> <span>纯js全选、多选</span> </a></h2> <div class="con-desc">使用纯js来写一个模拟购物车的全选和多选功能。checkboxs[j].checked){//如果有一个不被选中。实现这个功能还有太多的方法了。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:142</span> <span>发布时间:2020-09-25 11:58:55</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="627" data-num="21"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/627.html"> <span>JS实现操作成功定时回到主页效果</span> </a></h2> <div class="con-desc">12 <span>秒后回到主页</span>. -- 也可以写成javascipt：back(); -->. 18 //获取要定时元素的值。28 setInterval; //调用定时方法。29 function back(){ //返回前一页面的方法。如果脚本代码的位置放在html代码的前面，如下:. 浏览器中运行代码则会出错，显示第9行出错:. 原因是HTML代码在页面载入是顺序执行，当执行到：。id为"time"的span标签的内容并未加载</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:101</span> <span>发布时间:2020-09-13 18:29:43</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="597" data-num="22"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/597.html"> <span>js监听用户是否在浏览当前页面</span> </a></h2> <div class="con-desc">当鼠标点击了在当前页面之外位置时，就会触发失去焦点的处理函数，如果用户切换了浏览器的选项卡的时候，触发选项卡切换的事件</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:144</span> <span>发布时间:2020-09-07 11:11:10</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="580" data-num="23"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/580.html"> <span>js扩展运算符（spread）三个点（...）</span> </a></h2> <div class="con-desc">arr1.concat; // [ 'a', 'b', 'c', 'd', 'e' ]</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:157</span> <span>发布时间:2020-09-06 10:58:29</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="578" data-num="24"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/578.html"> <span>js(=>) 箭头函数</span> </a></h2> <div class="con-desc">ES6标准新增了一种新的函数：Arrow Function。因为它的定义用的就是一个箭头：。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return：。箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。return new Date().getFullYear() - this.birth; // this指向</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:118</span> <span>发布时间:2020-09-06 10:37:52</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="502" data-num="25"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/502.html"> <span>js中const,var,let区别</span> </a></h2> <div class="con-desc">今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。如有错误，请您指正！</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:78</span> <span>发布时间:2020-08-28 12:35:32</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="458" data-num="26"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/458.html"> <span>js把两个对象合并成一个对象</span> </a></h2> <div class="con-desc">如果目标对象中的属性具有相同的键，则属性将被源中的属性覆盖。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 getter 和 setter。因此，它分配属性，而不仅仅是复制或定义新的属性。如果合并源包含getter，这可能使其不适合将新属性合并到原型中。String类型和 Symbol 类型的属性都会被拷贝。在出现错误的情况下，例如，如果属性不可写，会引发TypeError，如果在引发错误之前添加了任何属性，则可以更改target对象。注意，Object.assig</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:193</span> <span>发布时间:2020-08-16 17:57:12</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="440" data-num="27"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/440.html">在js中格式化时间</a></h2> <div class="con-desc">开发工具与关键技术：VS ASP.NET.MVC作者：冉冉撰写时间：2019年06月25日有时候在页面中需要获取到准确的日期然后以年月日（时分秒）这种格式显示在页面上，但是没有经过格式化的日期或者时间并不是以这种格式显示的，它显示的只是一段字符串。如果时间类型直接使用JSON进行返回就会出现一个问题，如下图：图1时间类型被JSON序列化后就变成了上图中的出生日期、..._js 时间格式化</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:187</span> <span>发布时间:2020-08-10 13:09:35</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="439" data-num="28"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/439.html">js 日期时间的格式化</a></h2> <div class="con-desc">将日期时间转换为指定格式，如：YYYY-mm-dd HH:MM表示2019-06-06 19:45 用法：</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:114</span> <span>发布时间:2020-08-10 13:04:41</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="432" data-num="29"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/432.html"> <span>深入浅出JSONP--解决ajax跨域问题</span> </a></h2> <div class="con-desc">　　上周客户新买了服务器，原本在旧的服务器上放着客户的Web主页信息和一个后台程序，在客户的主页中有一个动态显示最新消息的处理，这个处理就是通过ajax异步从那个后台程序中取得的。由于又购买了新的服务器，客户想把web主页和那个后台程序分开来，后台程序被部署到了新的服务器上。不过这个项目是我的同事小福同志开发的，也就由他来把程序分开部署，然后进行一些小改动。网上查了下中文环境应该是"没有权限"吧。这是因为所有支持Javascript的浏览器都会使用同源策略这个安全策略。　　同源策略，它是由Net</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:158</span> <span>发布时间:2020-08-09 17:46:14</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="431" data-num="30"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/431.html"> <span>jquery实现ajax跨域请求</span> </a></h2> <div class="con-desc">　　是因为浏览器的同源策略是对ajax请求进行阻拦了，但是不是所有的请求都给做跨域，像是一般的href属性，a标签什么的都不拦截。(但是注意，项目2中的访问已经发生了，说明是浏览器对非同源请求返回的结果做了拦截。　　jsonp是json用来跨域的一个东西。原理是通过script标签的跨域特性来绕过同源策略。　　这其实就是JSONP的简单实现模式，或者说是JSONP的原型：创建一个回调函数，然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递，完成回调。　　将JSON数据填充进回调函数</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:127</span> <span>发布时间:2020-08-09 17:45:32</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="417" data-num="31"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/417.html"> <span>js解码编码decodeURI与decodeURIComponent区别</span> </a></h2> <div class="con-desc">Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码，以便发送给浏览器。有效的URI中不能包含某些字符，例如空格。而这URI编码方法就可以对URI进行编码，它们用特殊的UTF-8编码替换所有无效的字符，从而让浏览器能够接受和理解。它们的主要区别在于，encodeURI()不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号；而encodeURIComponent()则会对它发现的任何非标准字符进行编码。一般来说,我们使用e</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:207</span> <span>发布时间:2020-08-06 19:47:36</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="407" data-num="32"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/407.html"> <span>js es6遍历对象的6种方法（应用中推荐前三种）</span> </a></h2> <div class="con-desc">in 循环遍历对象自身的和继承的可枚举属性.不仅支持数组，还支持大多数类数组对象，例如DOM NodeList对象.也支持字符串遍历，它将字符串视为一系列的Unicode字符来进行遍历.</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:121</span> <span>发布时间:2020-08-03 16:33:14</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="362" data-num="33"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/362.html">新增网址/网页截图api[增加安全防护本接口已停用]源码可下载</a></h2> <div class="con-desc">开发十年，就只剩下这套架构体系了！ >>> 下载:http://www.90pan.com/b1464666以上下载包中为win实例其它操作系统下载https://phantomjs.org/download.html发现一个好东西PhantomJS.PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而..._https://www.jsanai.com/home/htmltoimg/api</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:207</span> <span>发布时间:2020-07-01 17:04:24</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="354" data-num="34"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/354.html">URL地址中使用中文作为的参数</a></h2> <div class="con-desc">引言：在Restful类的服务设计中，经常会碰到需要在URL地址中使用中文作为的参数的情况，这种情况下，一般都需要正确的设置和编码中文字符信息。乱码问题就此产生了，该如何解决呢？且听本文详细道来。1. 问题的引出在Restful的服务设计中，查询某些信息的时候，一般的URL地址设计为： get /basic/service? keyword=历史，之类的URL地址。但是，在..._url参数中文</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:216</span> <span>发布时间:2020-06-28 16:27:55</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="313" data-num="35"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/313.html">electron 启动exe 程序</a></h2> <div class="con-desc">最近项目中，需要用 electron 来启动后台服务，后台服务是一个 exe 程序，目录在 electron 打包后的目录上一层通过 app 来获取程序的路径 {代码...} 再通过 node 的 child_process 来调用 cmd 执行 {代码...} 需要在 electron 的 ready 生命周期中调用 {代码...}</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:286</span> <span>发布时间:2020-06-06 17:23:26</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="311" data-num="36"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/311.html">Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等</a></h2> <div class="con-desc">用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：。如果要想将某些web网页内嵌进来，类似于iframe的效果。直接通过src属性设置要内嵌的网页的地址。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:296</span> <span>发布时间:2020-06-06 15:51:04</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="306" data-num="37"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/306.html">NodeJS学习————关于let和const命令的使用理解</a></h2> <div class="con-desc">let的基本用法在新的js规范ES6中，新增了let命令，用来声明变量。用法类似于var，但不同的是所声明的变量，只在let命令所在的代码块内有效。{leta=10;varb=10;}//ReferenceError:aisnotdefinedconsole.log(a+b);在之前的js版本中，通过var命令声明的变量可以在声明之..._nodejsconst</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:132</span> <span>发布时间:2020-06-06 13:58:35</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="279" data-num="38"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/279.html">js实现replaceAll方法</a></h2> <div class="con-desc">js本来有replace方法，请看w3school的说明：replace()方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法：stringObject.replace(regexp/substr,replacement)第一个参数为一个字符串或者一个正则表达式，第二个参数为一个字符串或者一个用于生成字符串的函数。注意重点：如果regexp...前端</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:283</span> <span>发布时间:2020-05-25 15:03:40</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="268" data-num="39"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/268.html">排名前10的H5、Js 3D游戏引擎和框架</a></h2> <div class="con-desc">由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏，所有JavaScript 3D游戏引擎是一个人们主题。基于浏览器的游戏最棒的地方是平台独立，它们能在iOS、Android、Windows或其他任何平台上运行。　　1. Babylon.js　　毫无疑问，Babylon.JS是最好的JavaScript3D游戏引擎，它能创建可以出售的专业级游戏。　　Threejs带来的不仅是支持WebGL渲染，也支持SVG、Canvas和CSS3D渲染。　　了解更多—amb</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:309</span> <span>发布时间:2020-05-18 21:20:29</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="254" data-num="40"> <div class="arc-up cl"> <div class="con-img"><img src="//upload-images.jianshu.io/upload_images/7662941-b6696da86acb42b5.png" alt="clipboard.js实现JS复制文本"></div> <div class="con-arc"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/254.html">clipboard.js实现JS复制文本</a></h2> <div class="con-desc">最近发现一个很好用的无依赖的插件clipboard.js。兼容当前主流的浏览器，不依赖于flash 使用方式也可以使用CDN 引入之后就可以直接使用了，非常方便，这里只...</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:112</span> <span>发布时间:2020-05-16 01:37:14</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="253" data-num="41"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/253.html">JS--微信浏览器复制到剪贴板实现</a></h2> <div class="con-desc">由于太忙很久没写博客了，如有错误遗漏，请指出，感谢！首先这里要注意，是微信浏览器下的解决方案，其他浏览器请自行测试。由于淘宝链接无法在微信中打开，所以淘宝开发了淘口令方便物质传播，而导购网站在微信推广的时候也是生成口令，用户只需要复制口令，打开手机淘宝，即可看到对应的商品：。这里要使用的是一个非常强大的工具Clipboardjs，这个工具只需要引入对应的js，即可方便的完成上面的功能。引入js，这里我把js放在了服务器，通过url请求访问即可，官网方法是下载对应的js文件。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:172</span> <span>发布时间:2020-05-16 01:32:53</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="237" data-num="42"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/237.html">JS动态添加元素的事件动态绑定</a></h2> <div class="con-desc">最近个人一直有用到动态生成的HTML，然后动态生成前写好的事件绑定是无效的，所以，只能通过下面的方式进行绑定。 //後面添加的元素無法綁定事件，需預加載 $(document).on("click", "#XSelectUser01_PopWin", function () { //绑定的方法 }); ...javascript</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:82</span> <span>发布时间:2020-05-12 15:35:39</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="223" data-num="43"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/223.html">Fastadmin 后台表单，外键关键，步骤</a></h2> <div class="con-desc">public function index() { //设置过滤方法 $this->request->filter; //当前是否为关联查询 $this->relationSearch = true; // 解决排序问题 if { //如果发送的来源是Selectpage，则转发到Selectpage if { return $this->sel</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:174</span> <span>发布时间:2020-05-11 10:52:00</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="183" data-num="44"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/183.html">使用正则表达式去除html文本中的的所有js脚本</a></h2> <div class="con-desc">代码如下：<?php$html = <<<LABLE<!DOCTYPEJavaScript</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:218</span> <span>发布时间:2020-04-15 10:49:31</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="127" data-num="45"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/127.html">GitHub 宣布正式收购 npm，即将接管 JavaScript 生态系统？</a></h2> <div class="con-desc">北京时间今天凌晨，GitHub 首席执行官 Nat Friedman 宣布 GitHub 已签署收购 npm 的协议，之后将致力于建立可靠的注册表基础架构并改善核心体验、提高代码的安全性。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:147</span> <span>发布时间:2020-03-28 00:19:03</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="85" data-num="46"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/85.html">百度坐标坐标系之间的转换（JS版代码）</a></h2> <div class="con-desc">/** * Created by Wandergis on 2015/7/8. * 提供了百度坐标（JavaScript</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/16.html"> 谷歌地图</a></span> <span>浏览:674</span> <span>发布时间:2020-03-18 22:11:05</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="75" data-num="47"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/75.html">Vue底层实现原理概述</a></h2> <div class="con-desc">Vue是一个典型的MVVM框架，模型（Model）只是普通的JavaScript对象，修改它则视图（View）会自动更新。这种设计让状态管理变得非常简单而直观。那么Vue是如何把模型和视图建立起关联的呢？</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:294</span> <span>发布时间:2020-03-17 16:46:37</span> </div> </li>  </ul> <div class="cl blbg loadmore" id="loadmorebtn" data-page="1">查看更多</div> </div> <aside id="right-side" class="con-right"> <dl class="blbg joinus"> <dt class="list-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>寻求合作</h2> </dt> <dd class="quncon"> <div class="qunimg"> <img src="/data/upload/2020-03-12/5e6916f9db442.png" alt="php技术微信"> </div> <div class="qundescr"> <ul> <li> 微信扫左侧二维码</li> <li> QQ: 526713444</li> <li> 邮箱: jbk3311@qq.com</li> </ul> <br> </div> </dd> <dd class="shuoming"> 建议先加微信咨询，如因我忙碌不能及时答复，请耐心等待。 </dd> </dl> <span> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>热门浏览</h2> </dt> <dd class="arc-item"> <a title="centos搭建lnmp环境网址收藏" target="_blank" class="el" href="http://www.dagoogle.cn/n/46.html"><i class="ank-icon ank-icon-fire"></i>centos搭建lnmp环境网址收藏</a> <span class="datetime">781</span> </dd> <dd class="arc-item"> <a title="centos 搭建git自动部署web应用" target="_blank" class="el" href="http://www.dagoogle.cn/n/45.html"><i class="ank-icon ank-icon-fire"></i>centos 搭建git自动部署web应用</a> <span class="datetime">753</span> </dd> </dl> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>置顶文章</h2> </dt> <dd class="arc-item"> <a title="centos搭建lnmp环境网址收藏" target="_blank" class="el" href="http://www.dagoogle.cn/n/46.html"><i class="ank-icon ank-icon-fire"></i>centos搭建lnmp环境网址收藏</a> <span class="datetime">781</span> </dd> <dd class="arc-item"> <a title="centos 搭建git自动部署web应用" target="_blank" class="el" href="http://www.dagoogle.cn/n/45.html"><i class="ank-icon ank-icon-fire"></i>centos 搭建git自动部署web应用</a> <span class="datetime">753</span> </dd> <dd class="arc-item"> <a title="centos 7 yum 安装最新版本或者任意版本的mariadb记录" target="_blank" class="el" href="http://www.dagoogle.cn/n/44.html"><i class="ank-icon ank-icon-fire"></i>centos 7 yum 安装最新版本或者任意版本的mariadb记录</a> <span class="datetime">874</span> </dd> <dd class="arc-item"> <a title="部署在阿里云ECS上的discuz使用QQ邮箱发送邮件" target="_blank" class="el" href="http://www.dagoogle.cn/n/43.html"><i class="ank-icon ank-icon-fire"></i>部署在阿里云ECS上的discuz使用QQ邮箱发送邮件</a> <span class="datetime">739</span> </dd> <dd class="arc-item"> <a title="centos 创建sftp用户只允许访问指定目录的正确方式" target="_blank" class="el" href="http://www.dagoogle.cn/n/42.html"><i class="ank-icon ank-icon-fire"></i>centos 创建sftp用户只允许访问指定目录的正确方式</a> <span class="datetime">839</span> </dd> <dd class="arc-item"> <a title="谷歌地图常规地图数据保存方式-KML文件格式" target="_blank" class="el" href="http://www.dagoogle.cn/n/41.html"><i class="ank-icon ank-icon-fire"></i>谷歌地图常规地图数据保存方式-KML文件格式</a> <span class="datetime">1072</span> </dd> <dd class="arc-item"> <a title="centos7防火墙firewall基本命令，持续更新" target="_blank" class="el" href="http://www.dagoogle.cn/n/40.html"><i class="ank-icon ank-icon-fire"></i>centos7防火墙firewall基本命令，持续更新</a> <span class="datetime">610</span> </dd> <dd class="arc-item"> <a title="centos 7.4系统yum安装php最新版本php7.2" target="_blank" class="el" href="http://www.dagoogle.cn/n/39.html"><i class="ank-icon ank-icon-fire"></i>centos 7.4系统yum安装php最新版本php7.2</a> <span class="datetime">1831</span> </dd> </dl> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>推荐文章</h2> </dt> <dd class="arc-item"> <a title="centos 7.4系统yum安装php最新版本php7.2" target="_blank" class="el" href="http://www.dagoogle.cn/n/39.html"><i class="ank-icon ank-icon-fire"></i>centos 7.4系统yum安装php最新版本php7.2</a> <span class="datetime">1831</span> </dd> </dl> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>最新文章</h2> </dt> <dd class="arc-item"> <a title="培养兴趣爱好的重要性" target="_blank" class="el" href="http://www.dagoogle.cn/n/922.html"><i class="ank-icon ank-icon-tijiao"></i>培养兴趣爱好的重要性</a> <span class="datetime">2021/01/15</span> </dd> <dd class="arc-item"> <a title="情绪稳定的重要性" target="_blank" class="el" href="http://www.dagoogle.cn/n/921.html"><i class="ank-icon ank-icon-tijiao"></i>情绪稳定的重要性</a> <span class="datetime">2021/01/15</span> </dd> <dd class="arc-item"> <a title="php微信支付接口返回XML转数组和微信支付回调XML转数组" target="_blank" class="el" href="http://www.dagoogle.cn/n/920.html"><i class="ank-icon ank-icon-tijiao"></i>php微信支付接口返回XML转数组和微信支付回调XML转数组</a> <span class="datetime">2021/01/14</span> </dd> <dd class="arc-item"> <a title=" <span>php中simplexml_load_string使用实例</span> " target="_blank" class="el" href="http://www.dagoogle.cn/n/919.html"><i class="ank-icon ank-icon-tijiao"></i> <span>php中simplexml_load_string使用实例</span> </a> <span class="datetime">2021/01/14</span> </dd> <dd class="arc-item"> <a title=" <span>jQuery判断checkbox是否选中的3种方法</span> " target="_blank" class="el" href="http://www.dagoogle.cn/n/918.html"><i class="ank-icon ank-icon-tijiao"></i> <span>jQuery判断checkbox是否选中的3种方法</span> </a> <span class="datetime">2021/01/14</span> </dd> <dd class="arc-item"> <a title=" <span>JQuery判断radio是否选中，获取选中值</span> " target="_blank" class="el" href="http://www.dagoogle.cn/n/917.html"><i class="ank-icon ank-icon-tijiao"></i> <span>JQuery判断radio是否选中，获取选中值</span> </a> <span class="datetime">2021/01/14</span> </dd> <dd class="arc-item"> <a title="RadioGroup获取到上一个选中的radioBtnID实现还原选中上一个radiobtn" target="_blank" class="el" href="http://www.dagoogle.cn/n/916.html"><i class="ank-icon ank-icon-tijiao"></i>RadioGroup获取到上一个选中的radioBtnID实现还原选中上一个radiobtn</a> <span class="datetime">2021/01/14</span> </dd> <dd class="arc-item"> <a title="数组排序函数-php数组函数（一） - " target="_blank" class="el" href="http://www.dagoogle.cn/n/915.html"><i class="ank-icon ank-icon-tijiao"></i>数组排序函数-php数组函数（一） - </a> <span class="datetime">2021/01/13</span> </dd> <dd class="arc-item"> <a title="PHP获取checkbox值" target="_blank" class="el" href="http://www.dagoogle.cn/n/914.html"><i class="ank-icon ank-icon-tijiao"></i>PHP获取checkbox值</a> <span class="datetime">2021/01/13</span> </dd> <dd class="arc-item"> <a title="翻开书之前，先搞清楚自己为什么读这本书" target="_blank" class="el" href="http://www.dagoogle.cn/n/913.html"><i class="ank-icon ank-icon-tijiao"></i>翻开书之前，先搞清楚自己为什么读这本书</a> <span class="datetime">2021/01/12</span> </dd> </dl> </span> </aside> </div>  <footer class="footer cl"> <div class="footer-inner"> <ul class="footer-info"> <li>备案号:<a rel="nofollow" href="http://www.beian.miit.gov.cn/" target="_blank">粤ICP备15112958号-1</a></li> <li>QQ：526713444</li> <li>邮箱: jbk3311@qq.com</li> </ul> <ul class="footer-info" style="display:none;"> <li><a href="/sitemap.xml">网站地图</a> </li> </ul> </div> </footer> <div id="floattool" class="floattool"> <a class="qrcode" title="微信联系" href="javascript:;"> <i class="ank-icon ank-icon-wechat"></i> <img src="/data/upload/2020-03-12/5e6916f9db442.png" alt="php技术微信"> </a> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?00c2998f079f6386bd43de20ca6b90c9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></body> </html>

知识栈-js

测试

后，界面展示正常。↓↓↓↓↓↓写的不错，对你有帮助？