- 博客(43)
- 收藏
- 关注
RSS订阅原创 koa+Vite+vue3+ts+pinia构建项目
注：Vite 需要版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
2023-03-13 19:31:47
607
原创 nuxt.js启动服务只能localhost:3000访问，不能通过本地ip访问
需要在package.json的配置文件中配置"config": { "nuxt": { "host": "0.0.0.0", "port": 3000 }}
2019-07-04 15:20:14
5812
3
原创 React 的父子组件之间的通信
一、父子组件之间的通信1、父组件传递给子组件a. 父组件通过属性的形式绑定b.子组件通过this.props[属性]接收2、子组件传递给父组件a. 子组件调用父组件传递过来的方法b. 父组件通过属性的形式绑定方法(函数)二、渲染包裹着两个元素，可使用<React.Fragment> <div> <b...
2019-05-23 19:25:58
280
原创 react - 脚手架
1.安装脚手架前需要安装node,npm2. 全局安装react 脚手架 npm install create-react-app -g3. 利用脚手架创建项目create-react-app react_project4. 启动项目# npm npm run start# yarnyarn start5. 默认监听端口为3000http://lo...
2019-04-30 10:52:32
195
原创 Nuxt.js 启动服务配置ip访问、端口号
Nuxt.js 的相关文档https://zh.nuxtjs.org/package.json文件的配置{ "name": "test", "version": "1.0.0", "description": "My premium Nuxt.js project", "author": "sintina", "private": true, "scripts...
2019-04-15 10:46:32
5048
原创 浏览器关闭前的监听回调-onbeforeunload
浏览器关闭窗口，弹出提示框window.onbeforeunload=function(event){ var e = window.event || event; e.returnValue = '确定关闭么？'}如浏览器关闭窗口前回调，但不弹提示窗window.onbeforeunload=function(event){ /*执行其他程序*/ ...
2019-04-09 18:50:37
4891
原创 vue-cli3.0 快速搭建项目
一、安装vue工具使用NPM安装Vue大型项目，可通过安装vue提供的配套工具npm install vue二、Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架1、安装vue-cli官方文档：https://cli.vuejs.org/zh/guide/installation.html2、快速搭建项目vue create my-pr...
2019-02-26 14:42:21
187
原创 长按鼠标滑动实现滚动
let isMousedown = false;let mouseStarX = 0;let materialMainContainer = document.getElementById('materialMainContainer');function mousedown (event) { isMousedown = true; mouseStarX = event....
2019-01-16 19:15:18
1330
原创 大文件实现分片上传
1、jq实现let time = parseInt(new Date().getTime()/1000) + '' + parseInt(Math.random() * 1000); // 文件名function upload (file, num) { let formData = new FormData(); let chunkTotal = Math.ceil(fi...
2019-01-11 11:39:13
1603
原创 Axios实现FormData的数据保存
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。1、axios的配置 （config.js）import axios from 'axios';// let apiBaseUrl = process.env.BASE_API_URLconst instance = axios.create({ timeout: 30000,...
2019-01-11 11:05:24
914
原创 CenterOS下安装NodeJS
On RHEL, CentOS or Fedora, for Node.js v8 LTScurl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -Then install:sudo yum -y install nodejs安装生成工具sudo yum install gcc-c++ make...
2018-07-11 09:55:00
928
1
原创 两位小数的正则验证和整数的正则
let PriceNumberInput = document.getElementById('priceInput')let priceNumber = PriceNumberInput.valuelet regStrs = [ ['[^\\d\\.]+$', ''], // 禁止录入任何非数字和点 ['\\.(\\d?)\\.+', '.$1'], // 禁止录入两个以上的点...
2018-05-29 10:51:53
2734
原创 Vue的核心插件--Vuex
Vue的核心插件--Vuex一、Vuex是什么？Vuex是一个专为Vue.js应用程序开发的状态管理模式。Vuex存储着应用的state(即数据源data)，在view视图上渲染或展示，通过view的修改可将VueX的state进行修改并保存(单向数据流)二、安装Vuexnpm install vuex --save-dev三、创建storeVue.use(Vuex) //vue应用vuex模块...
2018-04-02 14:13:58
539
原创 vue项目开发的目录结构
vue项目开发的目录结构一、通过命令行工具安装vue（npm install webpack vue-project） build -- 项目构建的相关代码config -- 配置目录，包括端口、环境等的配置src -- 开发的主要目录 -- asset : 放置一些图片 -- components ：主要放置一些常用的组件文件...
2018-03-28 18:55:02
7070
原创 web前端实现@提醒功能
web前端实现@提醒功能@xxx功能很多地方用到，比如微博、微信、qq这些通信的都有用到，那么这个功能是如何实现的？在开始实现功能前，先整理一下思路：输入@后将列表选择框显示出来点击选择框中的选项时，返回输入框在输入框中显示@xxx将光标放置@xxx之后删除@xxx时需要整个@xxx一起删除需要考虑兼容性问题主要涉及的方法技术点：获取Selection对象，Selection对象表示页面中的文本选...
2018-03-07 13:17:19
5472
2
原创 Vue移动端的适配
Vue移动端的适配一、通过原生js设置html的font-size属性1. 创建公共js文件(global.js)function setHtmlFontSize() { const screenWidth = document.documentElement.clientWidth || document.body.clientWidth; document.getElement...
2018-03-05 18:58:33
1229
原创 vue.js+vue-router创建单页运用
vue.js+vue-router创建单页运用一、安装npm install vue-router二、router的运用1. 在子组件中监听路由变化export default { name: 'app', computed:mapGetters(['loading','shownav']), //监听路由的变化 watch:{ $route(to,from...
2018-03-02 12:28:47
313
原创 Vue的小白项目开发Demo
Vue的小白项目开发Demo一、安装并创建应用程序1. 全局安装Node.js2. 全局安装vue-clinpm install --global vue-cli3. 创建一个基于webpack的新项目(应用)vue init webpack my-project4. 进入目录并安装依赖包cd my-projectnpm install5. 启动应用npm run dev //由package....
2018-02-28 18:43:45
3056
原创 Express 应用生成器
Express 应用生成器express-generator 能够快速创建一个Express应用框架1.全局安装express-generatornpm install express-generator -g2.在指定目录下创建一个命名为myProject的应用(即目录名为myProject的应用)express myapp3.进入创建的目录并安装所有依赖包cd myProjectnpm in...
2018-02-27 18:20:46
637
原创 Node.js请求接口前进行登录的判断
一、第一次登录Node.js ---- controller.js//公共变量var express = require('express');var router = express.Router();var request = require('request');//node.js的跨域请求const path = require('path');const.apiGateway =...
2018-02-26 14:05:45
2325
原创 socket.io -- 通信
WebSocket 是一种网络通信协议，很多高级功能都需要它。HTTP协议有一个缺陷，通信只能由客户端发起。而Websocket协议在2011年成为国际标准。所有浏览器支持了。它最大的特点是：服务器可以主动向客户端推送消息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。目前所有的主流Web语言都有对WebSocket做很好的支持，其中也有很多优秀的通讯框架可以任你挑选，因此万万不可畏惧它的存在，除非你真的想用Ajax轮询去解决消息I/O。WebSocket会使得你的消息接
2017-12-13 14:13:09
577
原创 vue-router2
一、安装1. 直接下载/CDNhttps://unpkg.com/[email protected]/dist/vue-router.js在Vue后面加载vue-router2. npm安装npm install vue-router如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：import Vue from 'v
2017-11-27 16:24:38
233
原创 npm 的命令以及 pageage.json的scripts字段
前端项目往往依赖很多打包工具、部署工具，比如webpack、grunt、gulp等等。在这些打包工具里头，有这各自的命令操作。那么面对这种情况，不同的项目不同的命令操作，我们可以将其命令封装到npm脚本(npm scripts)。
2017-11-24 11:17:09
1857
原创 webpack配置选项的设置
使用不同语言进行配置webpack接受多种编程和数据语言编写的配置文件。1.TypeScript使用TypeScript编写webpack的配置文件，必须先安装相关依赖：命令行npm进行安装：npm install --save-dev typescript ts-node @types/node @types/webpackwebpack.config.ts
2017-11-24 10:14:45
671
原创 webpack 模块打包器
webpack的入门概念webpack是现代Javascript应用程序的模块打包器。当webpack处理程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个bundle。webpack的配置可在webpack.config.js文件进行设置。
2017-11-23 10:49:43
438
原创 MongoDB的多表关联查询
Mongoose的多表关联查询首先，我们回忆一下，MySQL多表关联查询的语句：student表：calss表：通过student的classId关联进行查询学生名称，班级的数据：SELECT student.name,student.age,class.name FROM student,class WHERE student.classId = class.id
2017-11-10 18:31:59
74280
1
原创 clientX,pageX,screenX,offsetX,layerX,x的那些事
clientX,pageX,screenX,offsetX,layerX,x的那些事 event body,div{ padding: 0; margin: 0; } body{ border: 100px solid #0f0; } .wrap{ padding: 100px; } .father{
2017-10-31 11:05:58
795
原创 jQuery和javascript的那些宽高
width,innerWidth,outerWidth,scrollHeight,scrollTop那些事
2017-10-30 11:58:12
217
原创 自动注册路由
node.js/express自动注册路由/* * 自动注册路由 */ var filesList = []; var routesPath = path.join(__dirname,'routes'); getFileList(routesPath, filesList); /* *获取到所有文件的路径，存放在filesList数组...
2017-10-24 10:59:02
670
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人