qq_40710228的博客

原创 git提交前代码规范检测和git message检测

在团队开发的时候Git是一款很好用的代码托管工具。多人开发一定涉及到规范的问题。接下来将一下在提交代码之前如何检测代码是否符合规范和git 提交的信息是否符合规范。代码规范检测-eslintgit提交信息规范检测-validate-commit-msg安装依赖npm install validate-commit-msg -D配置gitHooks在package.json中配置...

原创 iview事件处理 dispatch（派发）和broadcast（广播）

iview事件处理 dispatch（派发）和broadcast（广播）什么是dispatch（派发），简单的来说就是寻找指定的父级组件在其身上触发指定事件。// 组件名、事件名、参数function dispatch(componentName, eventName, params) { // 寻找父组件 找不到则返回根组件 let parent = this.$parent || this.$root; // 返回组件名称

原创 字符相关内容

非常好的相关字符内容干货

原创 将一个数组结构的数据转为一个树形结构

emmmm题目的大概意思就是将下列数据： var data = [{ parentId: 0, id: 1, value: '1' }, { parentId: 3, id: 2, value: '2' }, { parentId: 0, id: 3, value: '3' }, { parentId: 1, id: 4, value: '4' }, { parentId: 1, id: 5,...

原创 vue自定义指令--clickOutside

这个指令通过vue的自定义指令的钩子函数实现。首先我们先看看vue官方的文档。emmmm 看着好像有点困难，没关系官方文档也给出了例子。现在应该就明白了不少了吧。clickoutside 这个指令用在哪里呢？比如写法export default { bind (el, binding, vnode) { function documentHandl...

原创 UML类图

类与抽象类类分三层 第一层表示类的名称如果是抽象类用斜体表示，第二层表示类的字段和属性（+表示public，-表示private，#表示protected），第三层表示 行为和方法。接口接口有以下两种表示方式。第一层表示接口名称，第二程表示接口方法继承类与类之间的继承关系用空心三角形加实线表示实现接口实线一个接口 空实心三角形加虚线表示关联关系用实线箭...

原创 git的基本操作

git的基本操作初始化项目git initgit add .(.代表所有文件所有文件) git add 文件路径 将文件添加到暂存区git commit -m ‘你的提交信息’ 将暂存区的东西提交到版本库中的默认master分支查看仓库的修改状态git statusgit diff 查看具体的状态如果有修改要提交 就执行git commit -m ‘消息内容’版本回退...

原创 js判断两个对象是是否相等

用Object.is 只能判断两个对象应用的地址是不是一样 如果两个对象的应用地址不一样。两个对象对应的键和值是一样的，应用地址不一样。那么这时候判断两个对象用Object.is就行不通了思路需要递归每个键看看对应的值是否一样。键对应的值有两种可能是基本数据类型 （Number，String，Boolean，Null, undefined,symbol）引用数据类型（Object，Ar...

原创 js一行代码写99乘法表

在实习的前几天，老师给我安排了一个这样的任务，一句话写99乘法表。身为小白的我，这个真的把我给难倒。经过一天等待，老师给我了点提示。解题思路99乘法表，本质上都是通过循环，遍历出来的。设想有没有一种可以通过连式调用来完成两次for循环，那么这可以通过一行代码遍历两层循环了。让我第一想到的就是map，map循环后可以返回一个新数组。这样就可以链式调用了。const str2 = Array(...

原创 iview中的工具类

date工具类/*eslint-disable*/// 把 YYYY-MM-DD 改成了 yyyy-MM-dd(function (main) { 'use strict'; /** * Parse or format dates * @class fecha */ var fecha = {}; var token = /...

原创 javascript设计模式之-观察者模式

原创 面向对象 公司面试题

题目一分析：打车时，可以打专车和快车，热河车都有车牌号和名称 从这句话可以得出需要定义一个Car类 属性有车牌号和名称，快车和专车继承这个类不同的车价格不同，快车每公里一元，专车每公里2元 说明每个子类都有自己的price属性 而且是不同的行程开始显示车辆信息，行程结束，相识打车金额（假定行程就5公里） 这里我们可以再定义一个Trip 类 行为有 start 和 end画U...

原创 面向对象的应用

面向对象的设计原则何为设计？？按照哪一种思路或者标准来实现功能 功能相同，可以有不同的设计方案来实现 伴随着需求的增加，设计的作用才能体现出来《UNIX/LINUX设计哲学》准则1：小即是美准则2：让每个程序做好一件事准则3：快速建立原型准则4：舍弃高效率而取可移植性准则5：采用纯文本来储存数据准则6：充分利用软件的杠杆效应准则7：使用shell脚本俩...

原创 如何实现javaScript new操作符

要实现new 那么必须知道new的过程中发生了什么？1.创建一个空的对象2.让构造函数的原型指向刚刚创建的对象的原型上3.让创建的空对象有自己的属性4.判断是引用值还是原始值，如果是引用值那么就返回这个对象，否则就返回一个空对象接下来让我们用代码来实现1.创建一个构造函数 并且在它的原型上写一个say方法function Person(name, age, sex) ...

原创 javascript数据类型

es6中数据类型有 6种初始值 和三种引用值基本数据类型： 字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol（es6引入的一种原始数据类型 表示独一无二）。引用数据类型 ：对象(Object)、数组(Array)、函数(Function)。String1.js 中的字符串需要使用引号引起来（双引号和单引...

原创 vue 中data和computed的区别 computed和method区别

首先我们先看看官方怎么解释的data：Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。深入理解响应式原理：当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 get...

原创 JS 安全类

CSRF基本概念缩写攻击原理原理XXS

原创 js 通信类

1.什么是同源及其限制说白点源就是 源=协议+域名+端口(默认80) 只要有一个不一样源就不一样2.前后端如何通信ajax 受同源的影响websocket 不受同源政策影响cors 可以同源 也可以 不同源3.如何创建一个Ajax4.跨域通信的几种方式Jsonp 原理HashPostMessageWebSocket...

原创 javascript 面向对象 以及 继承的几种方式

类型的声明方式es5es6实例化类的继承1.通过构造函数继承基本原理 是通过改变Father函数this指向 来实现继承这种继承方式的缺点就是不能继承借用构造函数的原型例如 我们给Father的原型上添加一个say方法我们可以看到 报错了 从原型上的也找不到say方法2.通过原型链实现继承我们执行 child.say()...

原创 js原型链

了解js原型链之前先来复习一下js创建对象的方式有哪些1.通过字面量的形式创建对象2.通过构造函数创建对象3.通过Object.create原型，构造函数，实例，原型链 它们之间有什么关联呢？如下图所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型）所有函数拥有prototype属性（显式原型）（仅限函数）原型对象：拥有prototy...

原创 HTTP协议类

1.HTTP的主要特点简单快速灵活（通过一个HTTP协议就可以传递不同的数据类型）无连接 （连接一次就会断开）无状态（两次连接单从HTTP协议不能区分连接人的身份状态）2.HTTP报文组成部分请求报文请求行（HTTP方法 地址 版本） 请求头（key value 告诉服务端数据） 空行（告诉服务端请求头结束了） 请求体（）响应报文状态行（） 响应头 空行 响应体...

原创 DOM事件

1.DOM事件的级别1. DOM0 element.onclick = function(){}2.DOM2 element.addEventListener('click',function(){},false)3.DOM3 element.addEventListener('keyup',function(){},false)DOM2和DOM3的主要区别就是 定义的事假类型...

原创 css 盒模型

题目：你谈谈你对盒模型的认识什么是盒模型？css盒子模型 又称框模型 (Box Model) ，它包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。1.盒模型基本概念：标准盒模型+IE盒模型1.1标准盒模型元素框的总宽度 =元素（element）的width + padding的左边距和右边距的值 + ma...

原创 三栏布局的几种解决方案

题目解决方案有一下几种1.flex布局2.grid布局3.absolute布局4.float布局5.table布局1.flex布局解决方案<section class="layout flex"> <style> .layout.flex .left-main-right { ...

原创 IOS 用moment组件 时差8小时问题

最近在开发项目中 碰到 moment时间插件 在iOS端会有8个小时的时差解决办法import moment from 'moment'vue formatDate(time) { let date = new Date(time); if (isAndroid_ios()) { date.setHours(date.getHours(...

原创 5+aap axios 在安卓和iOS请求 没有响应

最近在做项目时候遇到了很苦恼的事情 webapp项目八宝后 在安卓和iOS上 axios 发送请求 后端怎么都接受不到数据 URL和参数 都是正确的 但是后端一直都接受不到请求原因是 安卓在请求的时候 请求头的源是 file:// ios的请求的源确实null 这时候去请求后端接口的时候就存在跨域的问题 需要后端处理一下跨域的问题...

原创 日常开发中 js 中常用的工具类

/** * 工具模块，不依赖第三方代码 */var ak = ak || {};ak.Base_URL = location.host;/** * 工具模块，不依赖第三方代码 * 包含：类型判断 */ak.Utils = { /** * 是否为JSON字符串 * @param {String} * @return {Boolean} ...

原创 原生js深拷贝

JavaScript有6种基本数据类型 字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（es6引入的一种原始数据类型 表示独一无二）。和3种引用数据类型对象(Object)、数组(Array)、函数(Function)。对于引用数据类型 当赋值时会引用同一数据地址 例如：我们会发现 当改变arr1 数...

原创 vue+vue-router+axios 实现权限登录和token验证

大致说一下整体的流程与思路1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码（因为用的是GitHub的personal access tokens所以这步省略）2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token（本次测试用到是GitHub的personal access tokens）3、前端拿到token，将token存储到localStorage和v...

原创 如何解决5+APP 打包后 点返回键 杀死程序问题

话不多说直接上代码1.在打包后的index.html文件的head添加一下代码<script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventListener('back...

原创 基于vue+better-scroll的轮播图

安装npm install @better-scroll/slide@next --save使用你需要首先引入 slide 插件，并通过全局方法BScroll.use()使用import BScroll from '@better-scroll/core'import Slide from '@better-scroll/slide'BScroll.use(Slide...

转载 get和post区别

get和post的区别get传递参数通过url，post放在request body中get比post更加安全，因为参数是直接暴露在URL中的，所以不能通过get来传递敏感信息get请求只能通过URL编码，而post支持更多的编码方式get请求参数会被完整的保存在浏览历史里，而post中的参数不会被保存get产生一个请求包，post产生两个get请求传递参数的误区误区：我们常说...