我也要用- 博客(94)
- 收藏
- 关注
RSS订阅原创 关闭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
原创 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"> <...
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的粉丝