发育中的前端

登录记住密码的思路就是将账号密码存入cookie中，

安装vue-clinpm install -g @vue/cli-service-global创建项目文件vue create 项目名称List item

安装依赖npm安装npm install echarts -S或者用淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S全局引入在main.js中引入import * as echarts from 'echarts'; Vue.prototype.$echarts = echarts 注意：一定要注意引入引入方式，否则会报错若有报错可参照vue中使

文章目录报错原因解决方案报错原因通过npm安装的是最新版echarts依赖，5.x版本，而5.x版本的引入方式有所改变，所以造成按4.x方式引入报错，官网已经明确说明解决方案将main.js中引入echarts的方式由4.x引入方式：import echarts from 'echarts' 换为5.x引入方式：import * as echarts from 'echarts'就ok了...

.prevent阻止标签的默认事件例：contextmenu事件在元素中用户右击鼠标时触发并打开上下文菜单，意思就是右键单击的时候会打开菜单并且执行自定义事件<button @contextmenu="menu">按钮</button>而用了.prevent修饰符再右键点击就只会执行自定义的事件，不会执行默认打开菜单的事件<button @contextmenu.prevent="menu">按钮</button>.stop阻止

文章目录什么是插槽？插槽内容后备内容什么是插槽？插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。插槽内容简单来说就是在父组件中给子组件模板，子组件直接可以通过使用。1、在子组件left中放一个占位符<template> <div id="chlid"> <h1>我是子组件</h1> <slot></slot&

文章目录防抖 (debounce)：重在清零节流 (throttle)：重在加锁第一种：直接使用第二种：封装公用的方法总结：百度了一下防抖和节流的使用场景：防抖 (debounce)：重在清零防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念，必先了解概念所应用的场景。在 JS 这个世界中，有哪些防抖的场景呢登录、发短信等按钮，避免用户点击太快，以致于发送了多次请求，需要防抖调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多

常用的组件通信方式：父子组件通信（props）子父组件通信（$emit）兄弟组件通信：我们都知道，vue的两大核心就是数据驱动和组件系统，但组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。往往我们都要通过组件之间传递数据来达到数据同步，所以组件之间的通信就显得尤为重要，下面归纳一下组件通信常用的的几种方式：父子组件通信（props）父组件：<template> <div class="home"> <child :msg="fa

文章目录第一步：安装postcss-px2rem第二步：在 vue.config.js 中添加配置第三步：添加 rem.js文件第四步：引入rem.js文件第五步：重启服务第一步：安装postcss-px2remnpm add postcss-px2rem第二步：在 vue.config.js 中添加配置const px2rem = require('postcss-px2rem')const postcss = px2rem({ remUnit: 32 //基准大小 baseSiz

今天看到这样一个问题：原先遇到这种需要转换的情况，我都是使用template通过判断row.scope的值进行操作的，像这样：<el-table-column prop="level" label="名称"> <template slot-scope="scope"> <span v-if="scope.row.level == 1">一级</span> <span v-if="scope.

在前端登录的时候，往往会有个登录的按钮，点击一下就可以进行登录操作，有时候我们想按了回车键就可以登录，这样的话登录起来会更加的方便，密码要求比较严格的话可能会有特殊符号，我们想知道自己输入的正确与否又不想通过登录来验证的话，就可以做一个控制密码是否可见的按钮，就以vue项目的登录页面为例介绍一下回车键登录以及注意事项。先看一下不同状态下的效果：密码不可见：密码可见分两个部分：一：回车键登录：在基础的登录步骤完成之后添加回车键登录效果，没有建好基础登录效果的请先自行解决，这里不细说，其实回车键

推荐使用vue插件：vue-seamless-scroll个人使用的感受就是，棒极了！简单，快捷看一下效果图：懂我意思不，它向上滚动！使用肥肠方便，设计非常银杏，下面我给老铁演示一下第一步：安装cnpm install vue-seamless-scroll --save第二步：在main.js中引入import scroll from 'vue-seamless-scroll'Vue.use(scroll)第三步：使用<template> <div .

方法一：使用vue-wechat-title插件设置第一步：安装插件npm vue-wechat-title --save第二步：在main.js全局引入、使用插件import VueWechatTitle from 'vue-wechat-title' //动态修改titleVue.use(VueWechatTitle);第三步：在通过路由的mate属性携带titleconst routes = [{ path: '/login', component:

浏览器显示比例，屏幕显示比例，vue项目显示问题

今天终于看到了不加班的希望，刚好今天解决了一个简单但是容易套进去的问题，跟大家分享一下，产生问题：下面代码v-if和v-else同时生效两个<el-table-column label='身份证' width='200'> <template slot-scope='scope'> <span prop='card' v-if='scope.row.OBJECTID' @click="openNewPage(scope.row.OBJECTID)">{{s