自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xm1037782843的博客

爱自己,爱生活

  • 博客(94)
  • 收藏
  • 关注

原创 关闭vscode中的源代码管理

因为下载的项目很多,导致源代码要管理5000个文件,一旦改动一个文件,就导致vscode假死,卡住不动配置:首选项→设置→搜索git→关闭git---vscode重新打开就可以了。再看git需要再次配置了...

2021-11-02 15:33:58 190

原创 react-infinite-scroller组件滚动分页加载

安装:需要安装:cnpm i react-infinite-scroller react-custom-scrollbars -S关键代码://滚动加载importInfiniteScrollfrom'react-infinite-scroller';import{Scrollbars}from'react-custom-scrollbars';使用:<Scrollbarsstyle={{height:"calc(100vh-80px)"}}a...

2021-09-23 21:46:02 48

原创 React项目启动报错 ./src/reportWebVitals.js Module not found: Can‘t resolve ‘web-vitals‘ in ‘C:

错误提示:"/src/reportWebVitals.js Module not found: Can't resolve 'web-vitals' in'E:\ReactResources\RectProjects\test-app\src'"12原因:无法编译 -/src/reportWebVitals.js 找不到模块:无法解析“web-vitals”。解决办法:需要安装 Web Vitals。打开终端并运行以下命令:npm i web-vitals --save-dev.

2021-09-16 11:16:53 192

原创 yarn 环境安装依赖报错解决方法(info fsevents@1.2.7)

yarnconfigsetignore-enginestrue解决办法:在命令窗口输入:yarn config set ignore-engines true

2021-09-16 11:15:52 229

原创 Less使用教程和步骤

1. less 1. 介绍:less是css的预处理语言,可以使用变量、函数、表达式等动态语言功能。其他常用的css预处理语言 sass stylus 2. 创建less文件 .less文件结尾的文件 写css样式 less文件不能直接被浏览器识别,使用前需要把less转成css文件 3. 常用的把less转成css工具 1.命令行工具 1. lessc命令工具 ...

2021-06-30 11:00:39 181 1

原创 webpack 5 与 webpack-dev-server 3兼容性问题

说明:这里使用的是webpack: "^5.9.0",webpack-cli: "^4.2.0",webpack-dev-server: "^3.11.0"问题:通过 webpack-dev-server 启动项目失败,报错:Error: Cannot find module 'webpack-cli/bin/config-yargs'解决办法:使用webpack serve --open命令启动,这里需要注意,执行后会提示缺少打开对象, 所以在ope...

2021-06-28 21:45:49 247

原创 less 导入图片 以及背景图片属性

定义背景图片使用@baseName:wrap;//url 定义: @img : "../img";@img :'../image';#@{baseName}{width: @c*10;height: @b*10;background: url('@{img}/less.jpg');}url定义图片的路径background:url('@{img}/less.jpg');//错误简写background: url("@{images}/white-sand.png"..

2021-05-25 16:47:12 516

转载 分分钟让你理解HTTPS

想获取更多的前端技术-请专注公众号:胖梅web前端一、HTTP存在的问题1.1 可能被窃听 HTTP 本身不具备加密的功能,HTTP 报文使用明文方式发送 由于互联网是由联通世界各个地方的网络设施组成,所有发送和接收经过某些设备的数据都可能被截获或窥视。(例如大家都熟悉的抓包工具:Wireshark) ​ 1.2 认证问题 无法确认你发送到的服务器就是真正的目标服务器(可能服务器是伪装的) 无法确定返回的客户端是否是按照真实意图接收...

2021-05-21 09:11:34 118

原创 Git基本操作,一篇文章就够了!

​一. git简介在实际开发中,会使用git作为版本控制工具来完成团队协作。因此,对基本的git操作指令进行总结是十分有必要的,本文对一些术语或者理论基础,不重新码字,可以参考廖雪峰老师的博文,本文只对命令做归纳总结。git的通用操作流程如下图(来源于网络)1.1 主要涉及到四个关键点: 工作区:本地电脑存放项目文件的地方,比如learnGitProject文件夹; 暂存区(Index/Stage):在使用git管理项目文件的时候,其本地的项目文件会多...

2021-05-21 09:07:26 68

原创 2021年 Vue经典面试题 -- 必问知识点 --(包含答案)

1.说说你对MVVM的理解Model–View–ViewModel (MVVM) 是一个软件架构设计模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于2005年在他的博客上发表MVVM 源自于经典的 Model–View–Controller(MVC)模式 ,MVVM 的出现促进了前端开发与后端业务逻辑的分离,极

2021-05-17 10:51:11 6955 3

原创 Vue基础知识点(一)

