angus.dai
码龄10年
关注
提问 私信
  • 博客：43,713
    社区：1
    43,714
    总访问量
  • 41
    原创
  • 960,621
    排名
  • 3
    粉丝
  • 0
    铁粉

个人简介：一只前端萌新！

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：上海市
  • 加入CSDN时间： 2015-05-20
博客简介：

angus.dai的博客

博客描述：
前端工程师
查看详细资料
个人成就
  • 获得11次点赞
  • 内容获得4次评论
  • 获得58次收藏
创作历程
  • 39篇
    2020年
  • 2篇
    2016年
成就勋章
TA的专栏
  • nodejs
    1篇
  • react
    2篇
  • vuejs
    15篇
  • js
    11篇
  • 布局
    4篇
  • css
    8篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpack前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

sequelize的使用

什么是sequelize？sequelize是一个orm框架，什么是orm呢？即Object-Relationl Mapping，它的作用是在关系型数据库和对象之间作一个映射，这样，我们在具体的操作数据库的时候，就不需要再去和复杂的SQL语句打交道，只要像平时操作对象一样操作它就可以了。安装依赖知道了sequelize是什么，很想在项目中使用起来吧！那接下来开始我们的第一步吧！在项目的根目录运行 npm i mysql2 sequelize -S创建sequelize连接配置文件依赖也有了，下面我
原创
发布博客 2020.05.31 ·
2946 阅读 ·
1 点赞 ·
0 评论 ·
7 收藏

react-router基础

hello worldimport React from "react"import { BrowserRouter as Router, Route, Link } from "react-router-dom"function Index() { return <div>index</div>}function List() { retur...
原创
发布博客 2020.05.06 ·
211 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

react基础

react优势React主要用于构建UI，通过对DOM的模拟，最大限度地减少与DOM的交互；组件构建，代码复用单向的响应数据流，state通过与用户交互来改变状态，props是不变的，通常将父组件设置为state，子组件设置为props；React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一...
原创
发布博客 2020.05.06 ·
247 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

使用vue实现吸顶效果

使用到的知识点// 获取吸顶元素的domlet header = this.$refs.header;// 吸顶元素到top的距离this.offsetTop = header.offsetTop;// 元素自身的高度this.offsetHeight = header.offsetHeight;// 监听滚动条window.addEventListener("scroll", ...
原创
发布博客 2020.05.06 ·
2401 阅读 ·
3 点赞 ·
1 评论 ·
13 收藏

vue-router学习

helloworld<div> <div> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> </div> <router-vie...
原创
发布博客 2020.05.06 ·
336 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue插槽

Vue插槽（vue2.6及以后版本，新版插槽v-slot）默认插槽没有名字的插槽// 父组件<template> <p>默认插槽</p></template>// 子组件<slot></slot>具名插槽带名字的插槽// 父组件<template v-slot:title> ...
原创
发布博客 2020.05.06 ·
94 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue组件通信之sync学习

sync其实是一种语法糖，可以很简单的使用子组件与父组件的通信知识点：当子组件想要修改父组件数据时，只用使用 this.$emit('update:dataName', dataValue)这种方式去通知父组件，父组件上不需要做任何操作。下面上代码父组件<template> <div> <div>父组件中 {{ name }}</di...
原创
发布博客 2020.05.06 ·
374 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue插件学习

vue的插件通常是用来添加全局功能，插件按功能分一般有：1、添加全局方法或属性2、添加全局属性：指令、过滤器、过渡3、通过全局混入来添加一些组件选项4、添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现使用插件1、使用import引入插件2、Vue.use(插件名称)开发插件Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个...
原创
发布博客 2020.05.06 ·
160 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

计算属性vs方法

计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值。而每当触发重新渲染时，调用方法总会再次执行函数。<div>计算属性方式：{{ reveres1 }}</div><div>方法方式：{{ reveresMethod2() }}</div><button @click="() => $for...
原创
发布博客 2020.05.06 ·
174 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

计算属性VS侦听器

区别计算属性（computed）:改变一个或多个响应式元素的值，去修改一个响应式元素的值侦听器（watch）:改变一个响应式元素的值，去修改多个响应式元素的值实例<div> <input v-model="firstName" /> <br /> <input v-model="lastName" /> &...
原创
发布博客 2020.05.06 ·
165 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vuex学习

使用vuex也有一段时间了，今天总结一下vuex的使用vuex有5个核心概念state ``````getter``````mutation``````action``````modulestatethis.$store.state.xxx或者使用mapStategetterthis.$store.getters.xxx或者使用mapGettermutationthis....
原创
发布博客 2020.05.06 ·
135 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue中key的作用

我们先看一下vue官方文档中对key的介绍key 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。其实看完这段文档就大概知道key到底有什么用了，v...
原创
发布博客 2020.05.05 ·
568 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

vue缓存机制之动态keep-alive

使用keep-alive包裹动态组件时，会缓存不活动的组件。但是有些情况下希望使用keep-alive包裹的动态组件有些页面需要缓存，有些页面不需要缓存那该怎么做呢？vue的官方文档提供了include和exclude来解决这个问题。具体案例但是，还是解决不了一些特殊的问题：如一. 用户前进时，总是进入新的页面。（比如在合同列表页反复加载多次列表之后，进入其中一个合同详情，再返回时，应...
原创
发布博客 2020.05.05 ·
237 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue过滤器

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 -->&l...
原创
发布博客 2020.05.05 ·
125 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vuex helloWorld

1、使用前需要在项目中安装一下vuexnpm install vuex --save 或 cnpm install vuex --save2、需要了解一下vuex是什么以及vuex提出的几个概念(1)、vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。(...
原创
发布博客 2020.05.05 ·
175 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue计算属性、侦听器、插槽

计算属性（computed）计算结果并返回，只有当被计算的值发生改变时才会触发(即：计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算)主要用于处理计算逻辑比较复杂的运算，计算属性默认只有getter方法，如果需要你也可以加一个setter方法computed: { fullName: { // getter get: function () { ...
原创
发布博客 2020.05.05 ·
438 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue中的prop

学习vue有一段时间了，也写了一些东西。今天看文档突然看到了一个好玩的东西，那就是prop。prop的作用是父组件中引用了子组件并给子组件加了一个属性，这个属性可以是静态的，可以是动态的，可以是数字，可以是字符串，可以是数组，还可以是对象。接下来就展示改怎么用。传静态的属性子组件：<template> <div> <h1>{{ msg }}&l...
原创
发布博客 2020.05.05 ·
320 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

vue中ref的作用

vue中的ref其实功能很强大，下面介绍一下如何使用。基本用法，本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div...
原创
发布博客 2020.05.05 ·
246 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue组件传参

父子组件通信1、父组件给子组件传递数据，请查看下面这篇文章 vue中的prop2、子组件给父组件传递数据（一般不推荐）需要借助 emit 事件，可以传递数据和调用父组件的方法兄弟组件通信兄弟组件之间的通行需要借助第三方，如bus.jsbus.jsimport Vue from 'vue';// 使用 Event Busconst bus = new Vue();expo...
原创
发布博客 2020.05.05 ·
183 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

防抖

原理防抖的原理是：你尽管触发事件，但是我一定要在事件触发n秒之后才执行，如果你在一个事件触发的n秒内又触发了这个事件，那我就以新的事件的时间为准，n秒后再执行。总之，就是要等到你触发完事件n秒内不再触发事件，我才执行。案例<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charse...
原创
发布博客 2020.05.05 ·
964 阅读 ·
2 点赞 ·
0 评论 ·
6 收藏
加载更多