javascript
寒 枫
一条喜欢研究代码的单身狗
展开
-
js函数图解
原创 2021-07-29 10:42:02 · 218 阅读 · 0 评论 -
控制台如何输出展开对象详细信息,去掉省略号
我们使用浏览器输出对象的时候,有时候需要一个个点开对象里的属性像这样对象属性一多起来就显得很麻烦了,不能直观的看属性值解决方法:(…) 是 get/set 类的属性,点击后出现的是 当前的值,不一定和你输出 log 的时候是同一个值如果想要直接看输出时的值(快照)console.log(JSON.parse(JSON.stringify($var)));es6可以直接这样console.log( { ...$var })对象的属性值就会全部展开...原创 2021-07-02 14:53:21 · 2257 阅读 · 0 评论 -
前端学习壁纸图
原创 2021-04-12 16:04:50 · 1117 阅读 · 0 评论 -
如何使你的网页视频自动播放嵌入的iframe视频
只需在视频链接后面接上?rel=0&autoplay=1<iframe height=500 width=880 src='https://player.youku.com/embed/XMzg0MDkyNTQ5Mg==?rel=0&autoplay=1' frameborder=0 'allowfullscreen'></iframe>转载 2021-03-26 21:13:19 · 7673 阅读 · 1 评论 -
【angular】$uibModal 模态窗口服务
$uibModal使用angularJs 的指令库 ui-bootstrap 弹出模态窗口: 导入ui-bootstrap-tpls.js 这个是ui-bootstrap的库,版本 1.1.0 (老版本的注入对象modal)注入服务:′modal) 注入服务:’uibModal’,和$$uibModalInstance addLongPage() { this.$uibModal.op转载 2017-12-13 15:35:06 · 3175 阅读 · 0 评论 -
js数组去重
set去重const arr = ['1','2','1']let set = new Set(arr); // set 自带去重console.error(Array.from(set)); // [ '1', '2' ]reduce去重(数组对象去重)let hash = {};let config = [{ id: 7, name:'哼哼'}, { id:...原创 2018-11-20 11:36:47 · 86 阅读 · 0 评论 -
【事件】input即时反应(input长度改变触发)
input propertychange事件当input的长度发生变化时实时触发原创 2018-10-10 20:21:12 · 1288 阅读 · 0 评论 -
移动端蒙层底部页面禁止滑动
蒙层弹出时设置底部页面为:overflow:hidden;height:100%;让底部页面高度固定为整屏并溢出隐藏,底部页面则没有滑动空间蒙层消失后设置底部页面为:overflow:auto复原底部页面高度变化...原创 2018-09-28 15:42:46 · 1377 阅读 · 0 评论 -
【vue】vuejs入门(一)
指令 详细 v-text 纯字符串输出 v-html 转成html代码输出 v-bind: 简写(:) data与元素的属性绑定 v-on: 简写(@) 绑定事件到元素上 v-modul 双向数据绑定...原创 2018-06-19 00:12:27 · 148 阅读 · 0 评论 -
【vue】vue入门(二)
组件传参父组件向子组件传递参数,通过属性传递 &lt;todo-item v-for="(val,index) in list" :key="index" :centent="val"&gt;&lt;/todo-item&gt; // 定义一个全局组件, Vue.component('todo-i原创 2018-06-24 00:46:58 · 133 阅读 · 0 评论 -
js中的map()函数
1,includes()判断是否包含某一元素。数组,字符串都可参数2:判断的起始位置返回:true || falsep.includes('wides')原创 2017-12-06 18:55:31 · 691 阅读 · 0 评论 -
js中typeof的用法
1,trigger() 用于触发某些事件//直接触发abc的点击事件$('#abc').trigger('click');原创 2017-12-06 18:39:46 · 762 阅读 · 0 评论 -
【exe】electron项目中使用jquery不生效的解决方法
electron项目中jquery没法用的解决方法,比较简单的方式就是在引入jquery之前加入一下代码:&amp;lt;script&amp;gt;window.nodeRequire = require;delete window.require;delete window.exports;delete window.module;&amp;lt;/script&amp;gt;(exe)...转载 2018-05-27 23:36:47 · 1347 阅读 · 0 评论 -
【js】获取图片原始尺寸、判断图片是否加载完成
获取图片原始尺寸var img = document.getElementById("#img");console.log(img.naturalWidth) //获取图片原始宽console.log(img.naturalHeight) //获取图片原始高//适用于现代浏览器判断图片是否加载完成1,load事件 var img = document.getElement...原创 2019-01-22 23:04:15 · 448 阅读 · 0 评论 -
各种console方式
console.log的其他使用方式 let obj = { name:'黄土豆', age:2, } console.log('这是一个对象 %o',obj);常见的占位符 %o (这是字母o,不是0),它接受对象,%s 接受字符串,%d 表示小数或整数。console.log('I am a %cbutton', 'color: whi...原创 2019-04-23 21:17:29 · 1226 阅读 · 0 评论 -
移动端强制横屏显示
先给css加上orientation:portrait | landscapeportrait: 指定输出设备中的页面可见区域高度大于或等于宽度(竖屏) landscape: 除portrait值情况外,都是landscape@media screen and (orientation:portrait) { body { transform-origin: ...原创 2018-07-14 21:46:08 · 1612 阅读 · 0 评论 -
七牛ajax模拟表单上传图片
&lt;form method="post" action="http://up-z2.qiniup.com/" enctype="multipart/form-data"&gt; &lt;input name="token" type="hidden" id原创 2018-06-27 20:39:10 · 376 阅读 · 0 评论 -
解决ios微信不能自动播放音乐
// 解决ios微信不能自动播放 function audioAutoPlay(id){ var audio = document.getElementById(id); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () {原创 2017-08-01 20:05:07 · 722 阅读 · 0 评论 -
gulp
gulp1,–save-dev 开发时加载 devDependencies 键下 2,–save 运行时加载 dependencies 键下ES2015转码规则 $ npm install –save-dev babel-preset-es2015 gulp-rename 重命名文件 gulp-concat 合并文件 gulp-uglify 压缩js文件 gulp-cssnano转载 2017-10-24 10:07:43 · 254 阅读 · 0 评论 -
js的异常处理 try...catch
1,try…catch…try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。try { //在这里运行代码 }catch(err) { //在这里处理错误 }我们故意在 try 块的代码中写一个错字。 catch 块会捕捉到 try 块中的错误,并执行代码来处理它。本例检测输入变量的值。如果值是错误的,会抛出一个异常(错误)。c原创 2017-12-13 10:05:02 · 249 阅读 · 0 评论 -
移动web输入法自带表情错误处理
通常,我们的字符使用escape、encodeuricomponent、encodeuri编码,然后再发送给后台,这种方法基本能解决编码的问题。基本情况是:web以特定的URL发起网络请求,中间对URL进行encodeuricomponent编码,部分输入法自带的表情,encodeURLComponent编码后,iOS采用utf8对请求的URL解析后出现了乱码。 出现乱码后,就采用escape对转载 2017-12-12 14:46:39 · 250 阅读 · 0 评论 -
判断手机横竖屏
//判断手机横竖屏状态:function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert(“竖屏状态!”) } if(window.orientation==90||window.orientation==-90){ alert(“横屏状态!”) } } window.addEvent原创 2017-12-02 15:54:25 · 230 阅读 · 0 评论 -
判断手机系统类型
var u = navigator.userAgent;if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 alert("安卓手机"); // window.location.href = "mobile/index.html";} else if (u.indexOf('iPhone') > -1)原创 2017-12-02 16:30:01 · 480 阅读 · 0 评论 -
位运算
位运算转载 2017-12-05 10:50:30 · 115 阅读 · 0 评论 -
原生js元素惯性滚动
元素惯性滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed原创 2017-12-14 10:14:47 · 2686 阅读 · 0 评论 -
for...in, for...of循环
for…infor…in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。for (变量 in 对象){ 在此执行代码}“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。var obj = {a:1, b:2, c:3};for (var prop in obj) {console.log("obj." + prop + " = " + obj[原创 2017-12-27 22:07:15 · 213 阅读 · 0 评论 -
"||" 和 "&&"高级用法
例1:用于赋值 &&:从左往右依次判断,当当前值为true则继续,为false则返回此值(是返回未转换为布尔值时的原值哦) || : 从左往右依次判断,当当前值为false则继续,为true则返回此值(是返回未转换为布尔值时的原值哦)// => aaavar attr = true && 4 && "aaa";// => 0var attr = true && 0 && "aaa";// =转载 2017-11-20 16:55:32 · 804 阅读 · 0 评论 -
获取dom的坐标、距离
获取元素宽高(包含小数点)$('.dom')[0].getBoundingClientRect().width$('.dom')[0].getBoundingClientRect().height原创 2018-01-23 10:43:30 · 1614 阅读 · 0 评论 -
前端性能优化
在行业内有句话不知道大家有没有听说过,‘懂得性能优化并且研究过jquery源代码的人和不懂得性能优化写出来的代码对于性能的消耗会相差上百倍甚至上千倍’,现在的javascript属于从ECMAscript3到ECMAscript5以及ECMAscript6的一个过渡的过程。在javascript的编写不健全的时候编写代码方法不得当,引起的问题也是不容忽视的。 前端工程师前端性能优化及技巧分享-前转载 2018-01-31 15:24:22 · 144 阅读 · 0 评论 -
webpack
es6转es5,sass转css,合并、压缩、编译js、css,热更新,本地服务器等webpack配置文件module.exports = { entry: __dirname + "/app/main.js",//已多次提及的唯一入口文件 output: { path: __dirname + "/public",//打包后的文件存放的地方 filena原创 2018-01-26 13:59:08 · 178 阅读 · 0 评论 -
获取图片真实宽高
在HTML 5中,新增加了两个用来判断图片的宽度和高度的属性,分别为 .naturalWidth 和naturalHeight属性,例子如下: var rw = myimage.naturalWidth; // 真实图片宽度 var rh = myimage.naturalHeight; //真是图片高度 但有个前提是,必须在图片完全下载到客户端浏览器才能判断, ,目前在ie 9,Fir转载 2018-01-10 18:14:36 · 907 阅读 · 0 评论 -
无刷新上传预览图片-formData
无刷新上传手写无刷新上传要用到两个东西,FormData和FileReader。 FileReader 用于图片浏览。FormData 用于ajax请求。html代码先创建表单跟图片的容器 <form enctype="multipart/form-data" id="oForm"> <input type="file" name="file" id="file" oncha原创 2017-08-01 19:49:42 · 324 阅读 · 0 评论