前端
文章平均质量分 65
小胖梅前端
我真的很菜,又很想躺平
展开
-
elementui侧边导航文字不隐藏的问题
el-menu 标签本身希望里面嵌套的是el-menu-item, el-submenu, el-menu-item-group这三个标签,但是里面却嵌套了div标签 , 而导致折叠后就隐藏不了文字。原创 2023-03-14 08:38:46 · 446 阅读 · 0 评论 -
CSS3新特性-变量
因为变量与自定义的 CSS 属性其实是一回事 css变量原创 2023-03-03 14:04:21 · 938 阅读 · 0 评论 -
CSS3中的calc( )属性
calc()函数简单讲解原创 2023-03-03 13:52:31 · 2350 阅读 · 0 评论 -
Moment.js的基本使用
Momentjs在Vue的使用原创 2022-11-11 23:22:20 · 23490 阅读 · 2 评论 -
已经安装了 cnpm ,但是cnpm install 安装依赖无反应 网无问题
可以先进行排除是不是因为网络问题的原因,如果网络无问题的话 可以安装淘宝镜像,使用cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org如果还是不行的话 ,一直停留在这个地方 出现这个情况有可能是由于 npm 的镜像没有改,是使用系统默认的。解决的办法通常是改为淘宝的镜像。操作如下:全局 配置cnpm 启动1.window+R --cmd2. 显示当前的镜像网址// 把下面这个命令...原创 2022-10-21 22:15:38 · 1172 阅读 · 0 评论 -
彻底理解js是单线程的
js单线程、宏任务 微任务原创 2022-10-11 21:59:34 · 2436 阅读 · 0 评论 -
右键菜单,用VSCode打开文件和文件夹
右键菜单,用VSCode打开文件和文件夹原创 2022-08-29 14:04:53 · 5753 阅读 · 1 评论 -
如何配置 vscode 识别@文件路径
在前端开发项目中常常会使用 @ 别名,但是在vscode中默认是不识别的。可以使用下面的配置让vscode 识别 @文件路径,以便支持 ctrl+左键 点击跳转。方式一:项目配置在项目根目录创建 jsconfig.json 文件 文件内容:{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"], } }, "exclude": ["node_modules", "di原创 2022-01-21 15:48:20 · 5906 阅读 · 2 评论 -
关闭vscode中的源代码管理
因为下载的项目很多,导致源代码要管理5000个文件,一旦改动一个文件,就导致vscode假死,卡住不动配置:首选项→设置→搜索git→关闭git---vscode重新打开就可以了。再看git需要再次配置了...原创 2021-11-02 15:33:58 · 12701 阅读 · 5 评论 -
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 · 9315 阅读 · 2 评论 -
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 · 6612 阅读 · 0 评论 -
分分钟让你理解HTTPS
想获取更多的前端技术-请专注公众号:胖梅web前端一、HTTP存在的问题1.1 可能被窃听 HTTP 本身不具备加密的功能,HTTP 报文使用明文方式发送 由于互联网是由联通世界各个地方的网络设施组成,所有发送和接收经过某些设备的数据都可能被截获或窥视。(例如大家都熟悉的抓包工具:Wireshark) 1.2 认证问题 无法确认你发送到的服务器就是真正的目标服务器(可能服务器是伪装的) 无法确定返回的客户端是否是按照真实意图接收...转载 2021-05-21 09:11:34 · 580 阅读 · 0 评论 -
Git基本操作,一篇文章就够了!
一. git简介在实际开发中,会使用git作为版本控制工具来完成团队协作。因此,对基本的git操作指令进行总结是十分有必要的,本文对一些术语或者理论基础,不重新码字,可以参考廖雪峰老师的博文,本文只对命令做归纳总结。git的通用操作流程如下图(来源于网络)1.1 主要涉及到四个关键点: 工作区:本地电脑存放项目文件的地方,比如learnGitProject文件夹; 暂存区(Index/Stage):在使用git管理项目文件的时候,其本地的项目文件会多...原创 2021-05-21 09:07:26 · 280 阅读 · 0 评论 -
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 · 5248 阅读 · 0 评论 -
在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 · 1825 阅读 · 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 · 2552 阅读 · 1 评论 -
微信小程序在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 · 2621 阅读 · 0 评论 -
后台返回数据中有换行符,但是在文本中不显示换行效果 怎么渲染后台返回的一堆文字
换行由来Unix系统里,每行结尾只有“<换行>”,即"\n";Windows系统里面,每行结尾是“<换行><回车 >”,即“\n\r”;Mac系统里,每行结尾是“<回车>”,即"\n";。一个直接后果是,Unix/Mac系统下的文件在 Windows里打开的话,所有文字会变成一行;而Windows里的文件在Unix/Mac下打开的话,在每行的结尾...原创 2019-12-30 15:52:55 · 2278 阅读 · 0 评论 -
前端常见跨域解决方案(全)
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。产生跨域的原因出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascrip...原创 2019-12-26 22:49:20 · 511 阅读 · 0 评论 -
网易新闻接口
分享一个网易新闻的测试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 · 6513 阅读 · 1 评论 -
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 · 6959 阅读 · 2 评论 -
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 · 231 阅读 · 0 评论 -
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 · 228 阅读 · 0 评论 -
Vue2.0中,“渐进式框架”和“自底向上增量开发的设计”是什么
作者:徐飞链接:https://www.zhihu.com/question/51907207/answer/136559185来源:知乎著作权归作者所有,转载请联系作者获得授权。在我看来,渐进式代表的含义是:主张最少。每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。比如说,Angular,它两个版本都是强...转载 2018-06-10 09:45:09 · 2163 阅读 · 3 评论 -
网易新闻的测试api
https://www.jianshu.com/p/c54e25349b77原创 2019-08-04 14:50:05 · 1462 阅读 · 0 评论 -
vue项目文件介绍
vue项目各个文件配置说明原创 2022-11-05 22:19:39 · 5300 阅读 · 0 评论 -
CSS3动画特效经典案例【视频教程】
css3特效效果 CSS3动画特效经典案例【推荐教程】这是一个我上传的css3的视频特效教程,后续会不断出新的内容会把vue框架 微信小程序的课程都给大家分享完整的视频教程,从基础到难的过程。https://ke.qq.com/course/323252...原创 2019-02-13 09:10:03 · 1457 阅读 · 0 评论 -
Swiper.js使用遇到的问题总结onSlideChangeEnd回调偶尔触发,偶尔不触发等
swiper 是一个开源免费的移动触摸插件。swiper3.0版本使用。onSlideChangeEnd回调偶尔不触发,或者是pc端触发,但是手机端不触发在使用中遇到这样一个问题,记录一下。page 间切换效果 使用 fade 的时候,如果每个页面的大小不一样, 比如第一个页面全屏, 第二个页面比第一个小, 那么切换到第二页的时候, 第一页的内容还可以看到。还有,使用fade过...原创 2019-02-27 17:19:23 · 10834 阅读 · 2 评论 -
浏览器渲染中 回流(reflow)与重绘(repaint)
其实我们学习浏览器渲染原理更多的是为了解决性能的问题,如果你不了解这部分的知识,你就不知道什么情况下会对性能造成损伤。并且渲染原理在面试中答得好,也是一个能与其他候选人拉开差距的一点。我们知道执行 JS 有一个 JS 引擎,那么执行渲染也有一个渲染引擎。同样,渲染引擎在不同的浏览器中也不是都相同的。比如在 Firefox 中叫做 Gecko,在 Chrome 和 Safari 中都是基于 We...原创 2019-02-15 10:45:11 · 598 阅读 · 0 评论 -
浏览器内核 五大浏览器内核
浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因...原创 2018-06-10 16:58:51 · 23518 阅读 · 2 评论 -
MVC和MVVM模式的区别
1,MVC (Model-View-Controller)M - Model :数据保存V - View : 用户界面C - Controller : 业务逻辑MVC ,用户操作> View (负责接受用户的输入操作)>Controller(业务逻辑处理)>Model(数据持久化)>View(将结果通过View反馈给用户)MVC是最经典的开发模式之一,最早是后台那边来的,后...原创 2018-06-10 09:19:12 · 8231 阅读 · 1 评论 -
2023最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
2023前端最新最全面试题 javascript面试题 vue面试题 最新的全套面试题 附带答案原创 2018-06-15 18:01:14 · 567926 阅读 · 59 评论 -
Vue项目环境搭建及git仓库新建
主要是git安装 vue在git上的项目搭建命令 简单总结下1.node安装 2.git安装 3.码云项目管理 4.vue项目搭建 5.git和码云代码同步1. 安装node.js链接:https://nodejs.org/en/download/直接傻瓜式安装即可。一直下一步下一步就好啦。 安装完成后,在命令行运行node–v和npm –v均可以查看版本...原创 2019-02-24 16:47:01 · 4362 阅读 · 0 评论 -
vue移动端h5适配解决方案(lib-flexible+px2rem-loader)
先介绍用到的两个工具:px2rem-loader:将css中的px转为rem单位,用了它就不用自己计算rem值了lib-flexible:根据设备宽度,修改根元素html的font-size,以适配不同终端配置安装1:npm i px2rem-loader --save -dev安装2:npm i lib-flexible --save配置1:入口文件main.js中引入:imp...原创 2019-02-28 17:02:05 · 2155 阅读 · 0 评论 -
移动端点击元素出现闪烁
移动端点击元素出现闪烁 再点击元素时会出现黑色背景的闪烁,解决只需要将此元素的css中添加 -webkit-tap-highlight-color:transparent;属性就可以解决这个问题!移动端HTML5点击事件闪现灰色背景解决方案隐藏文本框阴影input, textarea{-webkit-appearance: @none;}取消手机点击屏幕时,会出现的...原创 2019-02-25 17:19:31 · 1763 阅读 · 0 评论 -
谷歌浏览器插件(jsonview)的下载与安装
1、下载地址:https://github.com/gildas-lormeau/JSONView-for-Chrome2、解压压缩包3、打开谷歌浏览器的扩展程序界面方法如下:4、加载JsonView扩展程序选中开发者模式,点击【加载已解压的扩展程序…】,选择插件目录点击确定就加载成功了,安装好的界面如下重新加载:Ctrl+R...原创 2019-12-30 16:44:29 · 1676 阅读 · 0 评论 -
将本地项目推送到远程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 · 470 阅读 · 0 评论 -
理解 JavaScript 闭包
闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是 ECMAScript 规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟理解闭包闭包,一睹为快在接触一个新技术的时候,我首先会做的一件事就是找它的 demo。对于我们来说,看代码比自然语言更能理解一个事物的本质。其实,闭包无...原创 2019-07-01 14:23:23 · 212 阅读 · 0 评论 -
原生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 · 291 阅读 · 0 评论 -
本地项目通过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 · 311 阅读 · 0 评论