Mr_cui_-CSDN博客

原创 Node中操作MongoDB

const mongoose = require('mongoose');//连接数据库mongoose.connect('mongodb://localhost/test',{useNewUrlParser: true, useUnifiedTopology: true});const Schema = mongoose.Schema;const UserSchema = new Schema({ username: { type: String, required: t

2020-05-24 21:14:17 130

原创 JSONP跨域请求的封装

function jsonp(options) { var script = document.createElement('script'); //每次返回的结果用不同函数来接受。函数名相同则会覆盖window下面的的同函数 var fnName = 'Jsonp' + Math.random().toString().replace('.',''); //利用window对象让局部作用于下的函数变为全局作用域。 var parmgs = ''; for(

2020-05-24 21:00:47 160

原创封装一个Ajax

function ajax(options){ var defaults = { type: 'get', header: { 'Content-Type': 'application/x-www-form-urlencoded' }, date: {}, url: '', success: function() {}, error: function()

2020-05-24 20:59:34 148

原创 JQuery的常用代码

jquery 获取元素属性 $("div").prop("class")$("div").attr("index");获取元素内容$("input[type="text"]").val()$("div").text();$("div").html();$("div").find(".") //获取所有子节点...$("div").children("")//获取子节点...$("div").parents(".") //获取所有父节点...$("div").parent(".") //

2020-05-24 20:52:39 174

原创项目上线的配置

vue中引入better-scroll cnpm install better-scrollvue中引入Bootstrap：1.安装bootstrap框架 cnpm install bootstrap2.Bootstrap的dropdown插件是依赖popper.js 所以得安装这个插件cnpm install popper.js3.webpack.config.js中得plugins中配置： new webpack.ProvidePlugin({ Popper: ['poppe

2020-05-24 16:00:49 212

原创关于webpack.config.js的分离写法

1.需用用到一个包来协助。webpack-merge --save–dev2. dev环境配置 build环境配置公共的环境配置3. 引入公共环境配置利用这个包对dev/build和公共的配置进行拼接。4.const webpackMerge = require('webpack-merge');const baseConfig = require('./base.config.js')module.exports = webpackMerge(baseConfig,{ //webpac

2020-05-24 15:43:29 238

原创 webpack对应的package.json

{“name”: “webpack-app”,“version”: “1.0.0”,“description”: “”,“main”: “main.js”,“scripts”: {“test”: “echo “Error: no test specified” && exit 1”,“build”: “webpack”,“dev”: “webpack-dev-server”},“author”: “”,“devDependencies”: {“@babel/core”

2020-05-24 15:34:13 241

原创 webpack.config.js

//当前文件要放在根目录中而且文件名必须是webpack.config.jsconst path = require(‘path’);//导入webpack 利用这个可以对weabpack做一些扩充配置一些组件(和loader没关系)const webpack = require(‘webpack’);//导入组件：映射index.htmlconst Htmlwebpackplugin = require(‘html-webpack-plugin’)//导入插件：压缩index.htmlco

2020-05-24 15:22:17 245

原创关于Vue

Vue的生命周期生命周期函数：有以下这多种(1)created ：组件刚创建完毕无dom 有data 有methods(2)mounted: 组件挂载到dom上面有dom 有data 有methods(2)beforeCreat: 组件创建之前(3)beforeMount: 组件挂载到dom上面之前(4)activated：进入组件(5)deactivated 离开组件(...

2020-05-04 14:39:35 109

原创 Web模块化开发

在传统的网页开发中：我们假设有俩个人一起开发一个项目，俩个人有俩份js代码，最终会插入到一个HTML中，如果第一个人声明的变量和第二个人声明的变量名相同，那必然会产生冲突，所以我们必须采取模块化开发。步骤即使：将代码都写入无名函数(function(){})()中，就形成了自己的作用域，但是如果第一个人写了第二份js代码，那么他就用不到他写的第一份代码里面的变量，这个时候都可以采用一种导出/导...

2020-04-12 18:29:34 354

Mr_cui_的博客