react脚手架 1、安装react脚手架 npm install create-react-app -g 2、创建项目 create-react-app project 3、运行 npm start 问题: 解决:修改javascript language 修改后重新运行webstrom,若仍然报错,使用淘宝镜像重新下载,重复以上操作 cnpm install create-react-app -g ...
配置代理 解决跨域 module.exports = { runtimeCompiler: true, publicPath: '/', // 设置打包文件相对路径 devServer: { // open: process.platform === 'darwin', // host: 'localhost', port: 8080, ...
axios的下载使用 1.在当前项目根目录下打开终端,下载axios npm install axios -s 2.下载成功后,配置文件出现相应依赖 3.在src文件下的main.js文件中导入axios import axios from 'axios' Vue.prototype.$axios= axios 4.在组件中直接使用axios created(){ this.$axios(...
element-ui安装及使用 1.在项目根目录下载element-ui npm i element-ui -S 2.引入 Element import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); new Vue({ el: '...
vue笔记 1.数据筛选 新数组=原数组.filter(p=>p.name.indexOf(筛选条件)>=0) <p>{{number|过滤器名称}}</p> Vue.filter('过滤器名称',function (value) { return value>0 //返回大于0的数据 }) 2.数据排序 原数组.sort(fun...
vue-cli脚手架 vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板 安装过程: 首先需要安装node.js和npm最新版 再安装脚手架 1.打开电脑的终端界面,全局安装vue脚手架 npm install -g @vue/cli 卸载vue npm uninstall -g @vue/cli 2.检查安装情况 vue --version 3.进入预创建项目的目录文件夹 ...
文件上传 form表单上传 1,单文件上传 html <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="myfile" multiple="multiple"> <button>提交</button&...
原生JS封装ajax方法 封装函数 function ajax(opt) { opt = opt || {}; opt.method= opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; opt.async = opt.async || true; ...
原生Ajax请求 1、使用nodejs配置本地服务器 2、在浏览器运行程序,并发送数据请求 3、在路由中拦截请求,调用控制器中相应方法getStuData,返回数据 router.get("/student.do",stuCtrl.getStuData) 4、使用ajax获得数据 function getData() { // 获取ajax对象 if(...
jQuery的Ajax方法 $.ajax({ type: "post",请求方式 url: "/zhifu",请求地 async:false,默认为true,表示异步。如果为false,表示为同步 data:{},发送给服务器的数据,自动转为字符串格式 success: function(data){ ...
nodejs搭建简易服务器 1.下载webstorm,安装详情可参考 https://blog.csdn.net/weixin_39150852/article/details/83142523 2.官网下载nodejs,按照默认顺序安装 3.打开webstorm创建一个新项目 4.创建一个新的文件夹,结构目录如下 5.打开webstorm左下方的Terminal(相当于windows的cmd终端),进入day03目录下 ...
mysql基本操作 表是关系型数据的核心 行为实体 列是属性 创建数据库 create database 数据库名 创建表 create table 表名 使用数据库 use 数据库名称 删除数据库 drop database 数据库名 删除表 drop table 表名 数据类型 整数 int 浮点 float 字符串 char() varchar() 日期 date 年月日 ,datatime...
阻止冒泡,默认行为 阻止事件冒泡 window.event.cancelBubble=true;//IE特有,谷歌支持,火狐不支持 event.stopPropagation();//谷歌和火狐支持,阻止事件冒泡但不组织事件本身 兼容性代码: function stopBubble(e) { if ( e && e.stopPropagation ) { e.stopPropagat...
jQuery随笔 基本的jQuery方法 获取和设置html $("选择器").html() $("选择器").html("我要添加的html文本结构") 获取和设置input的值 $("选择器").val() $("选择器").val("值") 获取和设置属性 $("选择器").attr() 1.设置单个属性 $("选择器").attr( “属性”,“属性值”, }) 2.设置多个属性 $("选择器"...
js练习题 1.找出100–999里面有多少个水仙花数,分别输出这些水仙花数? <script> var c=0 for (var i=100;i<999;i++){ var bai=parseInt(i/100); shi=parseInt(i%100/10); ge=parseInt(...