weixin_40551017的博客

原创 【我的python之路】-记录人生第一只python爬虫-爬图小蜘蛛~

import requestsimport reimport jsonfrom lxml import etreelisturl=[]listres=[]for unum in range(1,3): url = f'https://desk.zol.com.cn/pc/{unum}.html' listurl.append(url) for ur in listurl: furl = requests.get(ur) ets = etre

原创 使用axios请求拦截器添加token，保证拥有获取数据的权限

// axios请求拦截 axios.interceptors.request.use(config => { // 为请求头对象，添加 Token 验证的 Authorization 字段 config.headers.Authorization = window.sessionStorage.getItem('token') //必须return config 这是固定写法 return config })...

原创 git常用命令

创建仓库git init提交的文件的信息添加到索引库中git add [file]git add . #’.‘或’*'表示全部添加查看提交记录git log查看git状态git status向远程库提交主分支master，也可以提交开发分支，比如login如果远程仓库没有开发分支，只是本地仓库有开发分支，要先执行git push -u origin login，这样远程仓库才能增加到这个开发分支git push origin mastergit push -u origin log

原创 判断一个字符串中出现次数最多的字符，并统计这个次数

var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i < str.length; i++) { if(!json[str.charAt(i)]){ json[str.charAt(i)] = 1; }else{ json[str.charAt(i)]++; }};var iMax = 0;var iIndex = '';for(var i in json){

转载 vue 使用moment

1.下载 cnpm i moment --save2.main.js 挂载import moment from ‘moment’//导入文件Vue.prototype.$moment = moment;//赋值使用3.组件中使用凡是用的prototype 使用都要this.继承this.$moment(‘string’).format(“YYYY-DD-MM”)this.$moment(‘2018-09-19T05:54:32.767Z’).format(“YYYY-DD-MM”)浏览

原创 解决导航栏中的vue-router在3.0版本以上重复点菜单报错问题Avoided redundant navigation to current location

import Vue from 'vue';import Router from 'vue-router';Vue.use(Router);// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) {return originalPush.call(this, location).c

原创 javascript中实现跨域的方式总结

第一种方式：jsonp请求；jsonp的原理是利用第二种方式：document.domain；这种方式用在主域名相同子域名不同的跨域访问中第三种方式：window.name；window的name属性有个特征：在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限，window.name是持久存在一个窗口载入过的所有页面中的，并不会因新页面的载入而进行重置。第四种方式：window.postMessage；wind

转载 VUE 的生命周期钩子函数

VUE的生命周期钩子函数：就是指在一个组件从创建到销毁的过程自动执行的函数，包含组件的变化。可以分为：创建、挂载、更新、销毁四个模块。注：在组件的整个生命周期内，钩子函数都是可被自动调用的，且生命周期函数的执行顺序与书写的顺序无关。原文添加链接描述...

转载 vue-router中$route 和 $router

route表示(当前路由信息对象)表示当前激活的路由的状态信息，包含了当前URL解析得到的信息，还有URL匹配到的routerecords（路由记录）。路由信息对象：即route 表示(当前路由信息对象)表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。路由信息对象：即route表示(当前路由信息对象)表示当前激活的路由的状态信息，包含了当前URL解析得到的信息，还有URL匹配到的routerecords（路由记录）。路由信

转载 ES6 新特性 总结

Es6有哪些新特性Let和const关键字变量的解构赋值箭头函数Class 类extends继承 类的继承模板字符串for of遍历 for(a of Array){ }Module 模块， es6原生支持模块化Symbol 新增一个基本数据类型，标识唯一性Promise 异步操作处理模式，避免了回调地狱，改为了链式编程具体 转至原地址...

转载 JS的事件节流与防抖

节流的原理就是，尽管是持续的触发事件，但还是每隔一段时间执行一次时间，从而避 免短时间内执行大量事件造成的卡顿。通常使用定时器实现。防抖则更进一步，防抖是无论怎么连续点击，都是在事件触发结束一段时间之后执行一 次回调，防抖同样用定时器，只是每次触发事件都清楚一次计时器然后重新计算计时即 可具体转到 原地址...

转载 哪些事件支持冒泡

点击跳转地址

原创 vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.解决方法

Avoid using non-primitive value as key, use string/number value instead.说明绑定的key值可能重复了，我们应该把key值改成index或者id<div v-for="(item,index) in recommends" :key="index" class="recommend-item"> <a :href="item.link"> <img :src="item.image

原创 移动端阻止双击放大的方法

之前做过的项目中遇到的问题，被提了bug，才注意到这个问题????。百度结果都说是meta标签的问题：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。其中 maximum-scale为允许用户的最大缩放值，user-scalable为是否允

转载 VUE报Error: Avoided redundant navigation to current location:解决办法

虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法1：在项目目录下运行 npm i vue-router@3.0 -S 将vue-router改为3.0版本即可；方法2：若不想更换版本解决方法:在router.js(有的是router/index.js)中加入以下代码就可以记住插入的位置const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function

原创 eslint配置缩进空格处理

module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', '@vue/standard' ], parserOptions: { parser: 'babel-eslint' }, rules: { 'indent': ['off', 2],//缩进

转载 normalize.css样式初始化源码8.0.1

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font

转载 cookie和session的详解和区别

会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用Cookie，什么时候不能用Session。1.1 Cookie机制在程序中，会话跟踪是很重要的事情。理论上，一个用户的所有请求操作都应该属于同一个会话，而另一个用户的所有请求操作则应该属于另一个会话，二者不

原创 ES6的promise用法和解析

promise是什么？1、主要用于异步计算2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3、可以在对象之间传递和操作promise，帮助我们处理队列异步回调的问题：之前处理异步是通过纯粹的回调函数的形式进行处理很容易进入到回调地狱中，剥夺了函数return的能力问题可以解决，但是难以读懂，维护困难稍有不慎就会踏入回调地狱 - 嵌套层次深，不好维护// 什么情况下会用到promise? //一般情况下使有异步操作时，使用promise对这个异步操作进行封装

原创 vue基础之父传子的理解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue/vue.js"></scr

原创 vue基础之子传父的理解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue/vue.js"></scr

原创 vue之路由重定向

const routes = [{ path: '/', name: 'Home', component: Home redirect: 'Isme' //redirect 重定向，让它把首页重定向到isme }]

原创 vue之路由懒加载写法

在router文件夹里的index.js文件内就是这样写，后面括号写组件路径component: () =>import (’…/views/Isme.vue’)import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'// import Isme from '../views/Isme.vue'Vue.use(VueRouter)const routes =

原创 vue之路由传参写法

router-link标签绑定to，query属性以对象的形式传递参数 <router-link :to="{path:'/isme',query:{name:'帅吴',age:18,sex:'男'}}">Isme</router-link>插值表达式$route.query,打点引用 <h2>{{$route.query.name}}</h2>//帅吴 <h2>{{$route.query.age}}</h2>//1

原创 清晰理解什么是子组件和父组件之间的关系

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="vue/vue.js"></scr

原创 eslint常用规则配置和解释

rule解释"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-ass

原创 Missing space before function parentheses解决方法 vue eslint

使用eslint时，严格模式下，报错Missing space before function parentheses的问题，意思是在方法名和刮号之间需要有一格空格。解决方法：找到项目的.eslintrc.js文件，并在rules中添加如下一行代码即可： "space-before-function-paren": 0...

原创 vue scoped熟悉让样式私有化，但慎用

<style scoped>.example { color: red;}</style><template> <div class="example">hi</div></template>如上这个例子 上面的style样式只在下面这个组件里起作用,但是这样会增加这个样式的权重，不便于后面的修改...

原创 vertical-align:middle 让span标签在div中垂直居中对齐

test *{vertical-align:middle;}vertical-align:middle；写在父级元素的css样式中，同时父级元素不要设置line-height=height；子元素span设置display：inline-block;line-height=height; 此时span在父级中垂直居中对齐。

原创 继承的几种方式

原创 创建对象的几种方式

原创 创建对象的方法之组合模式，用构造函数模式和原型对象模式组合

用构造函数模式和原型对象模式组合，即把当前对象自己的属性写在构造函数中，把各个实例共有的属性写在原型对象中注意：改变原型对象的同时要改变原型对象的constructor属性，让它指向当前的构造函数！...

原创 兼容ie8以下浏览器的透明度的css和js写法。

css写法#box { width: 100px; height: 100px; background-color: red; opacity: .3; /* ie8透明度语法 */ filter: alpha(opacity=30); }js修改时拼接字符串写法，有人说用模板字符串，我试过模板字符串报错，用字符串拼接才没报错模板字符串写法：

原创 js 阻止事件行为的兼容性写法

w3C标准的阻止默认行为的方法是preventDefualt()IE中阻止事件的默认行为的属性是returnValue，为：true不阻止，false：阻止事件的默认行为3 return false; 这个最简单，但是不是标准写法，算个小技巧。var apeland = document.getElementById('apeland');//preventDefualt() ie8不支持apeland.onclick = function (e){ e = e || window...

原创 阻止事件冒泡的兼容性写法

兼容ie和非ie系列浏览器btn.onclick = function stopPropagation(e){ var evt=e||window.event; if(evt.stopPropagation){ evt.stopPropagation(); } else{ evt.cancelBubble=true; } this.innerHTML='阻止了'; }

原创 js中的事件代理及兼容性写法

js中事件冒泡我们知道，子元素身上的事件会冒泡到父元素身上。事件代理就是，本来加在子元素身上的事件，加在了其父级身上。那就产生了问题：父级那么多子元素，怎么区分事件本应该是哪个子元素的？答案是：event对象里记录的有“事件源”，它就是发生事件的子元素。它存在兼容性问题，在老的IE下，事件源是 window.event.srcElement，其他浏览器是 event.target用事件委托有什么好处呢？第一个好处是效率高，比如，不用for循环为子元素添加事件了第二个好处是，js新生成的子元素也

原创 js中sort方法，实现给数组排序， 超简单好用

var arr = [1, 2, 34, 5, 3, 22, 344, 342, 553, 11]; // console.log(arr.sort()); //1.11.2.22.3.34.342.344.5.553 function fn(j, k) { return j - k; // 如果是k-j，则是降序 }...

原创 gulp报错The following tasks did not complete解决方法

gulp.task('copy', () => { gulp.src('./src/images/*') .pipe(gulp.dest('dist/images'))});报错：[01:26:16] The following tasks did not complete: first[01:26:16] Did you forget to signal ...

原创 npm install卡顿问题解决方法

npm install卡顿问题记录遇到的问题npm install -g @angular/cli安装angular cli工具时，发现进度条一直卡住不动，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢，甚至很多东西都无法下载安装。那么如何解决这个问题呢？方案一：安装cnpm镜像这个是比较常用的方法，我首先也是使用了这个方法。cnpm的安装方法，参考http://npm.t...

原创 js的.click自动点击事件，配合定时器，做自动播放轮播图，还可以做很多事情

定时器setInterval(function() { //手动调用点击事件,这个事件太尼玛好用了！！！！就是模拟人去手动点击，然后配合定时器就行了 spa_right.click(); }, 2000);...