- 博客(26)
- 收藏
- 关注
RSS订阅原创 `sass-loader` requires `node-sass` ＞=4. Please install a compatible version
项目运行npm run dev 报错``sass-loaderrequiresnode-sass>=4. Please install a compatible version.Module build failed: Error: sass-loader requires node-sass >=4. Please install a compatible version.原因：目前的版本不兼容，需要安装新的版本。解决办法：安装最新版本的node-sass：npm insta
2021-10-25 18:35:53
6189
2
原创 前端开发工作中记住这20个免费的轮子 开发效率提升200%！！！
文章目录Vue UI组件库1、Element UI2、vant3、View UIReact UI组件库1、Ant Design2、React Bootstrap3、MATERIAL-UI动画库Animate.css精细化效果组件1、Swiper2、mescroll.js工具类轮子1、lodash.js2、Day.js3、timeago.js4、Echarts5、Markdown6、validator.js7、vue-draggable8、vue-qr9、vue-cropper10、vue-lazyload1
2021-10-23 20:47:27
932
1
原创 Ajax保姆级教程
1、任务Ajax读取text文本模拟json数据目标：理解HTTP协议了解Ajax的概念掌握如何使用Ajax了解JSON概念及语法2、前后台交互的过程以登陆注册为例：前台向后台请求数据：以渲染商品信息为例：3、HTTP协议通过上面的例子，我们明白了前后端是如何进行交互的。那么，在前端向后台请求数据和后台向前端响应数据的过程中，数据是如何进行传输的，换言之，数据的传输需要遵循什么样的标准呢？这就叫做传输协议，而在互联网中，我们一般使用的，就是HTTP传输协议超文本传输
2021-10-15 20:03:46
328
原创 15个前端必备小知识
15个前端必备小知识1、css一行文本超出...2、多行文本超出显示...3、IOS 手机容器滚动条滑动不流畅4、修改滚动条样式5、1、css一行文本超出…overflow:hidden;text-overflow:ellipsis;white-space:nowrap2、多行文本超出显示…display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;3、IOS 手机容器滚动
2021-10-13 12:06:18
566
2
原创 Vue——ElementUI 如何修改this.$message消息提示框样式及内容样式
产品需求：要求提示信息换行时单词不能分开因为element-ui中this.$message 默认 word-break:break-all ， 我需要改为word-wrap:break-word具体步骤在这个样式表中修改无效，所以发现在scoped的style中修改它的样式是无效的，因为ElementUI组件不可以给样式添加scoped。因此要想修改其样式就一定要去掉scoped，但是如果去掉scoped后，又不满足单组件的CSS样式，所以我们在写个style，附加在没有scoped的style
2021-09-03 17:54:42
8698
2
原创 vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本
解决无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本一、问题描述：创建Vue项目vue init webpack demo 提示“无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称”二、解决办法：1、首先确认是否安装了脚手架vue-cli ，没有安装的话，先进性安装npm install vue-cli -g2、使用
2021-08-31 15:13:41
460
原创 前端vue开发连续签到功能
前端vue开发连续签到功能UI设计图参数说明HTML部分 渲染已经签到过的天数js代码签到功能前端只需要调用两个接口完整代码UI设计图参数说明days_num：已经签到多少天today：当日是否签到 0.否 1.是gift_num：积分数量day_num：当前是第几天HTML部分 渲染已经签到过的天数<ul class="signBtnBox"> <li class="signBtnOne" v-for="(item, key, index) in list"
2021-08-10 21:17:12
3379
原创 前端vue开发连续签到功能
话不多说 直接上代码<template> <div class="signBox"> <div class="tips"> <span>Signed in for </span> <span>{{ days }}</span> <span>consecutive days</span> </div> <p class="hist
2021-08-10 21:15:41
1562
5
原创 Element-upload手动上传文件以及限制文件类型及大小
Element-upload手动上传文件以及限制文件类型及大小根据项目需求只能把上传功能做成手动上传（因为其中涉及到与C++通讯）手动上传只需设置:auto-upload = "false"
2021-08-03 11:12:28
1585
2
原创 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'"原因：无法编译 -/src/reportWebVitals.js 找不到模块：无法解析“web-vitals”。解决办法：需要安装 Web Vitals。打开终端并运行以下命令：npm i web-vitals --save-dev..
2021-06-17 18:02:16
4208
原创 移动端解决左右滑动的纯css布局
移动端解决左右滑动的纯css布局<!DOCTYPE html><html><head> <title>纯css实现左右滑动</title> <style type="text/css"> ul,li{ list-style: none;; } .slide-box{ margin-top:200px;
2021-05-29 16:48:12
439
原创 day1_Webpack vs Vite前端构建工具深度剖析
https://play.kaikeba.com/video/363569?report=true
2021-05-08 10:23:38
458
原创 50个JavaScript面试题及笔试题题及解析
50个JavaScript面试题及笔试题题及解析初级阶段1、 java和javascript有什么区别？2、什么是JavaScript？3、JavaScript支持哪些数据类型？4、JavaScript有哪些特征？5、JavaScript是区分大小写的语言吗？6、JavaScript的优点是什么？7、如何在JavaScript中创建对象？8、如何在JavaScript中创建数组？9、在JavaScript中什么是命名函数，它如何创建？10、可以将匿名函数分配给变量，然后将其作为参数传递给另一个函数吗？11、
2021-05-06 22:22:43
1797
3
原创 JavaScript，ES6语法制作简易计算器
JavaScript，ES6语法制作计算器1、先看效果：2、HTML主体部分3、css样式部分：4、js部分1、先看效果：里面所需要的背景图片：2、HTML主体部分<div id="counter"> <h2>简易计算器</h2> <div id="counter_content"> <h3><input id="input1" type="text" value="0" disabled="disabled" >&l
2021-04-21 14:35:14
772
10
原创 大白话说前端JavaScript面试
大白话说前端面试HTML和css部分。1、你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？2、每个HTML文件里开头都有一个很重要的东西：Doctype，知道这是干什么的吗？3、Quirks模式是什么？他和Standards模式有什么区别？4、div+css的布局比较table有什么优点？5、img的alt与title有何异同？strong和em的异同？6、你能描述一下渐进增强和优雅降级之间的不同吗？7、为什么利用多个域名来存储网站资源会更有效？8、请谈一下你网页标准和标准制定机构重要性的理解。9
2021-04-20 22:11:58
365
2
原创 JavaScript面试题及答案
JavaScript、ES6基础面试题及答案解析②1、js基本数据类型有哪些？2、Ajax如何使用3、如何判断一个数据类型是NaN？4、闭包是什么？有什么特性？对页面有什么影响？5、谈谈js中常见的内存泄漏：6、事件委托是什么？如何确定事件源（Event.target 谁调用谁就是事件源）7、什么是事件冒泡？怎么阻止事件冒泡？8、本地存储与cookie的区别9、ES6新特性10、谈谈对let、var与const的区别的理解11、数组方法有哪些？请简述：12、说出两种以上数组去重的方法13、什么是面试对象（O
2021-04-20 10:08:45
914
原创 金三银四，这些JavaScript、ES6前端面试题及答案解析您看了吗？
JavaScript基础面试题及答案解析1、js基本数据类型有哪些？2、Ajax如何使用3、如何判断一个数据类型是NaN？1、js基本数据类型有哪些？答：字符串String，数值Number，布尔 boolean，null，undefined，对象，数组2、Ajax如何使用一个完整的AJAX请求包括五个步骤：创建XMLHTTPRequest对象使用open方法创建http请求，并设置请求地址:xhr.open(get/post , url , async , true(异步) )经常使
2021-04-19 17:23:03
2181
16
原创 web前端JavaScript嵌入百度地图API的方法 最详细
web前端JavaScript嵌入百度地图API最详细的方法一、申请成为百度开发者，获得使用地图API接口的权限，获取（AK）码。二、实现首图效果（可以参考开发者指南）1. 根据Hello World 手册操作2. 将代码块写入Demo中3. 开启鼠标滚轮缩放4. 添加标注 并且通过标注获取当前位置经纬度5. 启用信息窗口6. 自定义信息窗口三、去除地图左下角logo标志级文字四、更多功能先看效果图一、申请成为百度开发者，获得使用地图API接口的权限，获取（AK）码。打开百度地图开放平台打开网址
2021-04-13 23:06:44
14707
7
原创 去掉百度地图api左下角百度logo标志或文字
去除之前的去掉文字，只需要在添加css即可 .BMap_cpyCtrl { display:none; }去掉地图logo，只需添加css .anchorBL{ display:none; }去除之后
2021-04-13 20:41:56
1046
1
原创 解决弹出 “百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥”的方法
解决调用百度地图API弹出提示 “百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥”的方法错误提示重新配置百度地图API 应用配置重新回到代码进行验证错误提示今天调用百度地图API的时候提示“百度未授权使用地图API，可能是因为您提供的密钥不是有效的百度LBS开放平台密钥…”，去试了好久，又重新建了Dome，重新把AK码写入代码片段，才解决这个原因。重新配置百度地图API 应用配置搜索百度地图API或者打开网站 http://lbsyun.baidu.com/
2021-04-13 20:32:30
8078
1
原创 css、Flex布局实现水平居中与垂直居中的方法
实现水平与垂直居中水平居中行内元素块级元素垂直居中单行文本的水平垂直居中多行文本的水平垂直居中块级元素水平垂直居中固定宽高的水平垂直居中不固定宽高的水平垂直居中基于Flex实现水平垂直居中橘子很甜。@快乐养兔水平居中行内元素text-align:center;块级元素定宽：可以采取决定定位的方式实现.center { width: 960px; position: absolute; left: 50%; margin-left: -480px; } 不
2021-04-13 17:19:42
11698
2
原创 前端开发最详细、最易懂的Flex弹性布局（含案例）
Flex弹性布局1、flex发展历史2009年W3C 提出概念，但是官方没有flex这个词。当时使用display:box;表示弹性布局2011年浏览器厂商决定使用flexbox，来形容它的布局特点2015年W3C正式将其修改为flexbox布局2016年5月官方正式公布最新的稳定的flex布局规范标准，各大浏览器的支持越来越稳定2、flex定义Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性作用它能够更加高效方便的控制元素的对齐、排
2021-04-13 14:18:26
1720
原创 html基础、h5&c3高级&c3动画 、 JavaScript初高级、css预处理器和git 部分面试题
1、div+css 的布局较 table 布局有什么优点？改版的时候更方便只要改 css 文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化（seo）搜索引擎更友好，排名更容易靠前。2、有哪项方式可以对一个 dom设置它的 CSS 样式?外部样式表，引入一个外部 css 文件内部样式表，将 css 代码放在 标签内部内联样式，将 css 样式直接定义在 HTML 元素内部3、行内元素和块级元素的具体区别是什么？ 行内元素的 padding 和 margi
2021-04-12 22:00:08
290
原创 解决html里a标签嵌套img标签存在上下高度空白问题
解决html里a标签嵌套img标签存在上下高度空白问题先上代码实际中遇到的情况：a标签存在一个高度把img 标签挤出div <header> <div><a href="##" ><img src="./img/icon_back.png" alt=""></a></div> <div style="font-size: .4rem;">APP应用</div> &l
2021-04-10 16:19:54
786
1
原创 移动端开发基础
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例
2021-04-09 22:30:56
420
1
原创 JavaScript基础面试题及答案
JavaScript基础面试题及答案1 介绍JavaScript的基本数据类型3 jQurry使用建议4 Ajax使用5 JavaScript有几种类型的值？6 栈和堆的区别？7 JavaScript实现继承的几种方式8 JavaScript创建对象的几种方法：9JavaScript作用域9 JavaScript作用域链10 闭包11 谈谈你对this的理解12 什么是window对象，什么是document对象？13 null和undefined的区别合理的创建标题，有助于目录的生成如何改变文本的样式插入
2021-04-08 17:17:28
4425
20
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人