qq_31889029的博客

原创 Node.js读取json文件进行去重后并写入文件

const fs = require('fs')const path = require('path')let dir = path.join(__dirname, './json.json')fs.readFile(dir, 'utf8', function (err, datastr) { var dest = []; let data = JSON.parse(datastr) for (var i = 0; i < data.length; i++) {

原创 网易云api

简单介绍一下它们：评论http://music.163.com/api/v1/resource/comments/R_SO_4_{歌曲ID}?limit=20&offset=0这应该是最最最常见的了，毕竟80%的网易云音乐的爬虫/数据分析文章都是关于评论数据~使用技巧：limit：返回数据条数(每页获取的数量)，默认为20，可以自行更改offset：偏移量(翻页)，offset需要是limit的倍数type：搜索的类型举例，比如limit设置为10，则第一页，第二页分别.

原创 解决 谷歌Chrome浏览器无法保存本地项目 cookie

在浏览器地址栏里输入：chrome://flags/搜索same-site如图所示 将前两项 禁用 即可

原创 vue浏览器websql ，websql只支持部分浏览器

this.$db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS userInfo (userInfoID unique primary key , userInfoDeatil , Timestamp)'); tx.executeSql('SELECT COUNT(*) AS NUM FROM userInfo', [], funct

原创 echarts折线图样式

tooltip: { trigger: "item", triggerOn: "'mousemove|click", showContent: true, transitionDuration: 0, formatter: "{b0}<br />{c0}"},xAxis: { type: "category", boundaryGap: false, data: ["", "学前测试", "知识点学习", "学后测试"], offset: 20, ax

原创 VUE页面设置背景图片，显示el-dialog时背景会变灰色

<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose" :append-to-body="true"></el-dialog>

原创 vue 派送区域 地图 可自选

<template> <div class="delivery-index"> <el-dialog :title="(!rowData.storeName ? '' : rowData.storeName) + '配送设置'" :visible.sync="showEditRange" center width="50%"> <div>配送区域设置：<span style="color: #FF3333;">如果不

原创 canvas绘制圆形动画加载进度条

import canvasCircle from './canvasCircle'export default { components: { canvasCircle }, data () { return { msg: 'Welcome to Your Vue.js App', val:true, url:"",...

原创 vue 导入excel 将数据显示在表格

<template> <div> <el-upload class="upload-demo" action :on-change="handleChange" :on-remove="handleRemove" :on-exceed="handleExceed" :limit="li...

原创 Chrome浏览器保存密码功能会导致在其他页面第一个input显示历史记录下拉列表

<input type="password" readonly onfocus="this.removeAttribute('readonly')" value="" autocomplete="off">

原创 TIME 时间戳

<el-date-picker v-model="forData_year.total_time" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" :default-time...

原创 vue 搜索关键字 结果文字高亮

<template> <div> <div class="exist_info"> <div v-for="(items,index) in info" :key="index"> <div class="title-info" v-html="ruleTitle(items)"></div&...

原创 原生JavaScript 排序两个数组

for (var i = 1; i < totalData.length; i++) { for (var j = 0; j < totalData.length - 1; j++) { var max = totalData[j].weekcord; var nextCount = totalData[j...

原创 jq 图片懒加载

function lazyImg() { $("#de_content img").each(function () { $(this).addClass("lazy"); $(this).css({ "width": "800px", "height": "400px" }); var me = $(this);...

转载 vue项目中 页面生成pdf并下载，vue 中页面转PDF

本文链接：https://blog.csdn.net/csl125/article/details/94172038

原创 vue 自适应获取实时的浏览器高度或者宽度

mounted() { let vm = this; $(window).resize(function() { console.log($(window).height()); vm.tableHeight = $(window).height() - 200; }); }

原创 vue 滑动支付 滑块

```javascript```javascript<template> <div class="slider"> <div class="jc-component__range"> <div class="jc-range" :class="rangeStatus?'success':''"> &lt...

原创 vue 倒计时 天:时:分:秒

<template> <div class="position_list"> <p>{{time.D}}天{{time.h}}:{{time.m}}:{{time.s}}</p> </div></template><script>export default { name: "positi...

原创 vue v-for key错误

写了两个一样的for循环，绑定的key相同。<div class="info" v-for="(item, index) in itemList" :key="index"></div><div class="info" v-for="(item, index) in itemList" :key="index"></div>可以修改其中一个...

原创 vue 拖拽

<script>export default { name: 'Error', data() { return { flags: false, position: { x: 0, y: 0 }, nx: '', ny: '', dx...

原创 时间相差八个小时

this.tableData[i].lastPrepay = moment( new Date(this.tableData[i].lastPrepay.updatedAt) ).format("YYYY-MM-DD HH:mm:ss"); // var begintime = this.tableData[i].lastPrepay...

原创 微信小程序 跳转

navigateTo、redirectTo、switchTap与reLaunch的区别wx.navigateTo：保留当前页，跳转到指定页,非tabBar；使用 wx.navigateBack 可以返回到当前的页面。wx.redirectTo：关闭当前页，跳转到指定页,非tabBar；将无法回到当前页面。wx.switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页...

原创 git 命令大全

原创 vue钩子函数

beforeCreate():实例在内存中被创建出来，还没有初始化好data和methods属性。create():实例已经在内存中创建，已经初始化好data和method，此时还没有开始编译模板。beforeMount():已经完成了模板的编译，还没有挂载到页面中。mounted()：将编译好的模板挂载到页面指定的容器中显示。beforeUpdate():状态更新之前执行函数，此...

原创 原生项目有console 懂得来看，不懂看

<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </scrip...

原创 前端--骚操作

//F12关闭 document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { // alert("F12被禁用"); event.keyCode = 0; event.returnValue = false; } if (win...

原创 vue -- 滑块验证码

https://github.com/monoplasty/vue-monoplasty-slide-verify

原创 vue -- 验证码

<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script> export d...

原创 vue -- -- --常用

一、UI组件及框架　　element - 饿了么出品的Vue2的web UI工具套件　　mint-ui - Vue 2的移动UI元素　　iview - 基于 Vuejs 的开源 UI 组件库　　vux-ui -Vue.js 移动端 UI 组件库　　Keen-UI - 轻量级的基本UI组件合集　　vue-material - 通过Vue Material和Vue 2建立精美...

转载 前端好用框架推荐

1、Animate.css （动画插件）2、Hover.css（鼠标悬停动画插件）3、jQuery（js组件库）4、WebUpload （文件上传）5、UEditor（富文本编辑工具）8、Layer （弹出层插件）9、Validform.js （form表单校验）10、ECharts （图表插件）11、Node.js12、Vue13、Webpack14、Sass15、com...

原创 vue 九宫格抽奖--源码

仅供参考 <template> <div class="gameBox"> <div class="bg1"></div> <div class="bg2" v-show="lampShow"></div> <div class="start" @click=...

原创 jq锚点

1.锚点跳转简介Edit锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。比如百度的百科页面，wiki中的page内容。我知道实现锚点的跳转有两种形式，一种是a标签+name属性；还有一种就是使用标签的id属性。百度百科就是使用a标签的name属性来实现锚点跳转的。但是上种方法使用了一个空标签，而且有时候会出现锚点失效。所以建议采用id来绑定锚点，代码如下：2.含锚...

原创 验证手机号，邮箱，手机号

手机号：var validateMobilePhone = (rule, value, callback) => { if (value === '') { callback(new Error('负责人手机号不可为空')); } else { if (value !== '') { var ...

原创 html，css，js加载顺序

1. 加载方式 css 异步加载（不阻塞） js 同步加载（阻塞）2. 放置顺序 css 放置于<head>标签中 原因： 要是页面在无CSS渲染下先加载HTML的话将会面目全非，样式先行的话在加载HTML内容时可以同时渲染样式 js 放置于</body>标签之前、body标签中html内容的后面 原因： 为了提高页面渲染的速度效率...

原创 XMLHttpRequest 对象的open() 方法

1 同步方式var xmlhttp=newXMLHttpRequestObj ();xmlhttp.open('post','xxx.asp?s=dc',false);xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');xmlhttp.send(true);alert('do so...

原创 cursor的十八种样式 前端前端前端

1.url()可以将光标图形自定义为自己喜欢的图标样式，url()里是一个图标的连接，可以是png、ico、gif等，注意，要在url()后面定义一个普通的光标，否则自定义的图标不起作用！cursor:url('img/sanchaji.png'),pointer;2.default默认光标（通常是一个箭头）cursor:default;3.auto默认。浏览器设置的光标。cur...

原创 Vue基于vue-quill-editor富文本编辑器使用心得

Vue基于vue-quill-editor富文本编辑器npm install vue-quill-editor再安装依赖项npm install quill使用:在main.js中进行引入import Vue from ‘vue’import VueQuillEditor from ‘vue-quill-editor’import ‘quill/dist/quill.core.cs...

转载 for循环遍历数组的数组--前端

var arr = [[1, 3, 4, 56],[5, 8, 9],[2, 7, 6]];for(var i = 0; i < arr.length; i++) {console.log(arr[i]);for(var j=0;j< arr[i].length;j++){console.log(arr[i][j]);}}原文链接：https://blog.csd...

原创 element-ui框架的el-dialog弹出框被遮罩层挡住了

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/Mr_JavaScript/article/details/80888681————————————————版权声明：本文为CSDN博主「蔚莱先森」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。原文...

转载 vue首次加载慢

首先明确是什么导致加载很慢。查看控制台Network，找到加载时长很长的文件。这些文件都是npm run build编译之后生成的，加载慢一是因为网络慢，这个我们不考虑，另一个是文件过大。那么我们就要想办法压缩文件。在讨论压缩方式之前，我们先介绍一种可以查看各部分文件大小及编译后文件大小的方法。使用webpack-bundle-analyzer工具，先npm install cross-...