前端
前端的学习之路
杰肥啊
一个想变强的挨踢男,很笨,但却很努力。
展开
-
【Vue】Element-UI按需引入项目启动报错解决方法
Error: Cannot find module 'babel-preset-es2015'原创 2022-09-15 15:19:02 · 1718 阅读 · 0 评论 -
【前端】测试占位图片在线制作
有时候我们开发需要一个占位图来测试大致的效果,这时候就可以使用在线的一个可访问的地址。https://fakeimg.pl/375x625/F44336/FFF/?font=noto&text=杰肥啊375x625 代表宽度和高度,可以自己根据需要定义font  原创 2021-12-29 14:03:17 · 472 阅读 · 0 评论 -
【前端】vue-admin-template动态添加路由,刷新页面路由失效问题
基本思路1.请求后端接口,返回一个菜单数组的json格式数据。2.前端拿到返回值之后将菜单数组中需要的数据进行组装成一个路由认识的json对象数组。3.路由中某个方法可以设置进行并渲染。4.以上工作都准备好之后,想一下放在哪里比较合适。实现思路1后端创建菜单数据,我采用的基本json格式如下{ data:[{ path:'',//路径 根菜单要加/ component:'',//组件路径,如果没有组件名称又是根菜单 && 没有chi原创 2021-12-10 15:47:08 · 2694 阅读 · 9 评论 -
【前端】Error: Cannot find module ‘@/views/teacher/teacher-list’ at webpackEmptyContext (eval at ./src
Error: Cannot find module ‘@/views/teacher/teacher-list’at webpackEmptyContext (eval at ./src/utils sync recursive (app.js:2486)原创 2021-12-10 09:38:41 · 3460 阅读 · 1 评论 -
【前端】CSS中小三角做法
有时候我们需要像电商网站上鼠标移入后,弹窗的顶部有一块小三角。index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .root{ width: 10px; height: 10px;原创 2021-12-07 10:15:41 · 660 阅读 · 0 评论 -
【前端】小米首页商品动画效果
/*目标css类*/.item{ transition: all .2s linear; }/*移入效果*/.item:hover{ cursor: pointer; z-index: 2; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1原创 2021-12-06 14:49:15 · 288 阅读 · 0 评论 -
【前端】vue-devtools的详细安装讲解
文章目录前言准备工作npmgit正式开始vue-devtools自定义版本编译细说前言vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。相信很多小伙伴也非常想安装这个小插件,但是网上找了很多办法,不是这个模块找不到就是各种不行。这里针对不能在商店下载插件的小伙伴们提供一种方式,一步一步来就可以成功。准备工作npm没有npm的小伙伴要去安装一个npm,搜索node.js官网 安装好node之后自然也就安装好了npm。设置npm的镜像地址原创 2021-11-24 16:18:19 · 4071 阅读 · 0 评论 -
【前端】npm设置淘宝镜像
npm设置淘宝镜像npm config set registry https://registry.npm.taobao.orgnpm查看镜像地址npm config get registry原创 2021-11-24 15:50:41 · 1322 阅读 · 0 评论 -
【前端】web前端快速构建项目所需的webpack插件
文章目录前言style-loader|css-loaderless-loaderhtml-loaderfile-loaderurl-loaderhtml-webpack-pluginmini-css-extract-pluginwebpack-dev-server前言这个笔记用于平时记录积累学习webpack和前端项目中遇到的可快速开发的插件和程序,如有补充,可在下面进行评论,楼主会补充进来。style-loader|css-loadermodule.exports={ module:{原创 2021-11-04 23:36:32 · 104 阅读 · 0 评论 -
【前端】npm安装与基本使用
文章目录基本使用什么是NPM?NPM的安装NPM的基本命令文件属性详解NPM安装包使用引入方式基本使用什么是NPM?npm是node的包管理器Node.js默认的以Javascript编写的软件包管理器分享和使用代码类似Java领域中的Maven技术NPM的安装下载Node后会自动下载NPMhttp://nodejs.cnNPM的基本命令npm init 初始化项目npm-v 查看版本npm install 命令安装模块npm list -g 查看所有原创 2021-11-02 14:42:50 · 881 阅读 · 0 评论 -
【前端】CSS样式解决高度塌陷和外边距重叠的问题
固定的clearfix写法.clearfix::before,.clearfix::after{ content:''; display:table; clear:both;}原创 2021-10-19 15:42:39 · 124 阅读 · 0 评论 -
【前端】vscode保存Vue的代码片段
在vs code中创建代码片段文件 => 首选项 => 用户代码片段 => 新建全局代码片段/或文件夹代码片段名称设置为: vue-html.code-snippets{ "vue htm": { "scope": "html", "prefix": "vuehtml", "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>", "原创 2021-09-16 10:31:34 · 490 阅读 · 0 评论 -
【前端】layui搜索重载不在第一页的问题
还在使用layui前端框架的人都会遇到一个问题,表格被渲染之后,如何数据重载到第一页,而不是当前页的数据。我们希望的是每次按搜索调用后端接口的时候,page都是从第一页开始。直接上代码,不瞎扯。加一个curr:1,官方之前是在文档里没写的。核心代码 懂的人自然都懂var inTb = table.render({});//关键codeinTb.reload({page:{curr:......原创 2019-12-26 14:04:16 · 2598 阅读 · 0 评论 -
layui的下拉框的级联实现
layui的下拉框级联解决代码如下:<div class="layui-form toolbar"> <div class="layui-inline"> <label class="layui-form-label">一级分类</label> <div class="layui-input-block...原创 2019-12-24 19:58:57 · 4382 阅读 · 0 评论 -
【前端】layui表格内容超出换行解决方案
layui本身内容超出是使用了隐藏,…的方式,但是有时候我们需要内容就算很长,也要显示出来,这时候就需要在页面上加以上样式来改变单元格的样式。<style> .layui-table-cell { min-height: 30px; height: initial; } .layui-ta......原创 2019-12-24 18:31:22 · 8161 阅读 · 2 评论 -
【前端】js的复制功能,兼容安卓和ios,亲测有效
js的复制功能,兼容安卓和ios,亲测有效Android安卓系统的就比较随意一点。<script> var input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); input.setAttribute('value', '我是复制的内容'); ......原创 2019-07-10 13:36:58 · 3493 阅读 · 2 评论 -
【前端】下拉选择框select添加子项,select清空所有的option
select标签添加option<body> <select id="select"> </select></body>//得到select标签对象,Jquery写法var select=$("#select")[0];select.appendChild(new Option("显示出来的值","val...原创 2019-05-29 19:38:29 · 1706 阅读 · 0 评论 -
【前端】关于layui框架的页脚如何关闭,layui-footer样式无法清除的问题
关于layui框架的页脚如何关闭,关闭之后还占着位置问题在index.js文件中可以看到以下一行代码if (openFooter != undefined && openFooter == false) { $('body.layui-layout-body').addClass('close-footer'); }此......原创 2019-05-25 17:24:02 · 8933 阅读 · 6 评论 -
【前端】javascript不能单标签,必须双标签
javascript不允许单标签会失效,由机制决定。刚学习的童鞋们注意了!!!!错误演示<javascript src="路径"/>正确演示<javascript src="路径"></javascript>......原创 2019-01-16 22:19:20 · 814 阅读 · 1 评论 -
【前端】Ajax的data赋值不了值给变量,回调函数不能赋值问题及解决办法
在我们写项目的过程中,难免会用到Ajax的异步提交。那么有时候的需求可能是这样的。我们想把回调函数的data中的值赋值给外部定义的变量,但往往可能发现根本就没有赋值。//创建一个flag变量var flag="";$.ajax( url:"请求的url地址", dataType:"返回的数据格式", data:{参数}, success:function(data){原创 2018-09-30 16:43:02 · 3382 阅读 · 2 评论