dxj124的博客

原创 fiddle补充，抓不到请求和抓不到js或者css请求

原创 判断对象的每个属性是否都为空

getFirst: function(data) { var newData = Object.assign({}, data); //这部操作是为了过滤掉teamId属性，不判断他，但是不改变原对象的属性 delete newData.teamId; let result = Object.values(newData).every(item => item == ""); return result; //都为空是true...

转载 window下pandoc的如何使用。pandoc可进行文件转换

pandoc可以将markedown文件进行多种格式转换，包括docx，html软件下载Pandoc Windows 64位下载地址百度网盘，密码：czc5Git Windows 64位下载地址百度网盘，密码：b5t6软件操作：安装好上述的pandoc软件 打开cmd，输入pandoc --version，检查pandoc软件是否正常安装pandoc -h #或者pandoc --versionpandoc.exe 2.10.1Compiled with pand...

转载 fetch 请求header与body配置及常用问题

fetch 请求-header与body配置及常用问题引入说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，但是也要配置其他繁琐内容，导致配置和调用比较混乱，也不符合关注分离的原则；fetch的出现正是为了解决XHR存在的这些问题。例如下面代码：fetch(url).then(function(response) { return response.json();})..

转载 Response中set-cookie里有值，但是浏览器cookie却没有

最近我在重构一个项目，将原来的web前后端进行分离，在写第一个controller的时候，就遇到一系列的问题，解决了4、5bug后，最后一个就是后端的cookie不能再浏览器appliction->cookies中显示解决方法：（这里需要转载一下） 因为浏览器的同源策略的限制，不同域名间的请求会造成跨域问题(同源策略是客户端的限制，服务端的互相请求不会有跨域问题)。一般场景下解决跨域问题常用的解决方法都是CORS解决，即配置服务端接受发起请求的域名 response.head.

原创 复制控制台中打印的json对象

1. 右键点击需要处理的对象，会出现Store as global variable，点击；2. 选择之后会发现控制台出现以temp开头的变量3. 执行 copy(变量)。如copy(temp1)。 注意是对象，不是字符串。4. 按Crtl+V就会发现对象已经在你的剪切板了。...

转载 npm遇到的一些问题

1.npm安装vue后，执行命令vue -V，显示不是内部命令很可能是因为没有配置环境变量处理步骤：1.首先 在计算机中全局搜索 vue.cmd ，拿到搜索结果的目录2.将vue.cmd的路径加入Path环境变量中 即可。如我的路径是“C:\Users\Lenovo\Program Files\nodejs\node_global”。3.点击我的电脑，单击右键，属性——高级系统设置——环境变量，将 vue.cmd的路径加入环境变量这样就ok了这里是在...

转载 js中reduce() 的用法

reduce一.语法：arr.reduce(function(prev,cur,index,arr){...}, init);arr 表示原数组；prev 表示上一次调用回调时的返回值，或者初始值 init;cur 表示当前正在处理的数组元素；index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；init 表示初始值。二、实例var arr = [3,9,4,3,6,0,9];1. 求数组项之和var sum = a

原创 ES6新增的padStart()方法和padEnd()方法

padStart() 用于头部补全； padEnd() 用于尾部补全。 如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax''x'.padEnd(5, 'ab') // 'xabab''x'.padEnd(4, 'ab') // 'xaba'padStart()和padStart()一共..

原创 lodash

获取地址一.“Array” 方法:_.compact(array)作用：创建一个新数组，包含原数组中所有的非假值元素。例如false,null,0,"",undefined, 和NaN都是被认为是“假值”。 例如：var arr = [2, 2, 1, 3, 2, 4, 22, false, 0, 100] arr = _.compact(...

原创 js,jq改变cssbefore或after的伪类的样式

当我们把样式绑定在伪元素上，但是需要通过js调整这个伪类的样式的时候，CSS伪元素（pseudo elements）不是DOM元素，因此你无法直接选择到它们。这时候操作的方式如下：html：<p class="red">Hello,are you kain?</p>css样式.red:before { content: 'red', b...

转载 JS中拖拽时用到的dataTransfer对象

在进行拖放操作的时候，dataTransfer对象可以用来保存被拖动的数据。它可以保存一项或多项数据、一种或多数数据类型。通谷一点讲，就是可以通过它来传输被拖动的数据，以便在拖拽结束的时候，对数据进行其他的操作。在项目拖动的开始事件(ondragstart)的时候，可以对dataTransfer进行设值操作(setData)。document.getElementById('source...

原创 拖拽事件ondragstart、ondragenter、ondragover 、ondrop、ondragend

ondragstart事件 定义和用法：ondragstart 事件在用户开始拖动元素或选择的文本时触发。拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的HTML5 拖放。注意：为了让元素可拖动，需要使用 HTML5draggable属性。提示：链接和图片默认是可拖动的，不需要 draggable 属性。<p dragg...

转载 js的各种选择器

Js选择器总结一、原生JS选择器#JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()A： getElementById(ID): 返回对指定ID的第一个对象的引用，如果在文档中查找一...

转载 Vue中 模板template的四种写法

<div id="app"> <h1>我是直接写在构造器里的模板1</h1></div> <template id="demo3"> <h1 style="color:red">我是选项模板3</h1></template> <script type="x-templ...

原创 Vue的一些用法实践

1.引入vue.js2.js逻辑var app = new Vue({ el: "#wrap", data: { dGameTopId: 6, dGameId: 131, }, created: function() { // created ：实例被创建之后自动立即执行 this.init(); ...

转载 jquery中height()、outerHeight()、outerHeight(true)和offset()的区别

height()获取的是元素不包含padding、border、margin的高度outerHeight()获取的是元素包含padding、border，不包含margin的高度outerHeight(true)获取的是元素包含padding、border、margin的高度offset()返回的是匹配元素相对于当前可视窗口的偏移坐标，返回的对象中包括...

原创 锚点设置的方法

两种情景：本页面锚点和跨页面锚点一.本页面锚点 三种方法：1，使用id定位，这样的定位可以针对任何标签来定位，比如以下代码：<a href="#1F">锚点1</a><div id="1F"> 定位的位置 </div>2，使用name定位，使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用，比如以...

转载 字符串的一些用法

一。将字符串中所有的空格替换成 指定字符的办法：例如将所有的空格替换成%20//split方法function replaceSpace(str){ return str.split(" ").join("%20");}//正则function replaceSpace(str){ return str.replace(/\s/g,'%20');}//或...

原创 audio音频播放的方式

音频播放：两种方式：1.利用audio，2，利用SoundJS场景：点击页面的按钮，控制音频播放与暂停1.利用audiohtml：<a class="btn-music antime" href="javascript:;" title="音乐"></a><audio id="music" loop="loop" src="//game.gti...

原创 pc端，将页面内容生成为一张图片，并下载图片功能

将页面的html部分，生成为一张图片，点击下载的时候，下载这张图片到本地电脑html2canvas.js——HTML转Canvas工具1.下载html2canvas.js：https://html2canvas.hertzen.com/github参考：https://github.com/niklasvh/html2canvas1.引入文件：<script src="...

原创 pc端，点击按钮，下载图片到本地电脑功能

html：注意：图片的路径需要线上的路径，绝对路径 <button>点击下载</button> <img src="www.com/combination1.jpg" id="savepic" alt="" width="300px" height="400px">js:(1)。引入jq(2)。js逻辑代码$("button").clic...

转载 git账户，密码修改

https://jingyan.baidu.com/article/642c9d3435a6e9644a46f732.html

转载 深拷贝和浅拷贝

js的数据类型：基本数据类型和引用数据类型。基本数据类型：名值存储在栈内存中；引用数据类型：名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值。 目前基本数据类型有：Boolean、Null、Undefined、Number、String、Symbol，引用数据类型有：Object、Array、Function、RegExp、Date等 深拷贝与浅拷贝的概念只存在...

转载 html2canvas和canvas2image将dom元素转化成图片

1.依赖的文件<script src="html2canvas.js"></script><script src="canvas2image.js"></script><script src="jquery-1.9.0.min.js"></script>html2canvas官网：http://html2can...

转载 git的常用命令

git使用流程参考：https://blog.csdn.net/qq_41485414/article/details/102480640git强制覆盖本地命令（单条执行）：git fetch --all &&git reset --hard origin/master &&git pull克隆远程仓库git clone <远程git...

转载 js 将svg转canvas和image

<!DOCTYPE html><html><head> <title></title></head><body> <div id="svg-wrap"> <svg width="200" height="200" xmlns='http://www.w...

原创 js获取今天是周几

function getMyDay(date){var week;if(date.getDay()==0) week="周日"if(date.getDay()==1) week="周一"if(date.getDay()==2) week="周二"if(date.getDay()==3) week="周三"if(date.getDay()==4) week="周四"if(date.g...

转载 Object.assign(),合并多个对象方法

Object.assign() （1）.ES6 对象提供了 Object.assign()这个方法来实现浅复制。 (2). 主要的用途是用来合并多个JavaScript的对象。 (3). Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性...

原创 Vue学习

官网文档：https://cn.vuejs.org/v2/guide/vue下载：https://cdn.staticfile.org/vue/2.2.2/vue.min.js1.Vue的引入：<script src="vue.min.js"></script>2.Vue的数据绑定，MVVM模式（Model-View-ViewModel）注意：所写的...

原创 Swiper的使用

文档：https://www.swiper.com.cn/api/index.html参考博客：https://www.cnblogs.com/hellman/p/6051508.html初始化：//html 1.这里最外层的 swiper-container class是用来初始化的时候对应的js里面的class；2.初始化的里层的元素，必须含有 swiper-wrapper的...

原创 jq-waterfall 瀑布流

使用方法使用这个瀑布流插件需要引入jQuery和jquery.waterfall.js文件。 1 2 <scriptsrc="js/jquery-1.11.1.min.js"></script> <scriptsrc="js/jquery.waterfall.js"></script> ...

转载 css的伪类before,after 使用

参考博客：https://blog.csdn.net/qq_37860963/article/details/81182258css3的before,after的伪类注意项：1.伪类必须要加上content属性，可以填值，可以为空.box:after{ content: ''; font-size: 14px; margin-left: 10px;}<div ...

原创 CSS3 animation的动画效果

实现功能一：这里想实现一个效果： 如图，外围的圈围绕着中间的圈旋转这里其实有两张背景图，外层的带框的背景图和中间的背景图，效果就是外层围绕中间旋转，看起来像一个动画的效果这里利用到css3的animation属性，//html <div id="content"> <div id="img"> </di...

原创 小程序的 生命周期回调函数onLoad，onReady，onShow

onLoad: 只触发一次，页面加载时触发，从二级页面回来时不会触发(使用navigateBack()回跳是可以重新执行onLoad)，以及tabBar首次会执行onload，第二次进入onload不会执行。（可以传递参数）onShow: 当小程序启动，或从后台进入前台显示，会触发 onShow, 从二级页面回来时也会触发。（不能传参数）onReady：页面初次渲染完成时触发。一个页面只...

转载 通过wx.login获取用户唯一凭证openId

文档：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html总结下整个openid、session_key获取的流程：注册微信小程序、登录后台在设置中获得appId和secret(密钥)调用wx.login()接口获取登录凭证js_code调用wx.request()接口把js_...

原创 阿里妈妈矢量图的使用

阿里妈妈：https://www.iconfont.cn/home/index1.现在图标库中选中图标，添加到购物车2.选择好了需要的图标以后，进入到购物车，然后选择 添加至项目---》选择项目目录(也可新建一个项目目录）---》然后选择 定3.点击下载至本地下载后，将下载目录中的iconfont.css，放在我们的项目目录中注意小程序中的使用：使用的...

原创 三元表达式

例如type有1,2,3三种值，分别表示初中，高中，大学。那么当服务端返回值后，我们该如何将type值转换为对应的字符显示呢type==1 ?'初中':(type==2?'高中':'大学')...

转载 小程序之：WXS

微信小程序视图层WXS_小程序WXS模块wxs语法类似于js，也有区别，版本大概相当于ES4微信小程序的WXS 代码可以编写在 小程序wxml 文件中的<wxs>标签内，或以.wxs为后缀名的文件内。模块每一个微信小程序的 .wxs文件和<wxs>标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为...

转载 js如何识别出字符串中的回车 \n并输出换行

1.使用replace全局替换str=str.replace(/\n/g,"<br/>")2.正则表达式var reg = new RegExp("\r\n", "g");//g,表示全部替换lst[count].Action = lst[count].Action.replace(reg, "<br/>");\\这样Action内容在网页上会自动换...