前端
关注
分享
扫一扫
沼泽深处的王
你的理想是我的底线
展开
-
Vue——标签页名称修改（设置页面标题）
1.修改router中index.js文件中每个路由加上meta:{ title: ‘首页’}const router = new Router({ mode: '', routes: [ { path: '/', name: '', component: , meta:{ // title: '首页'原创 2021-03-09 15:02:51 · 12272 阅读 · 2 评论 -
a标签去下划线，颜色变白，去点击后虚线框
style=“text-decoration:none;color: white;outline:none;”去下划线：text-decoration:none;颜色变白：color: white;去点击后虚线框：outline:none;原创 2021-03-09 14:03:38 · 450 阅读 · 0 评论 -
Vue——打包上传服务器
1.首先使用build命令，将整个前端文件进行打包2.然后项目根目录下的dist会生成static文件夹3.将static文件夹和index.html交给后端即可完成部署原创 2021-03-03 00:20:42 · 204 阅读 · 0 评论 -
Vue——解决删除或编辑表格中某条数据，表格不更新问题
问题：当删除或更新表格中的某条数据后，前端发送请求后，表格数据并不会实时更新，如何解决？解决方案：对表格显示的数据进行再次请求，只要表格的数据发生变化，表格的数据就会更新。...原创 2021-03-03 00:07:38 · 2331 阅读 · 0 评论 -
Vue——解决退出登陆后返回上一页问题
问题：在用户退出登陆后，点击左上角的返回键，用户会回到原来的页面，但此时已经没有登陆状态了，继续操作会出现问题，如何解决？解决方案：直接清空本地缓存，让用户无可回退window.localStorage.clear();网友还有其他解决方案，如监听回退按钮，禁止其使用等...原创 2021-03-02 23:56:34 · 2577 阅读 · 0 评论 -
Vue——子组件与子组件进行数据传递
首先，两个子组件之间有公共的祖先直接将消息从子组件发给父组件，父组件再传给子组件，子组件获取假设第一个子组件为A，第二个子组件为B，父组件为C（1）子组件A发给父组件Cthis.$emit('发给父组件C',你的数据);（2）父组件接受C<子组件A @发送给父组件C="getdata"/>（发送给父组件C这个字段要与子组件中发送出来的字段一致）export default { name: "search", data() { return {原创 2021-03-02 18:06:08 · 1274 阅读 · 0 评论 -
Vue——vue-router的安装和使用
其中第二步可以配置跳转页面原创 2020-03-01 14:36:57 · 135 阅读 · 0 评论 -
vue项目-webpack学习笔记
1.若使用到nodejs相关东西（1）npm init（2）指定包2.打包css/less/sass例如：css要使用两个加载器style-loader，css-loader（1）第一步安装例如：（2）第二步复制官网配置module到webpack.config.js例如：3.图片的打包处理有两个加载器url-loader和file-loader不超过limit限制的用...原创 2020-02-29 10:02:13 · 111 阅读 · 0 评论 -
Vue配合webpack组件化开发（实际开发中也是如此）
1.在主页面只留下id为app的div和引进打包后的js<body> <div id="app"></div> <script src="./dist/bundle.js"></script></body>2.在打包前的js中写上根节点App及导入后续组件import Vue from 'vue'impor...原创 2020-02-29 10:01:18 · 271 阅读 · 0 评论 -
webpack打包
在命令行输入webpack 打包js所在目录 打包所在目录如原创 2020-02-28 00:06:32 · 108 阅读 · 0 评论 -
Vue.js模块化（导入导出）
（1）Commonjs（2）ES6原创 2020-02-27 22:34:55 · 2221 阅读 · 0 评论 -
Vue中v-model的三个修饰符
1.lazy：可以等待用户敲回车或者输入框输入焦点时才将数据写到data中（可以提高效率）2.number：只有输入数字才会显示（v-model默认将输入的数字当成字符串类型，使用number就直接当成数字类型）3.trim：去除左右两边多余空格...原创 2020-02-26 00:11:00 · 1018 阅读 · 0 评论 -
vue中filter/map/reduce
1.filter：过滤掉不满足条件的数以取数组中小于100数为例2.map：替换数组中的元素以将数组中的数乘以2为例3.reduce：对数组内容进行汇总以对数组中所有数相加为例...原创 2020-02-24 23:46:00 · 1415 阅读 · 0 评论 -
基于Vue.js的动态点击
1.目的默认第一个li显示红色，之后点击哪个li的该li就变成红色（可用于动态显示高亮点击内容）2.效果点击后3.代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/v...原创 2020-02-24 12:21:55 · 292 阅读 · 0 评论 -
Vue响应式方法
（1）push（）在列表最后添加了一个新项目。（2）pop（）删除列表最后一个元素（3）shift（）删除列表第一个元素（4）unshift（）在列表最前面添加一个新项目（5）splice（）可以删除元素/插入元素/替换元素（括号内第一个元素写开始位置。删除则第二个位置写删除几个，如果第二个元素没写，则删除后面所有元素。插入则第二个位置写0，后面位置为插入元素。替换则第二个位置写替换几个...原创 2020-02-24 10:55:47 · 196 阅读 · 0 评论 -
const、var、let的区别
1.const：一般用于不变化的常量2.let比var更完美，是var的进化版本3.var不受作用域的影响，全局可使用。（虽然可以用闭包即自调用函数解决，但过于繁琐）*JavaScript中只有函数有作用域4.let有块级作用域限制。...原创 2020-02-23 15:18:49 · 245 阅读 · 0 评论 -
vue中计算属性computed与方法methods区别
1.计算属性自带缓存机制，会观察函数内数据是否发生变化，若没有变化直接返回。2.方法没有缓存机制，每次调用都会重新计算一次。3.计算属性的性能在重复输出不变化值时比方法要好，建议多使用计算属性。...原创 2020-02-23 14:52:12 · 367 阅读 · 0 评论 -
vue.js的安装
（1）直接有cdn引入【开发环境版本】<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>【生产环境版本】<script src="https://cdn.jsdelivr.net/npm/vue"></script>（2）先下载下来再引入去官网直接可...原创 2020-02-21 12:05:54 · 240 阅读 · 0 评论 -
基于Vue.js的轮播图
利用所学Vue知识构建一个网页的轮播图1.效果2.步骤（1）构建基本html<div id="app"> <div class="box"> <div class="main"> <!--轮播图 --> <div class="minMain"> <div class="ite...原创 2020-02-07 19:22:09 · 785 阅读 · 0 评论 -
css中子绝父相
子绝父相：绝指的是绝对定位，即css中的position: absolute；相是指css中的position: relative。子绝父相能够使子节点按照父节点的标准进行绝对定位例如：父盒子添加margin-left后，子节点也会跟着父节点的位置相对移动，因为子节点在父节点中的位置是相对固定的。...原创 2020-02-07 18:02:43 · 2004 阅读 · 0 评论 -
Vuejs学习（五）前端路由
1.SPA：通过ajax局部更新，支持浏览器前进后退2.SPA原理：基于URL的hash3.前端路由：根据用户事件显示不同网页4.原创 2020-01-14 17:58:45 · 306 阅读 · 0 评论 -
Vuejs学习（四）前端交互
1.Promise（1）解决回调地狱问题（2）基本用法（3）resolve函数用于处理成功的，reject用于处理失败的，并通过then获取处理结果2.fetch（1）3.axios（1）4.async/await（1）5.其他（1）...原创 2020-01-11 23:10:24 · 158 阅读 · 0 评论 -
Vuejs学习（三）组件开发
1.全局组件注册2.全局组件使用3.组件可以复用，复用的组件是独立的4.template中的标签元素要有根元素5.可利用模板字符串即倒引号的方式提高template中的代码可读性6.组件注册中的data是个函数形式的，如图一所示7.若组件用驼峰式命名则只能在template中使用，而不能在<html></html>中使用，若一定要使用则变成短横线命名即可若使用短...原创 2020-01-07 20:06:11 · 131 阅读 · 1 评论 -
Vuejs学习（二）常用特性
1.表单域修饰符（1）number：转化为数值可代替parseintv-model.number=’’;（2）trim:去掉左右两边多余空格（3）lazy将input事件转换为change事件2.自定义指令例如获取焦点，在重新刷新页面后仍聚焦在输入框使用v-focus自定义指令就可以聚焦...原创 2020-01-05 20:58:04 · 137 阅读 · 0 评论 -
Vuejs学习（一）模板语法
1.基本步骤（1）引入Vue.js在官网下载Vue.js文件，然后用<script type="text/javascript" src="Vue.js所在目录"></script>(2)数据填充标签<script>var vm=new Vue({el:''//id选择器data:{xxx:xxx}//键值对填写数据})</scrip...原创 2020-01-02 22:43:05 · 161 阅读 · 0 评论 -
nodejs学习笔记
1.模块查找规则2.nodejs创建服务器3.Promise是为了解决nodejs中的回调地狱问题4.终极解决异步编程方法——异步函数在普通函数前加async默认返回promise对象5.保证异步函数有序执行——await6.异步函数异常抛出throw7.总结异步变同步...原创 2019-12-31 12:46:28 · 147 阅读 · 0 评论 -
gulp学习笔记
1.引入gulpconst gulp=require(‘gulp’);2.在命令行使用gulp+执行名字会到gulpfile.js中找到task对应名称执行原创 2019-12-31 08:48:41 · 118 阅读 · 0 评论