本文主要和大家分享JS事件绑定与冒泡实例详解，希望能帮助到大家。XAMPPA Apache 阿帕奇服务器 M Mysql P PHP P PERLJSONJSON 轻量级的数据交换格式 XML 一种数据交换格式 JSON用来表示对象和数组var json = ["171204",{"name":"张飞","age":"20"},{"name":"关羽","age":"22"}];// 通过JS自带的JSON.parse可以把JSON格式的字符串转化为对象var obj = JSON.parse(json);console.log(obj);模仿外卖页面<!DOCTYPE html> <html lang="e...
本文主要和大家分享JS实现粘贴到剪贴板实例代码，目前常见的实现粘贴到剪贴板主要有以下两种方法，希望能帮助到大家。第三方库 clipboard 原生JS, 主要是 document.execCommand方法 第一种方法按照文档说明，设置触发元素的data-clipboard-text 或者 data-clipboard-target即可，不做说明，详见文档第二种方法： document.execCommand这个方法的兼容性其实不算很好，特别是移动端，具体这里有, 但clipboard针对部分机型也有问题，所...
1.运用场景：假设有两个对象o1，o2，如果要把o2的方法和属性拷贝到o1中，混入式继承是最简便的方法之一2.实现方式：用for…in…的方式遍历o2对象的属性和方法，并将o2的属性和方法赋值给o1代码实现function mixExtend( o1, o2 ){for( var key in o2 ){o1[key] = o2[key];} return o1; }----------//调用一下var o1 ={};mixExtend( o1, { name:"二狗",age:18,say:function(){console.log("大家好，我是二狗"); } });console.log(...
Cookies现在经常被大家提到，那么到底什么是Cookies，它有什么作用呢？Cookies是数据包，可以让网页具有记忆功能，在某台电脑上记忆一定的信息。Cookies的工作原理是，第一次由服务器端写入到客户端的系统中。以后每次访问这个网页，都是先由客户端将Cookies发送到服务器端，再由服务器端进行判断，然后再产生HTML代码返回给客户端。通过这个原理服务器就可以根据不同用户产生不同cookies文件，这样当该用户再次访问同一个站点时就...
本文主要和大家分享js如何获取鼠标当前位置实例，希望能帮助到大家。<html> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>javascript获得鼠标位置</title> </head> <body> 鼠标X轴: <input id=xxx type=text> 鼠标Y轴: <input id=yyy type=text> </body> <script>function mouseMove(ev) {Ev = ev || window.event;var mousePos = mouseCoords(ev);document.getElementById("xxx").value =...
本文主要和大家分享JS事件委托实例详解，先看看解析，事件委托：也称事件代理 就是利用冒泡的原理 把加事件加到父级上，触发执行效果。 首先呢，你一定写过这样的程序，有一个列表，当鼠标移入每个li，背景颜色变红，于是我们写出了这样的代 码：（我给的代码一般都写的重点代码，html大家可以自行写哈。）window.onload = oUl = document.getElementById(ull aLi = document.getElementsByTagName(li); ( i =0;i < aLi.length;i...
脚本应该放在页面元素代码之后无论当前 JavaScript 代码是内嵌还是在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或JavaScript的命名空间，它们会对后面页面内容造成影响。避免全局查找 function search() {//当我要使用当前页面地址和主机域名alert(window.location.href +...
在文章使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由。那么如何将参数作为路由呢？在参数名前面加上 : ，然后将参数写在路由的 path 内如下示例： routes: [ //将页面组件与path指令的路由关联{ name: BookInfo, path: /books/:id, component: BookInfo }]这样定义之后，vue-rout...
什么是跨域？只要协议、域名、端口有任何一个不同，都被当作是不同的域。URL 说明 是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一域名下不同文件夹 允许http://www.a.com:8000/a.jshttp://www.a.com/b.js 同一域名，不同端口 不允许http://www.a.com/a.jshttps://www.a.com/b.js 同一域名，不同协议 ...
本文主要和大家分享JS获取当前时间实例代码，我们先和大家分享一张图片，希望能帮助到大家。Date对象基本属性：获取当前时间：<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style type="text/css">#box{width:300px;height:50px;border:1px solid black;}</style> </head> <body> <p id="box"></p> <script type="text/javascript">window.onload=function(){function checkTime(i){ //此函...
本文主要和大家分享js富文本处理和表单提交功能实例详解，主要以代码的形式和大家分享，希望能帮助到大家。一,js处理富文本 function decodeHtml(s) {var HTML_DECODE = {"<": "<",">": ">","&": "&"," ": " ",""": "\"","©": ""// Add more};var REGX_HTML_ENCODE = /"|&||<|>|[\x00-\x20]|[\x7F-\xFF]|[\u0100-\u2700]/g;var REGX_HTML_DECODE = /&\w+;|&#(\d+);/g;var REGX_TRIM = /(^\s*)|(\s*$)/g;s = (s != undefined) ? s :...
本文主要和大家分享JS实现打印九九乘法表方法实例，希望能帮助到大家。 步骤 1.先循环，将整个乘法表拼了出来 2.将乘法表套入一个table里 3.简单的给table加点样式<!DOCTYPE html> <html><head><meta charset="utf-8"><title>JS打印九九乘法表</title><style media="screen">/* 简单给整个table加点样式 */table{border-collapse: collapse;}table tr{border: 1px solid #666;}table tr th{border: 1px solid #666;col...
本文主要和大家分享js关于正则表达式运用实例，希望能帮助到大家。工具 regexper/.com正则工具 (在国内可能有些慢)，我们可以尝试安装 源码在github上。2006/02/03test/07/sd2016/05/101997-03-071992-02-452018-45-05123456/23/4581234/23/4795//用中括号表示或者//用花括号表示次数{4} {4，} 大于4次 {4，8} 4到8次 \d{4}[/-]\d{2}[/-]\d{2}g 代表全局的意思var reg = /\bis\b/g; He is a body.This is a dog.Where is she?.repl...
Laravel 提供了一种更简单的方式来处理用户授权动作。类似用户认证，Laravel 有 2 种主要方式来实现用户授权：gates 和策略(policy)。这里记录一下Policy的用法，使用Policy完成用户授权主要包含三个步骤：定义策略类 注册策略类和模型关联 策略判断定义策略类策略是在特定模型或者资源中组织授权逻辑的类。例如，如果应用是一个博客，会有一个 Post 模型和一个相应的 PostPolicy 来授权用户动作，比如创建或者更新博客或者删除博客...
本文主要和大家介绍了vue路由懒加载的实现方法，我们可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。希望能帮助到大家。component可以是一个箭头函数，我们可以使用动态 import语法来定义代码分块点；如果想在network里面看到动态加载的组件名字，可以加webpackChunkName；同时要在webpack.base.conf.js里面的output里面的filename下面加上chunkFileName代码// router里面的index.js import ...