摘要: 名命视图 在大多数组件中需要有header组件就可以这样写,减少header的引入 <router-view name="header" /> 在配置中就可以控制显示隐藏。 1)在所有的组件中加入 <router-view name="header" /> <template> <div> <rou 阅读全文
posted @ 2020-04-28 11:22 吴小恩 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 学习vue 一、安装vue window键+R键,输入cmd进入命令框。 1、输入以下创建vue命令(输入好之后回车) npm install -g vue/cli 2、检测是否安装好了 npm vue -v 3、创建vue项目 (在要创建项目的文件夹下cmd进入命令框) vue create 项目 阅读全文
posted @ 2020-04-24 23:11 吴小恩 阅读(163) 评论(0) 推荐(0) 编辑
摘要: <input type="checkbox" v-on:click.prevent="onClick" /> 数组渲染因为下标问题,导致点上一个复选框拿走数据之后,下一个数据的复选框状态会改变,所以通过prevent去阻止事件的冒泡。让复选框依然是数据的原本状态,这是第一种解决办法。 第二种解决办法 阅读全文
posted @ 2020-04-24 22:15 吴小恩 阅读(2096) 评论(0) 推荐(0) 编辑
摘要: let arr=[1,2,2,3,1,4,4,8,8,8,8,5,5,6,6,7,7,8] //第一次遍历数组 for(var i=0;i<arr.length;i++){ //第二次遍历数组,是第一遍历数组下标的下一个数据 for(var j=i+1;j<arr.length;j++){ //判断 阅读全文
posted @ 2020-04-13 12:12 吴小恩 阅读(4591) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片放大案例</title> <style type="text/css"> div{ overflow: hidden; float: left; margi 阅读全文
posted @ 2020-04-08 20:47 吴小恩 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 添加滚动条 <div> <ul> <li>列表信息</li> </ul> </div> 在div上添加:overflow:scroll;给div添加固定的宽高,ul高超过了div设置的高就出现滚动条, 文本溢出隐藏 p{ display: -webkit-box; -webkit-box-orien 阅读全文
posted @ 2020-03-12 15:22 吴小恩 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 创建mongoose数据库项目 一、搭建环境 一、1 . 创建一个文件夹 一、2 . 在文件夹的导航中输入cmd 一、3 . 创建package.json 在小黑框中输入 cnpm init 加回车 初始化一个package.json 一、4.创建node_modules 在小黑框中输入 cnpm 阅读全文
posted @ 2020-02-27 14:55 吴小恩 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 使用react脚手架创建项目 一、首先需要安装node.js 具体如何安装参考网址:https://www.jianshu.com/p/0ddecdbb4048 下载安装包 双击打开安装文件 setup 点击next,下一步 勾选 选中勾选框,点击next,下一步 安装路径 选择安装路径,默认路径即 阅读全文
posted @ 2020-02-03 17:43 吴小恩 阅读(773) 评论(0) 推荐(0) 编辑
摘要: Redux学习 一、什么是redux? 1)Redux由Dan Abramov在2015年创建的科技术语。是受2014年Facebook的Flux架构以及函数式编程语言Elm启发。很快,Redux因其简单易学体积小在短时间内成为最热门的前端架构。 2)Redux对于JavaScript应用而言是一个 阅读全文
posted @ 2020-01-06 17:21 吴小恩 阅读(241) 评论(0) 推荐(0) 编辑
摘要: React 路由 一 、 认识路由/配置环境 1. BrowserRouter和HashRouter的区别 1)BrowserRouter as Router表示使用Router就是使用BrowserRouter 2)<Route exact path="/" component={Landing} 阅读全文
posted @ 2019-12-24 17:34 吴小恩 阅读(315) 评论(1) 推荐(1) 编辑