web前端
关注
分享
扫一扫
文章平均质量分 57
qq_21976063
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
nuxtjs服务器部署ssr项目
打包项目npm run build将以下文件上传到服务器对应的工程目录安装依赖在项目根目录下执行npm install启动项目默认访问3000端口npm run start注意事项运行项目时可能会报以下错误Nuxt Fatal ErrorEnable vuex store by creating `store/index,js`解决方案在服务型项目根目录下创建空文件 store/index.js；再次启动项目...原创 2021-11-09 08:54:09 · 707 阅读 · 0 评论 -
react17+redux+react-router-dom实现路由拦截登录
创建全局redux store实例import { createStore, combineReducers, applyMiddleware } from 'redux'import logger from 'redux-logger'import storage from '../storage'import { authenticatedSuccess } from '../utils/session'const storageUserInfo: UserInfoType = storag原创 2021-06-21 15:04:19 · 1022 阅读 · 0 评论 -
React17+Mobx6实现TodoList一（class component）
一、介绍什么是mobx mobx是一款简单、可扩展的状态管理库；可应用于react大型项目中，便于项目的维护和管理。执行机制 ![mobx执行机制](https://img-blog.csdnimg.cn/20210611114102958.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIxOTc2MDYz,size_16,col原创 2021-06-11 15:19:32 · 718 阅读 · 2 评论 -
Vue实现组件自定义数据双向绑定
自定义v-model语法糖基本用法v-model默认方式：通过在组件上定义一个名为value的props,同时对外暴露一个名为input的事件。满足于基本的表单文本框数据绑定使用。组件源码<template> <div class="u-input"> <input :value="value" @change="$_handleChnage"/> </div></template><script&g原创 2020-07-07 11:13:48 · 628 阅读 · 0 评论 -
Vue实现全局loading指令开发
开发loading组件/src/components/Loading/index.vue<template> <transition name="u-loading-fade"> <div v-show="visible" class="u-loading-mask"> <div class="u-loading-spinner"> <img src="~@/assets/loading.gif"/>原创 2020-06-30 15:22:35 · 976 阅读 · 0 评论 -
Vue CLI3.x 配置sass全局变量
编写scss文件/src/styles/variable.scss$theme-color: #F00;安装依赖包npm install --save-dev node-sass sass-loader sass-resources-loader配置文件/vue.config.js（没有该文件的话请在项目根目录下新建）module.exports = { ..., css: { loaderOptions: { sass: { data: `@import "@/st原创 2020-06-28 09:49:01 · 667 阅读 · 0 评论 -
nodejs实现OAuth2模式第三方GitHub授权登录
第三方授权登录原理网页登录认证，请求后台服务器后台服务器重定向到GitHub认证GitHub服务器第三方认证GitHub服务器认证成功，回调带回认证状态code给后台服务器后台 服务器用code想GitHub服务器申请令牌申请成功，GitHub服务器向后台服务器返回认证令牌；后台服务器根据令牌获取GitHub用户信息刷新页面一、GitHub服务器配置 &...原创 2020-01-16 11:13:05 · 1790 阅读 · 1 评论 -
nodejs数据持久化--MongoDB（3）mongoose
// 依赖const mongoose = require('mongoose')// 连接mongoose.connect('mongodb://localhost:27017/test1', { useNewUrlParser: true})const conn = mongoose.connectionconn.on('error', (e) => { cons...原创 2020-01-10 09:54:00 · 189 阅读 · 0 评论 -
vue实现element-ui el-table表格导出excel文件
需求：将下表数据导出excel文件方法：一、安装依赖npm install --save xlsxnpm install --save file-saver二、添加属性标签添加ref属性，用于获取该元素el；也可添加id属性获取表格内容省略 <el-table ref="exportTableRef"> ... </el-table>三、添加方法...原创 2020-01-08 15:15:16 · 671 阅读 · 2 评论 -
nodejs数据持久化--MongoDB（2）案例实现
project│ index.html│ index.js└─model │ conf.js └─db.js数据库配置参数 conf.jsmodule.exports = { // 数据库地址 url: 'mongodb://localhost:27017', // 数据库名称 dbName: 'test'}数据库配置 db.jsconst conf...原创 2020-01-06 09:53:08 · 418 阅读 · 0 评论 -
nodejs数据持久化--MongoDB（1）原生操作
引入依赖const { MongoClient: MongoDB } = require('mongodb')创建数据库连接// 创建客户端const client = new MongoDB('mongodb://localhost:27017', { // 新老版本兼容 useNewUrlParser: true})// 连接ret = await client.c...原创 2020-01-03 17:31:03 · 226 阅读 · 0 评论 -
nodejs数据持久化--MySQL（2）Sequelize对象关系映射
引入依赖const Sequelize = require('sequelize')建立数据库连接// 建立连接const sequelize = new Sequelize('数据库名称', '用户名', '密码', { host: 'localhost', /* 数据库类型 'mysql' | 'mariadb' | 'postgres' | 'mssql' */ di...原创 2019-12-27 18:18:37 · 944 阅读 · 0 评论 -
nodejs数据持久化--MySQL（1）SQL原生操作
安装数据库依赖 mysql2地址npm install --save mysql2配置数据库连接const mysql = require('mysql2/promise')// 数据库连接配置const cfg = { host: 'localhost', user: 'root', password: 'ZSY4563695158', database: 'node...原创 2019-12-27 14:57:09 · 450 阅读 · 0 评论 -
nodejs数据持久化--文件系统
// 实现一个文件系统读写数据库const fs = require('fs')const path = require('path')// 文件名const jsonFile = path.resolve(__dirname, './db.json')// 读数据function get(key) { fs.readFile(jsonFile, (err, data) =&g...原创 2019-12-26 17:42:05 · 1021 阅读 · 1 评论 -
nodejs实现文件下载
文件目录结构index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-12-26 15:18:14 · 1448 阅读 · 0 评论 -
js实现短信验证码倒计时
// 倒计时function countDown() { let show = true let count = 0 let timer = null if (!show) return const TIME_COUNT = 15 if (!timer) { count = TIME_COUNT show = false timer = setInterval(() =&...原创 2019-12-19 17:35:03 · 355 阅读 · 0 评论 -
移动端rem响应式解决方案
设置meta标签<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">上述meta标签的每一个属性的详细介绍如下：属性名取值描述width正整数定义布局视口的宽度，单位...原创 2019-12-17 15:58:26 · 233 阅读 · 0 评论 -
vue + element-ui el-form在el-table中的表单验证
在开发过程中偶尔遇到el-table嵌套el-form，而且还需要表单验证的需求，如下图：解决方案：动态定义el-form-item的prop属性，保证唯一性，并设置独立的rules属性。<el-form-item :prop="'applyDataList.' + scope.$index + '.value3'" :rules="applyRules.value3">h...原创 2019-12-11 15:57:01 · 3880 阅读 · 0 评论 -
css设置文字超出显示省略号
单行超出省略.div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}多行超出省略.div{ -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: -o-ellipsis-lastline;...原创 2019-12-09 11:22:50 · 114 阅读 · 0 评论 -
理解js中的浅拷贝和深拷贝
JavaScript的变量类型Number Boolean String Null undefined Object Function基本类型Number Boolean String undefined null变量是直接按值存放的，存放在栈内存中的简单数据段，可以直接访问。引用类型Object Function存放在堆内存中的对象，变量保存...原创 2019-12-05 15:52:10 · 140 阅读 · 0 评论 -
vue3.0自定义字体图标使用
以往方法：在Iconfont官网中搜索所需图标添加入库添加至项目下载素材至本地页面中引入字体文件使用方法：<i class="iconfont user-icon"></i>缺点：项目想要添加新的图标时，需要重复上述操作并重新下载覆盖文件手动分割线解决方案：采用svg-sprite-loader自动加载打包，方便维护// 项目默认配置文件|...原创 2019-12-09 11:17:47 · 951 阅读 · 0 评论