![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
sdj_beyond
搬砖人
展开
-
MutationObserver对象的使用
问题:在对div设置属性 contenteditable="true" 的时候,由于需要对输入的内容变化进行监听,由于在ie中使用 input、change、propertychange等事件进行监听的时候,无法监听到输入内容的变化,所以这里使用了MutationObserver对象来实现。使用方式如下: //ie下无法监听输入变化,使用下面的方法监听 // 设置obser...原创 2019-11-19 18:03:23 · 1008 阅读 · 0 评论 -
vue里面监听iframe加载完成。
template:<template> <div id="editCommonStored"> <span class="el-icon-close" @click="close"></span> <iframe :src="url" v-if="show" id="iframe_edit_commonStored"&...原创 2019-11-19 17:53:17 · 10220 阅读 · 0 评论 -
获取地址栏里面的查询字符串
这个问题我在实际开发过程中遇到了很多困难,生产环境和开发环境往往不是我们想的那样,这里简单记录方便以后查看。//获取查询字符串export const getQueryString = function () { let queryObj = {} let qString = window.location.href.split('?')[1]; //undefin...原创 2019-05-30 11:19:38 · 520 阅读 · 0 评论 -
js实现移动端字体自适应(rem)
主要针对移动端做字体相应,相对于媒体查询要方便点,这里简单记录一下方便以后使用。<script> function resizeFont() { //获取屏幕宽度 let clientWidth = document.documentElement.clientWidth || document.body.clientWidth; ...翻译 2019-04-19 17:33:52 · 2214 阅读 · 0 评论 -
原生的委托事件
这里简单记录一下,方便以后查阅 <style> ul>li { width: 100%; height: 30px; margin-top: 10px; background-color: blue; } .active {...原创 2019-04-03 17:57:17 · 186 阅读 · 0 评论 -
获取滚动条距离浏览器顶部和左边的距离(滚动的距离)
<body> <div style="height: 2000px;width:2000px"></div> <script> function getScroll() { if (window.pageXOffset) { return {//主流浏览器 ie...翻译 2019-04-03 11:34:15 · 3139 阅读 · 0 评论 -
获取浏览器的宽高
这里简单记录方便以后查看 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h = window.innerHeight || documen...原创 2019-04-03 10:53:12 · 2681 阅读 · 0 评论 -
nodejs 修改文件夹里面文件的文件名
const fs = require('fs');const path = require('path');const url = path.join(__dirname,'/web/');fs.readdir(url, 'utf8', (err, fileList) => { if (err) throw err; fileList.forEach((item,in...原创 2018-12-05 19:25:43 · 5178 阅读 · 0 评论 -
node读取文件 并修改文件内容
const fs = require('fs');const path = require('path');const newList = [];fs.readFile(path.join(__dirname, './json/hp_mph.json'), 'utf8', function (err, data) { if (err) throw err; let list...翻译 2018-12-05 15:11:03 · 19117 阅读 · 0 评论 -
js实现继承
js中实现继承的方式(4种)1、修改原型对象的指向 <script> //人的构造函数 function Person(name, age, sex) { this.name = name; this.age = age; this.sex =...翻译 2018-10-10 21:26:09 · 124 阅读 · 0 评论 -
JavaScript的入口函数和jQuery的入口函数的区别
1、jquery的入口函数$(document).ready(function(){ //dosomething })2、js的入口函数window.onload = function () { //js的入口函数 }注意:1、js的入口函数要比jq的入口函数执行得晚一些,就是说会先执行jq的入口函数再执行js的入口函数。2、js...原创 2018-10-02 16:26:26 · 669 阅读 · 0 评论 -
javaScript图片及时预览效果
<form action="">文件:<input type="file" name="myFile" id="myFile" onchange="getFileContent()"> <br><img src="" alt="" id="img&quo翻译 2018-08-20 16:32:05 · 196 阅读 · 0 评论 -
封装原生jsonp请求
如有错误,欢迎指正看这篇文章的小伙伴应该已经了解了最基本的jsonp请求了,如果不了解,请查看我另一篇文章。或者百度一下。这里直接上封装代码:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2018-08-23 09:12:12 · 1614 阅读 · 0 评论 -
最原生的jsonp请求
废话不多直接上代码,关键点都在注释中。1、前端的html代码注意观看sctipt标签路径的样子//前端代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&原创 2018-08-23 09:09:34 · 831 阅读 · 0 评论 -
javascript中的定时器
在javascript中有两种定时器,以下做简单介绍1、setInterval()setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setInterval()方法会返回一个number类型的值,用于clearInterval(timeId)清除定时器简单案例如下:<...原创 2018-08-13 08:44:13 · 364 阅读 · 0 评论 -
javaScript中对象的遍历和对象属性的删除
1、对象的遍历使用for in注意:不是使用for循环来遍历,因为对象的属性是无序的for(var key in obj) { console.log(key + "==》" + obj[key]);}2、删除对象里面的某个属性var obj = { name: "sdj", age: 20}console.log(obj.name); //sd...原创 2018-08-12 20:19:00 · 3700 阅读 · 0 评论