i15730384741的博客

原创 2020前端面试汇总

2020前端面试汇总HTMLCSSJSES6DOMHTTPVueVuexVue RouterReactTypeScriptWebpack安全XSSCSRF性能优化算法HTMLCSSJSES6DOMHTTPVueVuexVue RouterReactTypeScript1.never类型是什么？2.TypeScript比起JavaScript有什么优点？Webpack安全XSSCSRF性能优化算法...

原创 个人常用学习资料

https://www.awesomes.cn/repo/PanJiaChen/vue-element-admin

原创 函数防抖和节流 区别及实现方式

概念：函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。防抖：function debounce(fn, delay=1000) { let timer = nul

原创 ES6-ES11（ECMAScript2015-ECMAScript2010）

ES6-ES11新特性ECMASript 6 新特性let 关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数rest 参数spread (...)扩展运算符Symbol迭代器生成器PromiseSetMapclass 类数值扩展二进制和八进制Number.isFinite() 与 Number.isNaN()Number.parseInt() 与 Number.parseFloat()Math.truncNumber.isInteger对象扩展模块化模块化的好处模块化规范产品ES6 模块

原创 vue源码（MVVM）分析

1. 准备1.[].slice.call(lis): 将伪数组转换为真数组2.node.nodeType: 得到节点类型3.Object.defineProperty(obj, propertyName, {}): 给对象添加/修改属性(指定描述符) configurable: true/false 是否可以重新define enumerable: true/false 是否可以枚举(for..in / keys()) value: 指定初始值 writable: true/false va

原创 vuex结构分析图

原创 vue+elementui运用el-upload结合vod-js-sdk-v6实现腾讯云点播视频上传

第一步：npm install vod-js-sdk-v6写成组件 upload代码片。// An highlighted block<template> <div style="width: 400px"> <el-upload action="#" :accept="accept" :disabled="disabled" :limit="1" :http-request="uploadVideo

原创 vue+elementui运用el-upload结合cos-js-sdk-v5实现腾讯云cos文件上传

npm install cos-js-sdk-v5下面展示 upload.js。// An highlighted blockimport COS from 'cos-js-sdk-v5'import { getSecret } from '@/api/upload'export default function upload(file, config, callback) { if (typeof config.isPublic === 'undefined') { config.

原创 VScode中添加vue代码模版

步骤文件首选项用户代码片段搜索vue打开vue.json将下方代码替换{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "export default {",

原创 mpVue小程序开发笔记

mpVue(Vue in Mini Program)简介1.美团工程师推出的基于Vue.js封装的用于开发小程序的框架2.融合了原生小程序和Vue.js的特点3.可完全组件化开发特点1.组件化开发1.完成的Vue.js开发体验(前提是熟悉Vue)1.可使用Vuex管理状态1.Webpack构建项目1.最终H5转换工具将项目编译成小程序识别的文件初始化项目1.npm install vue-cli -g 下载vue脚手架2.vue init mpvue/mpvue-qu

原创 web前端开发路线

原创 使用canvas实现非同源图片下载功能

方法一 downloadIamge(url, name) { var _this = this var canvas = document.createElement('canvas') var img = document.createElement('img') // 下载有时候会失效 通过改变url链接进行递归 img.onerror = function() { var timeStamp = +new Date()

原创 腾讯云滑块验证码核查验证码票据

新建API密钥（已创建可跳过）点击新建密钥即可（https://console.cloud.tencent.com/cam/capi）创建验证码先点击免费领取包，再新建验证，域名自行指定配置https://console.cloud.tencent.com/captcha再点击查看详情，切换到基础配置，即可获取AppId，和App Secret Key进入腾讯云在线api调试,根据你使用的语言自动生成代码点击链接进入在线api调试，输入以获取的参数。https://consol

原创 微借阅小程序开发实战(二)-Springboot+MybatisPlus提供后端api服务

application.yml配置#配置数据源spring: datasource: driver-class-name: com.mysql.jdbc.Driver username: root password: abc123_ url: jdbc:mysql://127.0.0.1:3306/book?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT%2B8&useSSL=

原创 微借阅小程序开发实战(一)-运用uni-app结合vscode进行前端开发

微借阅小程序开发目的是为公司各个部门同事互相借阅书籍，部分界面截图CLI 工程全局安装 vue-cli 3.x（如已安装请跳过此步骤）npm install -g @vue/cli通过 CLI 创建 uni-app 项目vue create -p dcloudio/uni-preset-vue my-project此时，会提示选择项目模板，初次体验建议选择 hello uni-app 项目模板，如下所示：在vscode中打开项目安装vue语法提示插件veturCLI 工

原创 微借阅小程序开发实战(三)-Springboot实现图书信息数据爬虫

利用Springboot+Mybatis和Jsoup进行页面解析，redis对页面url存取，实现对当当网所有图书书籍的爬取application.yaml基础配置spring: datasource: username: root password: abc123_ driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/learn?s

原创 vue+elementui使用vuedraggable插件实现图片文件拖拽排序

安装npm install vuedraggable引入import vuedraggable from 'vuedraggable'写成组件<template> <div class="upload-container"> <vuedraggable v-model="sortImages" class="draggable-container" @change="changeImages"> <div v-for="(ima

原创 vue+elementui+admin对axios封装

对axios进行封装。request.js// An highlighted blockimport axios from 'axios'// import { MessageBox, Message } from 'element-ui'import { Message } from 'element-ui'import store from '@/store'import { getToken } from '@/utils/auth'axios.defaults.withCredent

原创 unbuntu下微信客户端安装

安装deepin-wine1.git clonehttps://gitee.com/wszqkzqk/deepin-wine-for-ubuntu.git2.shinstall_2.8.22.sh下载微信deepin-wine容器3.https://mirrors.aliyun.com/deepin/pool/non-free/d/deepin.com.wechat4.选择2.6.8版本安装5.sudo dpkg -ideepin.com.wechat_2.6.8.65deepin0_i3...

原创 Git 在开发中常用使用

git的常用命令总结##Git修改远程分支名称####重命名远程分支对应的本地分支git branch -m oldName newName####删除远程分支git push --delete origin oldName####上传新命名的本地分支git push origin newName##Git add常见用法###不加参数默认为将修改操作的文件和未跟踪新添加的文件添加到git系统的暂存区，注意不包括删除.git add .###将所有的已跟踪的文件的修改与删除和新增

原创 Java开发常用软件安装

IAP测试环境安装及配置系统环境：　Ubuntu 18.04.2 LTS x86_64软件安装软件存放目录IAP Server所需安装的软件包存放在172.20.60.32/home/user/software需要安装的软件列表名称软件包版本JDKjdk-7u4-linux-x64.tar.gzTomcatapache-tomcat-7.0.26.tar.gzMySQLmysql-5.6.45-linux-glibc2.12-x86_64.tar.g

原创 unbuntu18.04下yii2+vue微信公众号开发软件安装

注意1. 本页面用于自项目启动以来，所有涉及到的知识点积累，由项目组所有人共同维护。2. 项目使用的系统是Ubuntu 18.04Ubuntu下安装Apache2服务器1. sudo spt-get update2. sudo apt-get install apache2Ubuntu下安装PHP7.11. sudo apt-get install software-properties-common2. sudo add-apt-repository ppa:ondrej/php3.

原创 unbuntu18.04下安装redis

https://redis.io/download在此之前环境上需先安装以下两个软件apt-get install makeapt-get install gcc1.下载wget http://download.redis.io/releases/redis-3.0.7.tar.gz解压tar xzf redis-3.0.7.tar.gz /opt3.Extract and compile Rediscd redis-3.0.7sudo make4.开启服务cd /opt

原创 unbuntu18.04下eclipse开发中基础配置

一、Eclipse配置maven环境打开Eclipse点击window>prferences之后会弹出[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bdrswDfq-1590202075198)(uploads/73af8362057fc224d02677e2384ff86d/image.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bz80mt9F-1590202075202)(uploads/61bea66aefdc2

原创 Restful后端API接口命名规范

Restful 风格接口定义一句话解释就是“通过路径知晓访问资源是何， 通过请求方式知道要做什么操作”大致遵循以下两个规则：请求 API 的 URL 表示用来定位资源；请求的 METHOD 表示对这个资源进行的操作；一. API的URL通过URL用来定位资源，跟要进行的操作区分开，这就意味着URL不该有任何动词下面示例中的 get、create、search 等动词，都不应该出现在 REST 架构的后端接口路径中。比如：/api/getUser /api/creat

原创 unbuntu18.04下Idea开发基础配置

一、配置JDK首先点击File下的Project Structure菜单.点击SDKs这个选项开始指定jdk的位置。如果是第一次要先点绿色加号才可指定jdk.在弹出下拉菜单中选择jdk根目录,点击OK.二、配置maven打开-File-Settings[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jGaORE7k-1590201358790)(uploads/94843f65d227341f7d5bda76d86638b7/image.png)]三、社区

原创 unbuntu18.04下wechat_web_devtools安装

1. 下载项目git clone https://github.com/cytle/wechat_web_devtools.git2. 进入目录cd wechat_web_devtools3. 自动下载最新 nw.js , 同时部署目录 ~/.config/微信web开发者工具/./bin/wxdt install4. 运行./bin/wxdt5. 错误排除./bin/wxdt install报错失败./nw: error while loading shared li

原创 yii2+vue实现微信公众号基础模块开发

这里写自定义目录标题欢迎使用Markdown编辑器Internal_System_Training_ProjectWeek 1Task 1Task 2Task 3Task 4新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片Internal_System_Training_ProjectWeek 1Task 1Task 2Task 3Task 4如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个

原创 RabbitMQ 使用时用到的相关博客资料

RabbitMQ可靠性投递及高可用集群https://www.cnblogs.com/wuzhenzhao/p/10329348.htmlSpringBoot整合RabbitMQ-消息可靠性投递https://www.cnblogs.com/zhangbLearn/p/10304976.html