笔记
关注
分享
扫一扫
文章平均质量分 89
代码无边，回头是岸
咱也不知道自己算不算大佬，反正就是啥都会
展开
-
小程序开发的内容安全审核
关于小程序没有调用内容审核导致不通过的问题然后进行了相应的查找最终看到了云开发的方法 现在讲述的我的云开发初探调用小程序内容安全API还挺全，我主要用到了图片和文字审查，所以对security.imgSecCheck和security.msgSecCheck的使用做记录。开通云开发在微信开发者工具打开你的小程序工程，点击“云开发”菜单进去，之前没开的按照提示填写云开发...原创 2020-04-14 18:05:23 · 2074 阅读 · 0 评论 -
Express脚手架generator快速搭建项目
https://www.jianshu.com/p/0905937ce8ce转载 2020-04-02 16:00:42 · 219 阅读 · 0 评论 -
vuecli3 + pdfjs-dist实现简单的pdf预览
地址：https://blog.csdn.net/weixin_44402694/article/details/100152174转载 2020-03-26 18:00:32 · 6667 阅读 · 0 评论 -
下载文件功能
npm i file-saver文档地址：https://www.npmjs.com/package/file-saver自己实现代码this.$api .download(item.downloadId) .then(data => { let userAgent = navigator.userAgent; ...原创 2020-03-26 17:55:11 · 195 阅读 · 0 评论 -
小程序通用http请求模块,模块化封装
地址：https://github.com/langyuxiansheng/MyProject/tree/master/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%B1%BB/%E9%80%9A%E7%94%A8http%E8%AF%B7%E6%B1%82%E6%A8%A1%E5%9D%97%2C%E6%A8%A1%E5%9D%97%E5%8C...转载 2020-03-26 15:53:54 · 532 阅读 · 0 评论 -
Axios进度条插件
地址：https://github.com/rikmms/progress-bar-4-axios转载 2020-03-26 15:52:33 · 614 阅读 · 0 评论 -
axios取消前面的接口发起的请求，执行当前发起的请求（搜索提示里面可以用到）
首先可以看一下axios源码里导出的这几个函数首先引入axios源码里面的导出的实例var CancelToken = axios.CancelToken;let cancelRequest;export function get(url, config = {}) { return instance.get(url, config);}export function...原创 2020-03-25 17:59:26 · 317 阅读 · 0 评论 -
使用webpack打包单个js文件
一、基础打包1.1 创建项目目录,使用npm init初始化mkdir webpack-demo && cd webpack-demonpm init初始化完成后，目录下会生成package.json1.2 按照 webpack 4以上还需要安装webpack-clinpm install --save-dev webpack webpack-cl...原创 2020-01-06 18:16:01 · 3191 阅读 · 0 评论 -
echarts中国地图根据数据对省份渲染不同的颜色
完整代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>echarts中国地图</title> <style> .centerItem { width: 856px; ...原创 2020-01-06 18:04:18 · 6809 阅读 · 0 评论 -
上传附件方法记录
<input @change="fileData" ref="fileData" type="file" name="file" />编写方法fileData(e) { console.log(e.path[0].files[0]);//要传给后端的数据 _addfujian({ file: e.path[0].files[0] }) ...原创 2019-12-27 10:00:30 · 366 阅读 · 0 评论 -
websocket的使用封装
现在目录创建一个socket.js，代码如下var websock = nullvar globalCallback = null // 初始化weosocketfunction initWebSocket () { // ws地址 -->这里是你的请求路径 var ws= 'wss://*********/webSocket'; websock = new Web...原创 2019-11-27 09:15:45 · 953 阅读 · 2 评论 -
vue 使用i18n实现多语言包国际化网站
前言有些项目我们需要支持多种语言切换，满足国际化需求。 vue-i18n是一个vue插件，主要作用就是让项目支持国际化多语言，使用方便快捷，能很轻松的将我们的项目国际化。本文主要介绍使用vue-i18n实现切换中英文效果。安装vue-i18n我们使用npm安装vue-i18n。npm install vue vue-i18n --save引入vue-i18n首先在 mai...转载 2019-10-30 09:56:58 · 1261 阅读 · 2 评论 -
网页骨架屏自动生成方案（dps）（转载）
什么是骨架屏？什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据后渲染出实际页面内容然后替换掉。Skeleton Screen 是近两年开始流行的加载控件，本质上是界面加载过程中的过渡效果。假如能在加载前把网页的大概轮廓预先显示，接着再逐渐加载真正内容，这样既降低了用户的焦灼情绪，又能使界面加载过程变...转载 2019-10-25 13:08:31 · 319 阅读 · 0 评论 -
nuxt 目前最好的解决服务端存储Cookie的方法
我了解nuxt团队正在开发nuxtClientInit功能，但是在发布之前，您可以自己制作。要了解nuxt在有请求时承担的工作流程，您可以在此处查看其生命周期。这表明首先调用nuxtServerInit，然后再调用中间件。在此中间件调用期间，将提供nuxt.config.js，其中包含您的自定义配置。其中一部分是“插件”，如文档所述，通过此选项，您可以定义在实例化根Vue.js应用程序之前应...转载 2019-10-16 16:11:14 · 6983 阅读 · 2 评论 -
broadcast.js实现多个页面的广播类同bus事件
var broadcast = { // 通过调用 broadcast.on 注册事件。其他页面都可以通过调用 broadcast.fire 触发该事件 // 参数说明：如果 isUniq 为 true，该注册事件将唯一存在；如果值为 false或者没有传值，每注册一个事件都将会被存储下来 on: function (name, fn, isUniq) { t...原创 2019-10-15 12:05:28 · 449 阅读 · 0 评论 -
网页分享到微信、微博、QQ，QQ空间，豆瓣等等函数的封装
直接上代码！ //分享到新浪微博 function shareToSinaWB(event){ event.preventDefault(); var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136'; //真实的appkey，必选参数 ...原创 2019-09-12 09:35:10 · 548 阅读 · 0 评论 -
Vue无缝滚动插件的使用
https://chenxuan1993.gitee.io/component-document/index_prod#/component/svg-bar-default原创 2019-09-02 18:51:51 · 3480 阅读 · 0 评论 -
浏览器指纹Fingerprint2的实现教程
废话不多说！！！直接就是开怼。。。。。。。。。。第一步：下载Fingerprint2依赖包npm install -S Fingerprint2或者cnpm install -S Fingerprint2第二步：写js代码在这里就是把下面的代码添加到项目启动就会直接执行就是文件里如果你是使用的vue项目，那么你就可以像我这样直接放在main.js里面要是用的原生的话，...原创 2019-09-01 21:31:29 · 9326 阅读 · 0 评论 -
基于vue和neditor编辑器的双向绑定组件，使用vue-cli3的项目可以直接使用
参考网址https://github.com/caiya/vue-neditor-wrap第一步：npm i vue-neditor-wrap第二步： 下载官方资源文件 下载完成后放在本地public下，命名为NEditor的文件夹下 引入VueNeditorWrap组件import VueNeditorWrap from 'vue-neditor-wra...原创 2019-08-14 15:07:10 · 904 阅读 · 2 评论 -
原生js写无缝轮播图
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{margin:0;padding:0;}ul{list-style原创 2018-10-23 11:19:38 · 382 阅读 · 2 评论 -
CSS学习笔记
个人笔记<body> 过渡 transition 两个状态的之间的动画效果（两个关键帧）需要人为的触发。 过渡属性 如果多个属性直接写all即可 过渡时间 过渡曲线 过渡延迟时间 多个属性不同时间的过渡，可以用 " , " 隔开 动画...原创 2018-10-24 11:48:57 · 168 阅读 · 0 评论 -
jquery中的ajax、绑定键盘事件、获取鼠标在窗口中的坐标的用法
一、ajax的用法 <script> // ajax发送的GET请求 $.ajax({ type: "GET", url: "test.js", dataType: "script" }); // ajax发送的POST请求 ...原创 2018-10-24 11:58:13 · 473 阅读 · 0 评论 -
关于请求数据的几种方式！！
一、ajax请求 <script> // ajax发送的GET请求 $.ajax({ type: "GET", url: "test.js", dataType: "script" }); // ajax发送的POST请求 ...原创 2018-11-13 15:17:37 · 3289 阅读 · 0 评论 -
Vue中的组件通信的用法（个人理解笔记）
一 先要找到组件关系(Vue 是通过改变数据来改变相应的元素的，所以我们不管改变谁都要经过数据，通过数据来改变相应的元素)归根到底就是围绕数据做的一些活动二 根据组件关系来选择通信方法 1 父子通信 a) 在子组件中添加props属性例子 { props: ['自定义prop名字(1)'] //意思是打开一个接口让父元素给其传值（父元素给子元素传值） ...原创 2018-11-20 10:47:29 · 314 阅读 · 0 评论 -
vue的生命周期钩子函数
生命周期钩子函数一共有11个在一个组件的声明周期中，有以下四个过程创建 挂载 更新 销毁每个过程都有两个钩子函数，分别为beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed当初始化事件和生命周期后，会调用beforeCreate函数调用完成后，...原创 2018-11-26 17:30:19 · 159 阅读 · 0 评论 -
路由的方法，动态路由的配置方法
一、路由的方法，动态路由的配置方法 1 路由组件实际上还是组件配置对象，不需要注册，只需要在路由配置中设置给component即可2 路由配置const routes = [// 这里的每一个对象都是一个路由配置{path: '/自定义路径',component: 路由组件}]3 动态路由const routes = [{path: '...原创 2018-11-26 20:31:45 · 2480 阅读 · 0 评论 -
vuex中的state、getters、mutations、actions之间的关系用法笔记
一、state的用法<body> <!-- 想要获取到state中的数据 {{$store.state.属性}} 以为这个表达式很长，所以我们可以直接通过computed去获取 { computed: { 属性名 () { return this.$store.state.属性 ...原创 2018-12-05 10:14:19 · 11269 阅读 · 1 评论 -
vue写特效的方法
npm install velocity-animate –save-dev原创 2019-01-14 19:05:25 · 2592 阅读 · 0 评论 -
vue轮播图插件的使用
vue的轮播图是通过vue-awesome-swiper来实现的，及时vue版的swiper参考网址：https://www.cnblogs.com/stephentian/p/8344258.html关于新版 vue-awesome-swiper问题为什么我的vue-awesome-swiper组件pagination小圆点不显示问题? 为什么我的vue-awesome-swip...转载 2019-01-14 19:07:31 · 9406 阅读 · 2 评论 -
如何删除Git中缓存的用户名和密码
昨天在上传代码的时候提示输入用户名密码，结果输错了3次就没有提示框了，就一直报错（身份验证失败），没办法提交代。在使用git的过程中，我们也会经常遇到以前保存在git的用户名密码忘记了，或者不用了。在公司也可能遇到保存了用户名和密码的同事离职，换成新来的员工。在这些情况下，我们就要清除掉保存在git中的用户名和密码，重新缓存。运行一下命令缓存输入的用户名和密码：git config --...原创 2019-03-19 13:06:35 · 1606 阅读 · 0 评论 -
前端vue导出Zip文件
第一步：下载插件npm install jszip /npm install script-loader / npm install file-saver第二步：封装js代码require('script-loader!file-saver');import JSZip from 'jszip' //th是头部标题，jsonData是数据，txtName是txt文件名字，zi...原创 2019-05-30 19:11:10 · 6985 阅读 · 3 评论 -
Vue导出页面为PDF格式
1 、我们要添加两个模块第一个.将页面html转换成图片npm install --save html2canvas 第二个.将图片生成pdfnpm install jspdf --save2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/components/utils/htmlToPdf')// 导出页面为PDF格式impo...原创 2019-05-28 10:03:03 · 1695 阅读 · 0 评论 -
element树形结构图优化
优化（可以根据父元素的id来生成与父元素关联的id，有规律的id，不想原来element新添加的就是从1000开始，这样当你的id到达一定值时会有一些不必要的麻烦！！！）菜鸟分享，大佬勿喷！！<template> <div> <div class="right-content"> <div class="content"...原创 2019-06-04 10:27:51 · 2146 阅读 · 2 评论 -
axios如何自动重新发送请求
前言在实际工作过程中，遇到这样一个需求：使用axios在调用后台接口超时或是报某个特性的错误码时，需要重新发送请求。此时用到一个第三方的库：axios-retry解决了这个问题。正文第一步： 安装npm install axios-retry第二步：引入并配置// ES6import axiosRetry from 'axios-retry'; axiosRetr...原创 2019-07-24 17:01:07 · 3868 阅读 · 0 评论 -
关于匿名令牌，刷新令牌的全局拦截处理方法
为了让出现401的接口自动重新进行请求，思路：就是拿着报错的接口的url以及内部的参数，进行重新请求。1、拿到报错的接口链接和参数2、把它们存到一个数组里面3、然后按着数组里面的参数进行一一请求报错的接口import axios from "axios";import Cookies from "cookies-js";let isAlreadyFetchingAccess...原创 2019-08-05 17:42:13 · 489 阅读 · 0 评论 -
ajax结合前端模板引擎ejs.js渲染页面（自己理解，不建议参考）
《一、利用前端前端引擎和ajax来渲染前端页面》1、就是创建一个装渲染内容的盒子comment是接口传进来的参数，就是传进来的数据，名字就叫“comment”因此：“comment.名”字就是填入的数据名字 例如：<script type="text/template"id="comments"> <% comments.forE...原创 2018-10-23 10:51:24 · 2995 阅读 · 2 评论