知识栈-js

JS控制Video播放器(快进、后退、播放、暂停、音量大小)

一.首先监听触发事件。比如：向上键对应的keyCode为38，向下键对应的keyCode为40，向左键对应的keyCode为37，向右键对应的keyCode为39，空格键对应的keyCode为32，其他的keyCode可以通过 console.log; 打印获取。HTMLVideoElement和HTMLAudioElement 均继承自HTMLMediaElement. - Media.currentSrc; //返回当前资源的URL- Media.src = value; //返回或设置当前

分类: 文章浏览史浏览:124 发布时间:2021-12-02 16:35:26

videojs设置播放时间为正数

video.js 默认播放时负数如图：我们显示要显示正数达到我们的效果如图：我们怎么解决的，通过css 解决 .video-js .vjs-tech {position: relative !important;} .video-js .vjs-time-control{display:block;}.video-js .vjs-remaining-time{display: none;}这样我们就把问题解决了。有的时候添加后并没有解决问题。这个是界面加载后导致的优先级被覆盖掉了。解决

分类: 文章浏览史浏览:178 发布时间:2021-12-02 16:34:07

利用videojs实现视频列表循环播放，自动播放下一个

<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met

分类: 文章浏览史浏览:148 发布时间:2021-12-02 16:18:51

js跳出循环的方法区别(break,continue,return)

break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。如果一个循环的终止条件非常复杂，那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。所不同的是，它不是退出一个循环，而是开始循环的一次新迭代。continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内，在其它地方使用都会引起错误！return语句就是用于指定函数返回的值。return语句只能出现在函数体内，出现在代码中的其他任何地方都会

分类: 文章浏览史浏览:56 发布时间:2021-11-28 17:51:40

js判断html存不存在某个属性,判断localStorage.getItem属性是否存在

