- 博客(19)
- 资源 (4)
- 收藏
- 关注
原创 前端那些好看的视觉效果集合
1.视觉滚动差https://www.bilibili.com/video/BV1Yt4y127Ds<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t
2020-07-28 21:46:50 1459
原创 使用 sequelize 操作 MYSQL 数据库
https://sequelize.org/https://sequelize.org/mkdir mysql-koanpm init -ynpm install [email protected] -Dnpm install [email protected] -D新建一个 src 文件夹,里面新建一个 seq.jsconst { Sequelize, } = require('sequelize');const conf = { host: 'localhost', dialect:
2020-07-26 13:48:01 529
原创 npm install sequelize -D npm ERR! code ENOSELF npm ERR! Refusing to install package with name “sequ
事情是这样的,今天早上打算使用 sequelize ,操作 mysql 数据库,安装 sequelize 的时候开始报错了。我以为是自己的名称写错了。但是我上 npm 上面寻找安装方法,结果复制粘贴上的也没有用。PS D:\nodejs\sequelize> npm install sequelize -Dnpm ERR! code ENOSELFnpm ERR! Refusing to install package with name "sequelize" under a package
2020-07-26 08:50:44 265
原创 使用 uni-app + uniCloud 初始化项目
uni-app 官网uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。本项目使用 HBuilderX 作为开发工具(uni-app 自家的产品嘛)一款神奇的编辑器这样我们就可以运行在自己想要运行的平台上了。补充:uniCloud 开发需要开发者进行账号的注册和身份认证uniCloud 注册链接...
2020-07-25 19:30:26 2083
原创 CSS实现新拟态效果
新拟态是一种图形样式,其原理是为界面的UI元素赋予真实感。原生名词有几个叫法,Neumorphism / soft ui,翻译过来是新拟态或者是软ui。国内的翻译叫,新拟物风格。Neumorphism,是New +Skeuomorphism的组合词。不得不说,这样的效果确实很不错,那么使用 CSS 该如何实现呢?推荐一个网站,https://neumorphism.io/#e6eef4在这个网站可以非常方便实现新拟态。我自己实现的效果????????????????????<!DOC
2020-07-21 21:09:35 4139 1
原创 vue + node + WebSocket 实现聊天室功能
前端代码<template> <div class="chat-box"> <header>聊天室人数:{{count}}</header> <div class="msg-box" ref="msg-box"> <div v-for="(i,index) in list" :key="index" class="msg" :style="i.u
2020-07-20 21:49:45 1348
原创 微信小程序中使用 iconfont 图标的四种方法
1. 先去 iconfont 官网选择自己需要的图标,添加到项目中点击红框在浏览器中输入地址,得到的文件另存为 iconfont.wxss,放入项目的根目录下打开 app.wxss@import "iconfont.wxss"现在分两种情况,第一种是在 pages 下的 .wxml 中使用,第二种是在 components 下的 .wxml 中使用。第一种<text class="iconfont icon-fabu"></text>后面的名称可以在 i
2020-07-20 20:24:33 5501
原创 微信小程序云开发遇到的 bug
1. 微信小程序云开发|Error: ResourceNotFound.FunctionName, FunctionName 指定的资源不存在。 (ba44dbba-7730-4209-9a18-6111f手动创建一个空的文件夹(名字与要上传的文件夹名字相同!!!)之后重新上传你的文件夹就解决了。2. Uncaught (in promise) Error: errCode: -501005 invalid env | errMsg: Environment not found这个填的是环境的
2020-07-18 16:57:15 2117
原创 react + electron 使用 react-simplemde-editor 报错 Uncaught TypeError: string.split is not a function
Uncaught TypeError: string.split is not a function at splitLinesAuto (codemirror.js:681) at Doc.splitLines (codemirror.js:6461) at Doc.<anonymous> (codemirror.js:6115) at Doc.setValue (codemirror.js:3942) at EasyMDE.push../node_mo
2020-07-18 13:52:33 1074
原创 react 结合 electron创建桌面应用
node 12.15.0npx create-react-app cloud-docnpm install electron --save-devnpm install electron-is-dev --save-dev根目录下新建一个 main.js 文件const { app, BrowserWindow } = require('electron')const isDev = require('electron-is-dev')let mainWindow;app.on('read
2020-07-17 10:57:55 196
原创 reveal.js 入门使用方法
程序员做PPT不需要 PowerPoint,reveal.js是能够让我们很轻易地使用 HTML 创建一个漂亮的演示文稿的插件1. 上官网 https://revealjs.com/2. 下载 https://github.com/hakimel/reveal.js/releases我下载的是最新版(4.0.2)解压到相对应的文件夹,3. 新建一个文件夹,将 dist,plugin 文件夹移过去。新建 index.html,因为要用到图片比较多,可以在根目录下新建一个 img 文件夹。之后的目录
2020-07-15 08:22:20 7028 2
原创 react 基础开发遇到的 bug
1.使用 styled-components报错信息Failed to compile./src/style.jsAttempted import error: 'injectGlobal' is not exported from 'styled-components'.报错代码import { injectGlobal } from 'styled-components';injectGlobal` html, body, div, span, applet, object, ifr
2020-07-13 09:01:08 510 3
原创 使用Vuepress + Gitee 搭建静态网站
VuePressVue 驱动的静态网站生成器请确保你的 Node.js 版本 >= 8.6。全局安装npm install -g vuepress创建项目文件夹mkdir vuepress-demo cd vuepress-demo初始化项目 npm init -y改写package.json{ "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" }.
2020-07-08 08:38:58 500
原创 使用 react 和 react-hooks 编写 TODOList
运行npx create-react-app todolist等待安装npm start开启3000端口修改目录index.js入口文件import React from 'react';import ReactDOM from 'react-dom';import TodoList from './TodoList.js';// import App from './App.js';ReactDOM.render( <React.StrictMode> .
2020-07-05 16:59:25 396
原创 数据库课程设计之图书管理系统
1 课程设计项目介绍高校拥有一个小型图书馆,为全校师生提供一个阅读、学习的空间。近年来,随着生源不断扩大,图书馆的规模也随之扩大,图书数量也相应地大量增加,有关图书的各种信息成倍增加。面对如此庞大的信息量,校领导决定使用一套合理、有效、规范、实用的图书馆管理系统,对校内图书资料进行统一、集中的管理。我们团队开发一个图书馆管理系统,其开发宗旨是实现图书管理的系统化、规范化和自动化,达成图书资料集中、统一管理的目标。2 总体设计针对一般图书管理系统的需求,通过对图书管理工作过程的内容和数据流程分析,设计如
2020-07-04 15:56:15 13544 5
原创 数据结构课程设计之括号匹配
####题目括号匹配问题,假设一个算术表达式中包含圆括号、方括号和花括号三种类型的括号,编写一个函数,用来判别表达式中括号是否正确匹配#include <stdio.h>#include <stdlib.h>#define MAXSIZE 100typedef char SElemType;#define OK 0#define ERROR 1#define OVERFLOW -2typedef int Status; typedef struct{
2020-07-04 15:45:33 1202
原创 数据结构课程设计之运动会计分系统
题目参加运动会,有n个学校,学校编号为1, 2, …, n,比赛分为m个男子项目和w个女子项目,项目编号为男子1, 2, …, n,女子m + 1, m + 2, ,…, m + w.不同的项目,取前五名或前三名积分与前五名的积分分为7,5, 3, 2, 1,前三名的积分分别5, 3, 2;#include<iostream>#include<string>#include<iomanip>#include<fstream>#include<
2020-07-04 15:34:43 2625 4
原创 前端酷炫效果之那些惊艳你的 hover
https://gitee.com/suiboyu/codes/s5avrqt2bf74e96wx8dgz28原文链接:https://codepen.io/jouanmarcel/pen/NLgVjmhttps://gitee.com/suiboyu/codes/26fa0c3r9idnohv5uexl162原文链接:https://codepen.io/littlesnippets/pen/dGVQvBhttps://gitee.com/suiboyu/codes/kifpcxl79n2h.
2020-07-04 08:22:52 447
原创 Vue实现翻动卡片小游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Card Game</title> <link rel="stylesheet" href="https.
2020-07-04 07:34:54 1207
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人