随笔分类 - JavaScript / js /es6
摘要：示例代码： $(function(){ console.log(window.location.href) if (self.frameElement && self.frameElement.tagName == "IFRAME") { // alert('在iframe中'); window.o
阅读全文
摘要：photo-sphere-viewer.js是一个基于three.js的全景插件 1、能添加热点；2、能调用陀螺仪；3、操作简单，提供一张全景图片即可（大多数手机都可以拍摄） 官网：https://photo-sphere-viewer.js.org/ 使用方法很简单，直接去官网参考example和
阅读全文
摘要：map类型特点与创建方法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width
阅读全文
摘要：set类型与array与object对比分析： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://ma
阅读全文
摘要：声明定义symbol的几种方式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="dist/css/swiper.css"> <script src=
阅读全文
摘要：解决方案： 之前用的是1.6.0版本，改成jweixin-1.2.0.js，wx.onMenuShareTimeline，wx.onMenuShareAppMessage就成功了。 不知道是不是微信的bug? <!DOCTYPE html> <html lang="en"> <head> <meta
阅读全文
摘要：折线图为例，核心代码 <script src="/assets/webmaster/js/jquery.min.js"></script> <script src="/assets/webmaster/js/echarts.min.js"></script> <script type="text/j
阅读全文
摘要：将密钥中的1.1替换为1.0 找到类似以下的代码： <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> 替换为： <script type="text
阅读全文
摘要：原因： 错误的使用了全网变量，导致 listenValue 偶尔出现未触发的情况 解决方法： 使用普通变量即可 关于变量的文档参考： http://m.v.qq.com/txi/dev/#%E2%80%A2-%E5%8F%98%E9%87%8F%E7%B1%BB%E5%9E%8B
阅读全文
摘要：项目要求是：html生成图片（图片格式不限），长按图片能够保存到本地，主要在移动端 1、初试html2canvas 最初选择的是html2canvas插件，将html转为canvas 再通过Canvas2Image，将canvas转为想要的图片 问题：只能截取一屏的内容，当出现滚动条时，不在滚动视区
阅读全文
摘要：从基础知识到JSWebAPI： DOM操作 BOM操作 事件绑定 AJAX请求（包含http协议） 存储 DOM可以理解为：浏览器把拿到的html代码，结构化成一个浏览器能识别并且js可操作的一个模型 DOM节点操作： <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：什么是异步？ <script> //异步 console.log(1); setTimeout(function(){ alert(2); },1000); console.log(3); //同步，存在阻塞 console.log(1); alert(2);//不点击确定，不会打印3 consol
阅读全文
摘要：作用域和闭包-执行上下文： 变量提升（写代码时千万不要先使用再定义） <script> console.log(a);//undefined var a=10; fn('cyy',18); function fn(name,age){ age=20; console.log(name,age);//
阅读全文
摘要：构造函数： function Foo(name,age){ this.name=name; this.age=age; this.class='class-1'; } var f=new Foo('cyy',18); 构造函数--扩展： 所有的引用类型都是构造函数 var a={} 是 var a=
阅读全文
摘要：变量类型和计算 值类型和引用类型 // 值类型 var a=100; var b=a; a=200; console.log(a+','+b);//a:200 b:100 //引用类型 var m={age:18}; var n=m; n.age=22; console.log(m.age+','+
阅读全文
摘要：js动画--鼠标点击出现爱心 只需将如下JS代码放到</body>之前就好了 <script type='text/javascript' src='//api.dujin.org/js/aixintexiao.js'></script> 完整代码： <!DOCTYPE html> <html la
阅读全文
摘要：网站是用的kindeditor编辑器，今天测试上传视频功能，提示说上传失败，容量超出 打开upload_json.php 修改$max_size $max_size = 100000000; 成功上传视频后，发现生成的格式是embed，而且前台并不能显示播放 于是决定将原来系统中的embed标记更改
阅读全文
摘要：在开发网站的时候，有的页面需要加载ueditor编辑器，如果内容很长，默认设置的时候编辑器会根据内容拉长,而不是页面出现滚动条，如果拖动页面滚条，会比较麻烦，要拖动很长才能看到提交按钮。 如何才能让编辑辑器出现滚动条？ 统一设置的方法： 在编辑器目录下的config.js文件中，修改autoHeig
阅读全文
摘要：NPM是随同NodeJS一起安装的包管理工具 允许用户从NPM服务器下载别人编写的第三方包到本地使用 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用 由于新版的nodejs已经集成了npm，所以npm也一并安装好了。同样
阅读全文