1. Vue基础课程1.1 Vue框架描述Vue (读音/vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。兼容性:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所...

2021-04-19 16:33:53 351

原创 Echarts基本使用

目录官网文档五分钟上手效果基本配置修改完整代码官网文档https://echarts.apache.org/zh/index.html五分钟上手网址:https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20EChartsecharts下载:推荐4.8版本<script src="https://cdn.bootcdn.net/ajax/li.

2021-01-08 15:15:02 3535

原创 在vue中使用wangEditor富文本编辑器

wangEditor编辑器 Vue基本配置项说明:vue项目搭建是通过 vue-cli搭建的项目官网文档网址:官网:https://www.wangeditor.com/文档:https://doc.wangeditor.com/最终效果:1.安装wangEditorcnpm install wangeditor@3.1 --save (说明:安装4.xx版本 启动不了项目)2.创建公共组件3. 编译器组件内容<template> &..

2021-01-07 21:50:43 855 1

原创 token的使用流程以及 JWT构成和构建

1.什么是tokentoken是一个令牌,是前后端开发时的一个验证工具,(就是一个字符串)2.token的使用流程1.前端向后端传递用户名和密码2.后端将接收到的的用户名和密码进行核实3.后端核实成功后会,返回给前端一个token(或者直接将token保存在cookie中);4.前端得到token 并对其进行保存5.如果前端请求隐私的接口(比如需要登陆后才能查看商品的详细信息),则需要传递保存的token(进行ajax请求时,将信息放在请求头中)6.后端对其进行验证.

2020-12-25 13:21:31 1417 1

原创 xampp启动php file_get_contents(): SSL operation failed with code 1

出现Warning</b>:file_get_contents():SSLoperationfailedwithcode1.OpenSSLErrormessages:error:14090086:SSLroutines:ssl3_get_server_certificate:certificateverifyfailedin方法需要添加参数,如下:在对应的PHP文件的最上面放置<?php $stream_opts = [ ...

2020-12-02 14:32:12 113

原创 微信小程序在app.js修改后的全局变量值在其他页面异步获取的问题

虽然app.js先于index.js。但是修改app.js中的全局变量是异步请求,如果你想在index.js里获取app.js修改后的值,那么需要使用promise来实现异步。小程序默认项目自带了一种获取授权头像的信息了promise实现异步操作同步显示流程app.js//app.jsApp({ //获取授权的头像信息 检测授权 getUserInfo() { return new Promise((resolve, reject) => { ..

2020-07-20 18:43:38 1728

原创 谷歌浏览器插件(jsonview)的下载与安装

1、下载地址:https://github.com/gildas-lormeau/JSONView-for-Chrome2、解压压缩包3、打开谷歌浏览器的扩展程序界面方法如下:4、加载JsonView扩展程序选中开发者模式,点击【加载已解压的扩展程序…】,选择插件目录点击确定就加载成功了,安装好的界面如下重新加载:Ctrl+R...

2019-12-30 16:44:29 901

原创 后台返回数据中有换行符,但是在文本中不显示换行效果 怎么渲染后台返回的一堆文字

换行由来Unix系统里,每行结尾只有“<换行>”,即"\n";Windows系统里面,每行结尾是“<换行><回车 >”,即“\n\r”;Mac系统里,每行结尾是“<回车>”,即"\n";。一个直接后果是,Unix/Mac系统下的文件在 Windows里打开的话,所有文字会变成一行;而Windows里的文件在Unix/Mac下打开的话,在每行的结尾...

2019-12-30 15:52:55 1554

原创 前端常见跨域解决方案(全)

什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。产生跨域的原因出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascrip...

2019-12-26 22:49:20 282

转载 网易新闻接口

分享一个网易新闻的测试api,可以用来写个项目demo、小程序等。wangyi.PNGapi网易: https://3g.163.com新闻:/touch/reconstruct/article/list/BBM54PGAwangning/0-10.html娱乐:/touch/reconstruct/article/list/BA10TA81wangning/0-10.h...

2019-12-04 15:53:55 1544

原创 jquery on方法绑定事件后执行多次

转自:https://blog.csdn.net/fun913510024/article/details/46971681 感谢$(“.test-btn”).off(“click”);,off方法解绑。这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick来实现,后来没有这样做,使用的是on(‘click’,functio...

2019-09-03 22:37:51 145

转载 js实现数组浅拷贝和深拷贝

如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子:let a=[0,1,2,3,4], b=a;console.log(a===b);...

2019-08-19 20:24:50 4844 2

原创 网易新闻的测试api

https://www.jianshu.com/p/c54e25349b77

2019-08-04 14:50:05 967

原创 jquery中beforeSend和complete的使用 --- 提高用户体验

jquery的ajax请求步骤:$.ajax( { type:"GET",//通常会用到两种:GET,POST。默认是:GET url:"a.php",//(默认: 当前页地址) 发送请求的地址 dataType:"html",//预期服务器...

2019-07-14 19:34:34 234

原创 2019最新Web前端经典面试试题

JavaScript常见面试题集JavaScript类型 this关键字 什么是闭包(closure),为什么使用闭包? 说说你对 AMD 和 CommonJS 的了解。 请解释原型继承(prototypal inheritance)的工作原理。 请解释事件委托(event delegation) null、undefined和未声明变量之间有什么区别?如何检查判断这些状态值? ...

2019-07-09 10:57:01 1722 1

原创 将本地项目推送到远程gi仓库

在你的项目文件夹下执行git命令git init4将项目文件添加到仓库中git add .5将add的文件commit到仓库git commit -m '备注'6 将本地仓库关联到码云上git remote add origin git@gitee.com:shiqingqing/test.git7 上传码云前要先pull 下git pull origin ...

2019-07-09 10:23:17 297

原创 使用vue2.0实现购物车商品结算功能代码

<template> <div class="shop"> <!-- 购物车--> <div class="shoping"></div> <div class="wrapper"> <div id="app" class="container"> &lt...

2019-07-06 20:01:58 977

原创 如何将element-ui中的表格和分页器连接起来

如何将element-ui中的表格和分页器连接起来使用element-ui插件不久,遇到的一些分页问题代码如下:如何将element-ui中的表格和分页器连接起来`第一步:页面先引入element-ui页面显示效果如下:需要分页对应element-ui找到对应的分页内容第一步:第二步:第三步第四步跳转...

2019-07-01 16:45:19 3778 2

原创 理解 JavaScript 闭包

闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是 ECMAScript 规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟理解闭包闭包,一睹为快在接触一个新技术的时候,我首先会做的一件事就是找它的 demo。对于我们来说,看代码比自然语言更能理解一个事物的本质。其实,闭包无...

2019-07-01 14:23:23 121

转载 小程序登录&授权&获取用户信息

一 登录时序图如下:wx.login()获取js_code示例代码:App({ onLaunch:function(){ wx.login({ success:function(res){ if(res.code){ //TODO }else{ ...

2019-06-27 11:37:45 6008

原创 angularjs轮播图: ng-repeat 轮播效果就没有了

先告诉你产生这种现象的原因,主要是由于angular 加载dom的顺序不一样,在你轮播开始的时候,ng-repeat还没开始,所以轮播读取不到数据就没效果了。方法1:$timeout(function(){bannerSwiper();},0)方法2:observer:true,//修改swiper自己或子元素时,自动初始化swiperobserveParents...

2019-06-20 23:23:39 502

原创 安装phpstudy之后出现了403的错误

phpstudy安装后,启动都是正常的 就是访问localhost一直 404 403的错错一直是403 启动正常,端口也都是允许访问1. httpd.conf 文件,找到如下代码:DocumentRoot "D:\WWW"<Directory /> Options +Indexes +FollowSymLinks +ExecCGI Allo...

2019-06-06 09:48:40 2010

原创 原生ajax的封装

原生ajax的封装get请求 post请求 有参无参都可以实现返回数据类型,需要自己处理,返回字符串格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

2019-06-02 19:15:04 192

转载 99%的人都理解错了HTTP中GET与POST的区别(转自知乎)

作者:Larry链接:https://zhuanlan.zhihu.com/p/22536382来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。...

2019-05-29 17:43:46 127

转载 angularjs中的filter(过滤器)——格式化日期的date

原文链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs%E4%B8%AD%E7%9A%84filter-%E8%BF%87%E6%BB%A4%E5%99%A8-%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%97%A5%E6%9C%9F%E7%9A%84date/格式化字符串的基本参数:...

2019-04-26 15:46:14 1539

原创 javascript 中的map()方法

接口数据映射从接口得到数据 res:let r = res.map(item => { return { title: item.name, sex: item.sex === 1? '男':item.sex === 0?'女':'保密', age: item.age, avatar: item.img ...

2019-03-19 09:52:21 27225 3

转载 ES6简单入门--面试题

var可以多次声明同一个变量--在其他编程语言是没办法想象的var a =0;var a = 99;(2)var会造成变量提升(function rr() {if(true) {var a = 666;}console.log(a); //输出666})()ES6变量声明关键字:let 变量声明;const 常量声明。解决了var前面提到的两...

2019-03-19 09:16:25 1374

原创 本地项目通过git上传代码到码云

1.先创建一个码云文件项目2.git clone 码云的新的空的文件夹内容3.把你的本地git项目 拷贝到你克隆的文件夹里面去 再去执行git指令4.在当前的 文件夹下面 启动git bash :git init5.git add .6.git commit -m 'xxx'7.git push origin master...

2019-03-18 22:15:48 230

原创 vue项目中安装less

1:less 安装webpack配置npm install less --savenpm install style-loader css-loader less-loader --savewebpack..base.config.jsmodule: {rules: [{test: /\.less$/,use: ['style-loader'...

2019-03-08 17:03:48 3186 1

原创 vue项目关闭eslint检查,vue关闭代码格式校验

eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格。关闭eslint检查有了eslint的检查,代码中的缩进、空格、空白行之类的都会被按照规范检查但是,如果突然引入一个第三方加密的插件,怎么忽略该插件检查都不好使的情况下,最简单粗暴的方法就是关闭eslint检查找到build/webpack.base.conf.js文件,作如下修改:你的buil...

2019-03-08 17:01:24 7234

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除