判断localStorage.getItem属性是否存在if (localStorage.getItem("key") != null) {//自定义代码alert('key 存在')}else{alert('key 不存在')}if (localStorage.getItem("key") != null) {//自定义代码alert('key 存在')}else{alert('key 不存在'...

分类: 文章浏览史浏览:112 发布时间:2021-11-27 16:55:10

JS的MD5加密

调用源码：

分类: 文章浏览史浏览:129 发布时间:2021-11-27 16:51:34

js MD5的6种实现方式

js MD5的6种实现方式js代码使用js代码/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, Ydna

分类: 文章浏览史浏览:139 发布时间:2021-11-27 16:51:13

JS中使用MD5加密

< script type="text/javascript" > hash = hex_md5;< /script>

分类: 文章浏览史浏览:105 发布时间:2021-11-27 16:50:58

videojs中文文档详解

最近弄视频直播，网上没有全面的中文文档，只好自己整理了一份详细的api。Video.js是一款web视频播放器，支持html5和flash两种播放方式。更有自定义皮肤，插件，组件，语言还有丰富的选项配置。官方网站点此下载videojs.6.0.0入门使用引入video.js和video-js.css，使用video标签就像下面这样：&lt;video id="e...

分类: 文章浏览史浏览:152 发布时间:2021-11-17 11:41:11

HTML5视频播放插件 video.js介绍

video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频，功能强大，且支持降级到flash,兼容ie8。-- Tracks need an ending tag thanks to IE9 -->. controls表示控制条，prload：预加载，poster表示最初的显示的图片。data-set支持用json来设置一些参数。source不用说了，track指的是字幕。这样子就出来了，但是在实际中我们还有其他需求。需要应用novtt的js，在demo的alt文件中。这样视频

分类: 文章浏览史浏览:171 发布时间:2021-10-20 11:24:50

微信公众号开发（三）自定义菜单。

用户点击click类型按钮后，微信服务器会通过消息接口推送消息类型为event 的结构给开发者，并且带上按钮中开发者填写的key值，开发者可以通过自定义的key值与用户进行交互；用户点击view类型按钮后，微信客户端将会打开开发者在按钮中填写的网页URL，可与网页授权获取用户基本信息接口结合，获得用户基本信息。用户点击按钮后，微信客户端将调起系统相机，完成拍照操作后，会将拍摄的相片发送给开发者，并推送事件给开发者，同时收起系统相机，随后可能会收到开发者下发的消息。用户点击media_id类

分类: 文章浏览史浏览:157 发布时间:2021-09-25 17:18:55

Js判断数组中是否存在某个元素

　　indexOf();返回元素在数组中的位置，如果没有则返回-1；　　我通常的用法：if{元素存在的操作};　　Arr.find()的参数是一个回调函数，数组所有元素会遍历这个回调函数，直到找到第一个返回值为true的元素，然后返回该元素否则返回undefined；　　console.log;//1,后面的值不会再调用函数。　　var arr=['1','2','3',NaN]; 　　var a=arr.find 　　console.log; //NaN

分类: 文章浏览史浏览:218 发布时间:2021-09-13 11:11:18

node环境使用lowdb轻量数据库以及基本用法 -

const low = require('lowdb'); const FileSync = require('lowdb/adapters/FileSync'); // 有多种适配器可选择 const adapter = new FileSync('db.json'); // 申明一个适配器 const db = low(adapter); db.defaults({'table1': []}).write(); db.defaults({'table2': []}).write();//设置

分类: 文章浏览史浏览:199 发布时间:2021-09-12 18:48:53

【easy-invoices】electron-vue、sqlite3 项目初探 -

父母都是做出纳相关的工作，希望我能给他们做个简单的进销存，在上班的时候使用。开发一个不需要花钱买服务器，不需要依赖网络（更新除外），单机版的程序，对于前端出身的我来说，那么electron或nwjs是最好的选择。electron官网对electron与nwjs的比较这里我选择了electron，因为很熟悉vue，就使用国人集成的electron-v...

分类: 文章浏览史浏览:168 发布时间:2021-09-12 18:39:01

electron发送消息给webview里的子iframe -

preload虽然加载到了webview内的iframe里，webview的preload也可以通过ipcRenderer.sendToHost发送消息给renderer进程，但是在renderer里通过webview.send方法发送消息给webview内preload时会发现只有mainFrame的preload能收到消息，iframe里的preload则不能，官方文档也没有明确说明，搜遍网络资源无果，且实验了3、4个...

分类: 文章浏览史浏览:134 发布时间:2021-09-10 13:35:04

npm安装：end of central directory record signature not found

首先看安装提示，我这里安装提示：PhantomJS not found on PATH，这个提示表明我的环境里面缺少PhantomJS信息，将环境补全PhantomJS 信息就可以了。下载PhantomJS：https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zip将下载的文件放置G:\WINDOWS\Temp\phantomjs (我这里修改了临时目录的路径正常路径为：C:\U

分类: 文章浏览史浏览:185 发布时间:2021-09-09 11:37:03

electron-vue从入门到精通（一） -

小编也是刚刚开始接触electron，最近公司项目用到了，让自己研究研究，这里有点自己学习心得，并希望给最近又要学习的小伙伴一些学习的小捷径，希望有所帮助=====，话不多说我们开始吧!!!

分类: 文章浏览史浏览:113 发布时间:2021-09-08 18:47:37

electron 启动exe 程序 -

最近项目中，需要用 electron 来启动后台服务，后台服务是一个 exe 程序，目录在 electron 打包后的目录上一层通过 app 来获取程序的路径 {代码...} 再通过 node 的 child_process 来调用 cmd 执行 {代码...} 需要在 electron 的 ready 生命周期中调用 {代码...}

分类: 文章浏览史浏览:123 发布时间:2021-09-08 16:07:22

electron（二）-向webview网页注入js、css -

公司有个内部桌面软件是基于electron vue写的，前几天负责开发这个客户端的人离职，我就成了临时接档优化的人。作为写vue但第一次接触electron的人，花了几天时间浏览了一下electron、electron vue官方文档、客户端代码的整体架构，即便如此，在优化过程中还是遇到了很多麻烦，项目结束后，特此做了一下总结。

分类: 文章浏览史浏览:183 发布时间:2021-09-07 18:28:34

electron监听网页_Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等...

场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试：在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来，类似于iframe的效果。注：实现显示webview首先在html中添加webview标签直接通过src属性设置要内嵌的网页的地址。然后打开mai...

分类: 文章浏览史浏览:160 发布时间:2021-09-07 18:27:59

js for in 和for of的区别

参考文档 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450082788640f82a480be8481a8ce8272951a40970000for in 便历出来的是属性for of 遍历的是value 手动给对象添加属性后, fo

分类: 文章浏览史浏览:130 发布时间:2021-09-07 10:30:09

前端 BUG 录 - 因 lodashjs debounce 去抖优化造成的 bug -

做开发其实还是要考虑一下边界问题，因为边界问题有时候会导致体验断崖式的下跌。正好前段时间遇到了个问题，今天分享一下。之前做了一个 IM 的项目，是会话列表出现的问题：进入页面时，会加载会话列表，加载数据会造成卡顿。先说说我的逻辑：分页拉取本地历史数据（已读消息，userid排序的20个人）定时拉取远程数据（...

分类: 文章浏览史浏览:360 发布时间:2021-07-29 23:03:29

js、html中的单引号、双引号及其转义使用

在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：IE提示出错后，再漫不经心地改为：结果还是出错。这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：但为什么java

分类: 文章浏览史浏览:566 发布时间:2021-05-21 14:34:51

原生 js 实现点击按钮复制文本

如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板。但是 select() 方法只对和

有效，对于 <p> 就不好使。点击按钮的时候，先把 <textarea> 的 value 改为 <p> 的 innerText，然后复制 <textarea> 中的内容。<p id="text">我把你当兄弟你却想着复制我？* @param  {String} attr [需要 copy 的属性，默认是 in</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:372</span>
                    <span>发布时间:2021-04-28 20:52:39</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="1006" 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/1006.html">
    <span>JS事件绑定及深入</span>

</a></h2>
                        <div class="con-desc">事件绑定分为两种：一种是传统事件绑定，一种是现代事件绑定。现代事件绑定在传统绑定上提供了更强大更方便的功能。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理函数。如果一个页面有两个或者多个js，并且第一个js是第一个程序开发的，第二个js是第二个程序员开发的。第一个window.onload被覆盖了，如。其实是有办法解决这个问题的，看下面这两种形式。alert;//一开始没有注册window.onload,那么就是null. alert;//如果已经有window.onload,所有浏览</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:275</span>
                    <span>发布时间:2021-04-28 20:40:58</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="1004" 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/1004.html">
    <span>js删除数组中元素 delete 和splice的区别</span>

</a></h2>
                        <div class="con-desc">例如我有一个数组： var array = ["aa","dd","cc","aa"] ,我想删除这个数组的“dd”元素，那么我们应该怎么办呢？1）delete: 只是被删除的元素变成了 undefined 其他的元素的键值还是不变。</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:213</span>
                    <span>发布时间:2021-04-28 20:29:46</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="1003" 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/1003.html">
    <span>

动态加载Js文件的三种方法</span>

</a></h2>
                        <div class="con-desc">，可以提高页面显示的速度和效率。下面介绍三种异步执行加载Js. 的同时，主界面的Js脚本是继续执行的，所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:483</span>
                    <span>发布时间:2021-04-26 14:11:33</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="997" 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/997.html">
    <span>JS获取url参数及url编码、解码</span>

</a></h2>
                        <div class="con-desc">query#fragment ，各部分的取法如下：。在js中可以使用escape(), encodeURL(), encodeURIComponent()，三种方法都有一些不会被编码的符号：。@ # $& * ( ) = : / ; ?如果不进行二次编码的话，在java端通过decode方法取的会是乱码。</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:248</span>
                    <span>发布时间:2021-04-19 15:54:28</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="983" 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/983.html">js中的值传递与引用传递</a></h2>
                        <div class="con-desc">js一共有六大数据类型。number string boolean object null underfind要说js的赋值方式时首先要说明js的数值类型：基本类型和引用类型。基本数据类型基本的数据类型有：undefined，boolean，number，string，null。 基本类型存放在栈区，访问是按值访问的，就是说你可以操作保存在变量中的实际的值。var a = 10;var ...</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:242</span>
                    <span>发布时间:2021-03-27 16:59:03</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="907" 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/907.html">js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）</a></h2>
                        <div class="con-desc">单选框 radio&lt;div class="radio-inline"&gt;  &lt;input type="radio"  name="killOrder" value="1"/&gt;  &lt;label for="killOrder1"&gt;是&lt;/label&gt;&lt;/div&gt;&am</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:851</span>
                    <span>发布时间:2021-01-11 18:24:37</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="875" 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/875.html">swiper实现轮播（很简单）</a></h2>
                        <div class="con-desc">1.准备js和css 访问网址https://www.swiper.com.cn/ ,获取Swiper,下载Swiper. 主要代码html 3.在js中初始化swiper ...</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:299</span>
                    <span>发布时间:2020-12-12 16:09:34</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="866" 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/866.html">jQuery - 使用JSONP实现跨域请求</a></h2>
                        <div class="con-desc">实现跨域请求的常用方式1、跨域请求只针对浏览器，而不针对服务端，因此可以先请求同源的服务端，然后由该服务端发出跨域请求，得到数据后再返回给浏览器。2、在服务端程序的响应头信息中添加Access-Control-Allow-Origin相关信息。3、使用&amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt;来完成跨域请求，因为在页面上引入不同域上的js脚本是可以的，就像可以在页面上使用&amp;amp;amp;amp;lt;img&am</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:317</span>
                    <span>发布时间:2020-12-10 13:45:20</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="865" 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/865.html">
    <span>jQuery jsonp跨域请求</span>

</a></h2>
                        <div class="con-desc">跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据返回前端。这里讲下使用jquery的jsonp如何发起跨域请求及其原理。先看下准备环境：两个端口不一样，构成跨域请求的条件。24     <input i</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:265</span>
                    <span>发布时间:2020-12-10 13:42:42</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="864" 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/864.html">
    <span>JS获取当前时间戳的方法</span>

</a></h2>
                        <div class="con-desc">第二种和第三种是获取了当前毫秒的时间戳。2     a =a.replace;//替换2017/05/03 为    2017-05-03</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:288</span>
                    <span>发布时间:2020-12-10 13:35:18</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="863" 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/863.html">
    <span>js JSONP实例</span>

</a></h2>
                        <div class="con-desc">$.html('<p style="color:red">请输入手机号码或邮箱！//$.html;      //到时候换成其他的形式实现</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:320</span>
                    <span>发布时间:2020-12-10 13:33:39</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="862" 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/862.html">js中jsonp跨域请求</a></h2>
                        <div class="con-desc">1、理解jsonp什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。具体策略限制情况可看下表：URL			说明			允许通信		http://www.a.com/a.js			http://www.a.com/b.js			同一域名下...</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:258</span>
                    <span>发布时间:2020-12-10 13:33:05</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="855" 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/855.html">js setTimeout参数传递使用方法</a></h2>
                        <div class="con-desc">window.settimeout()方法要调用带参数的函数有两种方法：1 function test(){ var url = "";  window.setTimeout(function(){ checkUrl(url);},1000); } 2 function test(){ var url = ""; window.setTimeout(“checkUrl(”+url+“)...</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:254</span>
                    <span>发布时间:2020-12-09 18:12:14</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="846" 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/846.html">
    <span>Uncaught SyntaxError: Invalid or unexpected token</span>

</a></h2>
                        <div class="con-desc">　　证明：将<script></script>标签换成<h1>测试<h1>后，界面展示正常。↓↓↓↓↓↓写的不错，对你有帮助？</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:296</span>
                    <span>发布时间:2020-12-09 15:43:35</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="838" 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/838.html">JS 实现兼容浏览器报警提示声音</a></h2>
                        <div class="con-desc"><!DOCTYPE HTML>    <head>        <title>JS实现报警提示音</title>        <meta http-equiv="content-type" content="text/html;charset=UTF-8">        <script src="./jqu...</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:309</span>
                    <span>发布时间:2020-12-02 20:00:50</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="829" 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/829.html">H5中的audio标签加入autoplay属性音频仍不能自动播放</a></h2>
                        <div class="con-desc">现在不知什么原因H5的audio标签不能自动播放，让人很是苦恼，经过自己的多方查找，终于找到了解决方案：&lt;iframe src = "music/birthday.mp3" allow = "autoplay" hidden /&gt;hidden是用来隐藏的，如果用不到可以去掉。。。用这个iframe标签可以实现自动播放，不过这个有一个缺点，假如你的网页中有脚本即js等脚本语...</div>
                    </div>
                </div>
                <div class="arc-tool">
                    <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span>
                    <span>浏览:299</span>
                    <span>发布时间:2020-12-02 18:39:51</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="815" data-num="40">
                <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/815.html">
    <span>JS操作iframe元素</span>

</a></h2>
                        <div class="con-desc">Frame 对象代表一个 HTML 框架。IFrame 对象代表一个 HTML 的内联框架。<iframe> 标签定义了包含另外一个文档的内联框架。根据周围的文字排列 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>浏览:244</span>
                    <span>发布时间:2020-11-28 18:07:50</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="772" 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/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>浏览:286</span>
                    <span>发布时间:2020-11-26 16:21:06</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="771" 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/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>浏览:263</span>
                    <span>发布时间:2020-11-26 15:57:24</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="770" 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/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>浏览:326</span>
                    <span>发布时间:2020-11-26 15:55:12</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="744" 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/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>浏览:288</span>
                    <span>发布时间:2020-10-28 13:13:46</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="720" 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/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>浏览:349</span>
                    <span>发布时间:2020-10-12 13:32:13</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="719" 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/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>浏览:336</span>
                    <span>发布时间:2020-10-12 13:31:39</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="717" data-num="47">
                <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>浏览:299</span>
                    <span>发布时间:2020-10-11 10:57:29</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="698" data-num="48">
                <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>浏览:355</span>
                    <span>发布时间:2020-09-27 10:40:28</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="687" data-num="49">
                <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>浏览:475</span>
                    <span>发布时间:2020-09-25 11:58:55</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="627" data-num="50">
                <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>浏览:480</span>
                    <span>发布时间:2020-09-13 18:29:43</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="597" data-num="51">
                <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>浏览:310</span>
                    <span>发布时间:2020-09-07 11:11:10</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="580" data-num="52">
                <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>浏览:343</span>
                    <span>发布时间:2020-09-06 10:58:29</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="578" data-num="53">
                <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>浏览:316</span>
                    <span>发布时间:2020-09-06 10:37:52</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="502" data-num="54">
                <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>浏览:277</span>
                    <span>发布时间:2020-08-28 12:35:32</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="458" data-num="55">
                <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>浏览:460</span>
                    <span>发布时间:2020-08-16 17:57:12</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="440" data-num="56">
                <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>浏览:383</span>
                    <span>发布时间:2020-08-10 13:09:35</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="439" data-num="57">
                <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>浏览:1127</span>
                    <span>发布时间:2020-08-10 13:04:41</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="432" data-num="58">
                <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>浏览:339</span>
                    <span>发布时间:2020-08-09 17:46:14</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="431" data-num="59">
                <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>浏览:431</span>
                    <span>发布时间:2020-08-09 17:45:32</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="417" data-num="60">
                <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>浏览:396</span>
                    <span>发布时间:2020-08-06 19:47:36</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="407" data-num="61">
                <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>浏览:343</span>
                    <span>发布时间:2020-08-03 16:33:14</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="362" data-num="62">
                <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>浏览:458</span>
                    <span>发布时间:2020-07-01 17:04:24</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="354" data-num="63">
                <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>浏览:458</span>
                    <span>发布时间:2020-06-28 16:27:55</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="313" data-num="64">
                <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>浏览:1049</span>
                    <span>发布时间:2020-06-06 17:23:26</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="311" data-num="65">
                <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>浏览:758</span>
                    <span>发布时间:2020-06-06 15:51:04</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="306" data-num="66">
                <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>浏览:553</span>
                    <span>发布时间:2020-06-06 13:58:35</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="279" data-num="67">
                <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>浏览:476</span>
                    <span>发布时间:2020-05-25 15:03:40</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="268" data-num="68">
                <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>浏览:636</span>
                    <span>发布时间:2020-05-18 21:20:29</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="254" data-num="69">
                <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>浏览:296</span>
                    <span>发布时间:2020-05-16 01:37:14</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="253" data-num="70">
                <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>浏览:815</span>
                    <span>发布时间:2020-05-16 01:32:53</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="237" data-num="71">
                <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>浏览:228</span>
                    <span>发布时间:2020-05-12 15:35:39</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="223" data-num="72">
                <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>浏览:487</span>
                    <span>发布时间:2020-05-11 10:52:00</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="183" data-num="73">
                <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>浏览:572</span>
                    <span>发布时间:2020-04-15 10:49:31</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="127" data-num="74">
                <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>浏览:367</span>
                    <span>发布时间:2020-03-28 00:19:03</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="85" data-num="75">
                <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>浏览:1406</span>
                    <span>发布时间:2020-03-18 22:11:05</span>
                </div>
            </li>
                        <li class="blbg con-item block-inset cl" data-id="75" data-num="76">
                <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>浏览:478</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">1621</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">1693</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">1621</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">1693</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">2041</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">1672</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">1877</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">2236</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">1285</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">3122</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">3122</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/1239.html"><i class="ank-icon ank-icon-tijiao"></i>在今日头条发视频怕被认识的人看见怎么办？</a>
            <span class="datetime">2022/01/04</span>
            </dd>
                        <dd class="arc-item">
            <a title="抖音视频搬运伪原创工具" target="_blank" class="el" href="http://www.dagoogle.cn/n/1238.html"><i class="ank-icon ank-icon-tijiao"></i>抖音视频搬运伪原创工具</a>
            <span class="datetime">2021/12/29</span>
            </dd>
                        <dd class="arc-item">
            <a title="
    <span>Linux chmod命令修改文件与文件夹权限命令代码</span>

" target="_blank" class="el" href="http://www.dagoogle.cn/n/1237.html"><i class="ank-icon ank-icon-tijiao"></i>
    <span>Linux chmod命令修改文件与文件夹权限命令代码</span>

</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="
    <span>linux下设置php文件不区分大小写</span>

" target="_blank" class="el" href="http://www.dagoogle.cn/n/1236.html"><i class="ank-icon ank-icon-tijiao"></i>
    <span>linux下设置php文件不区分大小写</span>

</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="Class ‘\think\cache\driver\File‘ not Found" target="_blank" class="el" href="http://www.dagoogle.cn/n/1235.html"><i class="ank-icon ank-icon-tijiao"></i>Class ‘\think\cache\driver\File‘ not Found</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="
    <span>linux下更改文件夹名</span>

" target="_blank" class="el" href="http://www.dagoogle.cn/n/1234.html"><i class="ank-icon ank-icon-tijiao"></i>
    <span>linux下更改文件夹名</span>

</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="ThinkPHP5 在 LNMP 环境下访问出现 HTTP ERROR 500" target="_blank" class="el" href="http://www.dagoogle.cn/n/1233.html"><i class="ank-icon ank-icon-tijiao"></i>ThinkPHP5 在 LNMP 环境下访问出现 HTTP ERROR 500</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="su、sudo、sudo su、sudo -i的用法和区别" target="_blank" class="el" href="http://www.dagoogle.cn/n/1232.html"><i class="ank-icon ank-icon-tijiao"></i>su、sudo、sudo su、sudo -i的用法和区别</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="
    <span>Putty使用公钥认证时，报错：Disconnected: No supported authentication methods available(server sent:p" target="_blank" class="el" href="http://www.dagoogle.cn/n/1231.html"><i class="ank-icon ank-icon-tijiao"></i>
    <span>Putty使用公钥认证时，报错：Disconnected: No supported authentication methods available(server sent:p</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        <dd class="arc-item">
            <a title="
    <span>tortoisegit 常见错误disconnected no supported authentication methods available(server sent: p" target="_blank" class="el" href="http://www.dagoogle.cn/n/1230.html"><i class="ank-icon ank-icon-tijiao"></i>
    <span>tortoisegit 常见错误disconnected no supported authentication methods available(server sent: p</a>
            <span class="datetime">2021/12/16</span>
            </dd>
                        </dl>
                    </span>
    </aside>
</div>

<footer class="footer cl">
    <div class="footer-inner">
        <ul class="footer-info">
            <li>备案号:<a rel="nofollow" href="https://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>