![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 80
白鹭凡
这个作者很懒,什么都没留下…
展开
-
egg.js目录结构,路由,约定规范
egg 是一个MVC的框架model 模型 和数据打交道。 查询数据库,请求数据 放到service 中。新建service 目录view 视图 模板 页面的展示Controller 控制器 负责处理一些业务逻辑在Controller 的 home.js 中主要是 渲染模板'use strict';const Controller = require('egg').Controller;class HomeController extends Controller { .原创 2020-12-11 11:58:28 · 459 阅读 · 1 评论 -
egg.js入门——创建第一个项目
egg.js 是为企业级框架和应用而生环境准备操作系统:支持 macOS,Linux,Windows运行环境:建议选择 LTS 版本,最低要求 8.x。安装(只需开始安装一次即可)cnpm i egg-init -g指定目录下创建项目egg-init eggDemo01 --type=simple依次填写 项目名,描述,作者,cookie的key 都可以直接默认回车(可填可不填)这样项目就创建好了。然后 跳到项目路径下安装依赖cd eggDemo01cnpm install原创 2020-12-11 11:04:40 · 262 阅读 · 0 评论 -
css3新特性
现在前端要求越来越高,界面体念要求更高,难免需要用到些动态感的效果,今天有空整理写了些例子css3新特性新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)}弹性盒模型 display: flex;多列布局 column-count: 5;媒体查询 @media (max-width: 480px) {.box: {column-count: 1;}}个性化字体 @font-face{font-family:BorderWeb;src:url(B.原创 2020-10-24 11:31:35 · 342 阅读 · 0 评论 -
vue数据双向绑定原理
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () { console.log(this.obj); }});可以看到属性a有两个相对应的get和set方法,为什么会多出原创 2020-09-15 10:08:57 · 113 阅读 · 0 评论 -
鼠标放上去提示信息插件
添加动画或交互性。在为常见的Popper元素(如工具提示,弹出框,下拉菜单等)创建抽象时可以使用<!DOCTYPE html><html><head> <title>Popper Tutorial</title> <style> #tooltip { background: #333; color: white; font-w原创 2020-09-12 15:38:20 · 725 阅读 · 0 评论 -
Vue导航栏在特定的页面不显示
把导航栏组件放在了app.vue中,让他在每个页面都能显示了,但遇到了一个问题商品详情页导航栏是不合理不需要存在的解决方法:可以采用keep-alive结合$route.meta来实现这个功能。App.vue<template> <div id="app"> <router-view /> <div id="nav" v-if="$route.meta.keepAlive"> <div>原创 2020-09-02 15:19:19 · 1538 阅读 · 0 评论 -
vue3.0瀑布流(vue-grid-layout)
vue-grid-layout是一个vue的可拖拽的瀑布流布局组件,并提供相应的事件进行自定义操作。而且布局可以存储和再展现。安装:npm install --save vue-grid-layoutcnpm特点:元素可拖动元素可调整大小边界检查拖动和调整大小可以添加或删除窗口小部件而无需重建网格布局可以序列化和恢复自动RTL支持(调整大小不适用于2.2.0上的RTL)github地址:https://github.com/jbaysolutions/vue-grid-layout原创 2020-09-02 14:18:23 · 9526 阅读 · 9 评论 -
vue3.0新特性
vue3.0新特性1、双向绑定2.0现有限制:无法检测到新的属性添加/删除无法监听数组的变化需要深度遍历,浪费内存3.0优化:使用 ES6的Proxy 作为其观察者机制,取代之前使用的Object.defineProperty。允许框架拦截对象上的操作2、Proxy默认可以支持数组3、多层对象嵌套,使用懒代理2、虚拟DOM2.0VDOM性能瓶颈:1、虽然vue能够保证触发更新的组件最小化,但单个组件部分变化需要遍历该组件的整个vdom树2、传统vdom性能跟模版大小正原创 2020-08-26 14:26:29 · 886 阅读 · 0 评论