- 博客(32)
- 收藏
- 关注
RSS订阅原创 curl和wget下载文件到指定文件夹
curl和wget下载文件到指定文件夹curl -o C:\Users\86150\Desktop\wstest\20220302\index2.html --create-dirs http://XXXX如果没有 -o 后的目录，会自动创建wget -P /usr/local/ws/20220302 http://xxxxx如果没有 -o 后的目录，会自动创建...
2022-03-01 17:30:36
8059
原创 window下编辑的python文件复制到linux上，运行后出现/usr/bin/python3^M
window下编辑的python文件复制到linux上，运行后出现/usr/bin/python3^M
2022-02-17 18:02:04
1111
原创 如何让一个div水平垂直居中
<div class="fat"> <div class="box"><div/></div>1.第一种<style>.fat{width:200px;height:200px;border:1px solid red;position:relative}.box{width:50px;height:50px;top:0;left:0;bottom:0;right:0;position:absolute...
2021-04-29 11:24:01
139
原创 BFC及其应用
BFC及其应用BFC的定义：Block Formatting Context 块级格式化上下文，属于普通流，我们可以将其看成页面内的一块渲染区域，有着自己的渲染规则，不受其他规则的影响，bfc区域内就像是一个隔离的盒子，内部的元素不影响外部元素。触发BFC：1.body根元素2.设置浮动(元素的float不包括none)3.设置定位(position为absoulte或者fixed)4.行内块显示模式，inline-block5.设置overflow，即hidden，auto，scroll
2021-04-28 17:03:36
183
原创 setTimeout、promise、async/await 的区别
setTimeout、promise、async/await 的区别setTimeout属性宏任务，Promise里面的then方法属于微任务，Async/Await中await语法后面紧跟的表达式是同步的，但接下来的代码是异步的，属于微任务。宏任务优先级：主代码块 > setImmediate > MessageChannel > setTimeout / setInterval微任务优先级微任务microtask：process.nextTick > Promise =
2021-04-28 16:40:21
4168
原创 什么是防抖和节流？有什么区别？如何实现？
什么是防抖和节流？有什么区别？如何实现？防抖：触发高频事件时，事件在n秒内只执行一次，如果在n秒内再次触发，则重新计算时间实现:function debounce(func,wait){ let timer = null //定时器 return function(){ //保存当前调用的dom对象 let _this = this //保存当前事件对象 clearTimeout(timer) //如果在指定时间又触发了，就清楚定时器，不让他执行下面的func timer =
2021-04-23 17:09:13
139
原创 网页从输入网址到渲染完成经历了哪些过程？
输入网址；发送到DNS服务器，并获取域名对应的web服务器对应的ip地址；与web服务器建立TCP连接；浏览器向web服务器发送http请求；web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址）；浏览器下载web服务器返回的数据及解析html源文件；生成DOM树，解析css和js，渲染页面，直至显示完成...
2020-03-11 00:07:59
1234
原创 水仙花数lintcode
const getNarcissisticNumbers = function (n) { let num = 10 ** n - 1 let arr = [] for (let i = 10**(n-1); i <= num; i++) { let numstr = i.toString() ...
2020-01-02 10:25:37
143
原创 vue-router的两种模式
1.利用url的hash ,:hash虽然出现在URL中,但不会出现在HTTP请求中,因此改变hash不会重新加载页面2.HTML的history模式,它使url看起来更想普通网站那样,以’/’,没有#,页面没有跳转,不过需要服务端支持,服务端接收到所有请求后,都只向同一个html,不然出现404’...
2019-12-08 22:08:02
219
原创 哪些前端性能优化的方法
哪些前端性能优化的方法？（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。（2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数（3） 用innerHTML代替DOM操作，减少DOM操作次数，优化javascr...
2019-12-04 18:52:23
271
原创 IE与其他浏览器不一样的特性
列举IE与其他浏览器不一样的特性？事件不同之处：触发事件的元素被认为是目标（target）。而在 IE 中，目标包含在 event 对象的 srcElement 属性；获取字符代码、如果按键代表一个字符（shift、ctrl、alt除外），IE 的 keyCode 会返回字符代码（Unicode），DOM 中按键的代码和字符是分离的，要获取字符代码，需要使用 charCode 属性；阻止...
2019-12-04 17:08:29
399
原创 单页面和多页面
1.单页面(1).优点: 刷新方式 局部刷新或者更改资源共用,只需要在外壳引用用户体验好,在一个页面切换快数据传递容易维护成本较低(2).缺点 :搜索引擎优化:需要单独的方案,实现较难,不利于SEO检索开发成本较高,需要借助专业的框架...
2019-12-03 20:51:59
197
原创 new 具体干了什么
1.var Func = function(){}var func = new Func()(1).创建了一个空对象var obj = new Object()(2).设置了原型链obj.proto = Func.prototype(3).改变了this的指向var result = Func.call(obj)(4).判断Func的返回值类型if(typeof (reult)...
2019-12-02 10:04:50
189
原创 vue和react和angular区别
vue-angular1.vue在设计之初参考了很多angular的思想2.vue相比于angular来说更加的简单3.vue相当于angular要变得小巧很多，运行速度比angular快4.vue和angular绑定都可以用{{}}5.vue指令用v-xxx，angular用ng-xxx6.vue中数据放在data对象里面，angular数据绑定在$scope上面7.vue有组件化...
2019-11-29 21:30:59
768
原创 $router是什么，都有哪些东西（router-link，router-view）$router和$route的区别，
**this.$router 实际上 就是全局 路由对象 任何页面 都可以 调用 push(), go()等方法**this.$route 表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等属性；...
2019-11-29 21:12:47
878
原创 ajax、axios和fetch
1.jQuery ajax$.ajax({type: ‘POST’,url: url,data: data,dataType: dataType,success: function () {},error: function () {}});优缺点：本身是针对MVC的编程,不符合现在前端MVVM的浪潮基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案...
2019-11-29 20:52:39
99
原创 封装的axios请求,promise+async+await
导出一个方法,在fetch文件里1.引入axiosimport axios from 'axios'2.封装axiosexport default async(url='',data={},method='post')=>{ if(process.env.NODE_ENV !== 'development'){ url = 'biyao/public' +url; //线上得...
2019-11-29 20:42:25
653
原创 JS的深拷贝和浅拷贝
<script> //深拷贝数组(第一级)(只能是基本数据类型) var arr = [1, 2, 3, 4] function copy(arr) { let newarr = [] for (let item of arr) { newarr.push...
2019-11-27 21:17:19
86
原创 JS数组的常用方法
//push()返回数组中元素的个数，向数组尾部中增加元素，有多少加多少，原数组发生改变。//pop()从数组的尾部删除一个元素，返回这个删除的元素，不接收参数//arr.unshift(0)//返回数组中元素的个数向数组的头部增加元素，括号中有多少就加多少，原数组发生改变arr.shift()//从数组的头部删除一个元素，返回这个删除的元素，不接收参数14 arr.slic...
2019-11-27 20:36:26
96
原创 JS中substr与substring的区别
js中substr和substring都是截取字符串中子串，非常相近，可以有一个或两个参数。语法：substr(start [，length]) 第一个字符的索引是0，start必选 length可选substring(start [, end]) 第一个字符的索引是0，start必选 end可选相同点：当有一个参数时，两者的功能是一样的，返回从start指定的位置直到字符串结束的子串va...
2019-11-27 20:24:29
358
原创 什么是浏览器同源策略
所谓同源是指：域名、协议、端口相同为什么要有跨域限制因为存在浏览器同源策略，所以才会有跨域问题。那么浏览器是出于何种原因会有跨域的限制呢。其实不难想到，跨域限制主要的目的就是为了用户的上网安全。...
2019-11-27 20:11:19
397
1
原创 IE 8以下版本的浏览器中的盒模型有什么不同
标准盒模型和IE盒模型的区别及转换标准盒模型是w3c 标准的盒模型，其包含：盒子占用宽度：margin2 + border2 + padding2 + width实际宽度： border2 + padding2 + widthIE盒模型，在IE中content的宽度包括padding和border这两个属性，所以盒子占用宽度：margin2 + width实际宽度：width = pa...
2019-11-27 19:05:00
317
原创 Axios发送请求时params和data的区别
params是添加到url的请求字符串中的，用于get请求。data是添加到请求体（body）中的， 用于post请求。
2019-11-26 10:29:32
157
原创 axios,addEventListener,keep-alive,beforeRouteLeave
从浏览器中创建 XMLHttpRequests从 node.js 创建 http请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRvue中的axios,addEventListener() 方法，事件监听,,beforeRouteLeave语法element.addEventListener(event, ...
2019-11-25 22:04:06
354
原创 vue中使用Swiper划不动现象解决办法
Swiper实例化new Swiper(".home-banner",{ loop:true, pagination:{ el:".swiper-pagination" } })**这时候会出现...
2019-11-21 22:38:48
2197
转载 vue请求网络接口中图片报错403解决办法
网络接口都是有请求限制的，特别是图片字段值是绝对路径的情况，请求的时候就会报错403 forbidden，这个时候应该使用缓存的方式拿到请求图片的地址进行缓存，只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可（这是一个专门缓存图片的网址）export default (_url) => { if (_url !== undefine...
2019-11-21 22:14:04
954
原创 Vue:router的beforeEach与afterEach钩子函数
总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/2.Vue.afterEach(function(to,form))/在跳转之后判断/beforeEach函数有三个参数：to:router即将进入的路由对象from:当前导航即将...
2019-11-21 22:11:09
241
原创 vue的一些小知识
1在使用router-link作为代替a标签的跳转功能是,在控制台中router-link默认的标签扔是a标签2tag属性课将router-link制定为其他标签:如:<router-link to="/" tag="div">vue的slot使用1.解决什么问题:在hello world在组件标签Child中的span标签会被组件模板template内容替换掉，当想让...
2019-11-21 21:43:31
546
原创 vuex 使用
1.在当前工程下引入Vuex模块,npm i vuex2.新建src/store/index.js,引入Vuex3.确保Vuue.use(Vuex)4.实例化Vuex的Store仓库对象,5.在main.js中,引入store文件,注入到vue实例中1store文件中新建index//管理全局状态数据import Vue from 'vue'import Vuex from 'vu...
2019-11-19 21:10:55
113
原创 vue页面向组件传参,组件向外传参
页面中<template> <div> <item @gochild="to" v-for="(theStr,index) in arr ":key="index" :str="theStr"></item> //str传到组件里去 @gochild自定义事件,用于接收组件向页面所传的参数(名字随意) ...
2019-11-13 21:04:58
2048
原创 JS浏览器跳转上一页和下一页
@TOCreturn ( window.history.back() //用浏览器的机制返回上一页 window.history.forWard() //去到下一页 history.go(number|URL) //数字的时候（-1上一个页面，1前进一个页面)。或一个字符串，字符串必须是局部或完整的URL，该函数会去匹配字符串的第一个URL欢迎使用Markdown编辑器你好！ 这是你第...
2019-11-13 19:55:27
2226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人