![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
智江鹏
奇奇怪怪的我
展开
-
uniapp-第三方网络请求
1.在utils文件夹下新建config.js2.在utils文件夹下新建request.js3.在apis文件下新建login.js4.在页面中使用接口原创 2022-06-29 15:46:17 · 2389 阅读 · 1 评论 -
uniapp-路由uni-simple-router
okok原创 2022-06-29 15:47:56 · 12100 阅读 · 5 评论 -
uniapp-生命周期/路由跳转
....原创 2022-06-23 16:43:45 · 576 阅读 · 0 评论 -
uniapp-富文本编辑器
の原创 2022-06-23 16:17:59 · 7575 阅读 · 0 评论 -
uniapp-导入配置uview
1.点击导入 2.在弹出的弹窗中点击打开HbuilderX 3.选择你需要导入的项目,再点确定 4.然后你就可以在uni_modules文件中看到啦 5.下载后还需要配置文件,首先要确保你使用的是scss,如果不是,请在HbuilderX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装, 如不生效,重启HbuilderX即可 ① 引入uView主JS库在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。② 在引入uVi原创 2022-06-13 22:54:54 · 1213 阅读 · 0 评论 -
vue-vant使用
安装和配置# Vue 2 项目,安装 Vant 2:npm i vant -S # Vue 3 项目,安装 Vant 3:npm i vant@next -S自动按需引入组件(安装了就可以省略)配置babel-plugin-import插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式(官方推荐做法)# 安装插件npm i babel-plugin-import -D改配置plugins在项目.babelrc 文件或者babel....原创 2022-05-18 15:47:34 · 2393 阅读 · 0 评论 -
vue-cli 脚手架 2和3
介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)环境准备# 1.下载nodejs http://nodejs.cn/download/ windows系统: .msi 安装包(exe)指定安装位置 .zip(压缩包)直接解压缩指定目录 mac os 系统: .pkg 安装包格式自动配置环境变量 .tar.gz(压缩包)解压缩安装到指定名# 2.配置nodej...原创 2022-05-17 10:27:26 · 599 阅读 · 0 评论 -
bootstrop整理
BootStrap模板<!DOCTYPE html><html lang="en"> <head> <!--设置当前HTML文件的字符编码--> <!--compatible兼容的,设置浏览器的兼容模式版本(让IE使用最新的渲染引擎工作)--> <!--声明当前网页在移动端浏览器展示的相关设置--> <!-- viewport表示用户是否可以缩放页面 width指定视区的逻辑.原创 2022-05-09 15:52:42 · 458 阅读 · 0 评论 -
jwt使用
整个流程客户端工作1.将服务器下发的token保存到本地,然后在接下里的网络请求(将token加入到请求头中)发送给服务器服务器端工作1.下发token,解析token实际应用1.在登录验证通过后,给用户生成一个对应的随机token(注意这个token不是指jwt,可以用uuid等算法生成),然后将这个token作为key的一部分,用户信息作为value存入Redis,并设置过期时间,这个过期时间就是登录失效的时间2.将第1步中生成的随机token作为JWT...原创 2022-05-07 10:01:29 · 212 阅读 · 0 评论 -
tomcat部署vue前端项目
Tomcat建立文件夹1.在webapps文件夹下建立JL文件夹Vue项目修改请求的公共路径1.vue.config.js修改打包时的公共路径publicPath: process.env.NODE_ENV === "production" ? "/JL" : "/"Vue项目修改路由配置 base:process.env.VUE_APP_BASE_Title,//----------------------------------...原创 2022-05-05 13:24:59 · 1861 阅读 · 1 评论 -
vue- Form Generator表单代码生成
form-generator原创 2022-04-28 15:02:00 · 1024 阅读 · 0 评论 -
echarts图表使用
官网Apache ECharts下载安装npm install echarts --save简单使用<template> <div class=""> <div id="main" style="width: 600px;height:400px;"></div> </div></template><script> /** * author 大智...原创 2022-04-28 10:39:07 · 284 阅读 · 0 评论 -
vue-项目优化
网络请求添加进度条1.给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress2.main.js中添加代码npm install --save nprogress//导入进度条插件import NProgress from 'nprogress'//导入进度条样式(包里自带的)import 'nprogress/nprogress.css'.....//请求在到达服务器之前,先会调用use中的这个回调函数来添加请求头信息axios.intercepto.原创 2022-04-27 17:05:28 · 209 阅读 · 0 评论 -
1.Html基本控件介绍
主要介绍 input、select、textarea、label、fieldset、ul、ol、li等标签目录1.<input>标签:主要用于收集用户信息,可根据不同的type属性值,拥有多种形式。2.<select>标签:可创建单选或多选菜单,类似于winform的combox或listbox。3.<textarea>标签:多行文本区...原创 2019-08-23 23:19:44 · 1780 阅读 · 0 评论 -
2.CSS 常用属性
1.定位CSS position 属性1.默认定位:static 相对定位 绝对定位 固定定位position:static | relative | absolute |fixed 不定位 static元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。相对于自己的原位置定位(占用偏离前原位置)relative元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。 当前位置绝对定位(不占...原创 2022-03-09 16:36:14 · 113 阅读 · 0 评论 -
3.flex弹性布局
名词翻译align:对齐direction:方向wrap:包裹flow:流reverse:翻转row:行column:列content:内容justify:正面的stretch:拉直order:顺序grow:扩大shrink:缩小basis:基准指定为 Flex 布局设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效.box{ display: flex;}排列方向flex-d...原创 2022-03-10 08:30:36 · 149 阅读 · 0 评论 -
JS 基础
数据类型1. 基本数据类型:unll,undefined,boolean,number,string2. 复杂数据类型: object3. 5种引用类型:Array,Object,Function,Date,RegExp4. 3种基本包装类型:Boolean,Number,String5. 2种单体内置对象:Global,Mathtypeof 123 //Numbertypeof 'abc' //Stringtypeof true //Boo.原创 2022-03-17 11:42:03 · 969 阅读 · 0 评论 -
ES6的使用
ES6模块化规范中定义:1).每一个js文件都是独立的模块2).导入模块成员使用import关键字3).暴露模块成员使用export关键字4.不包含按需导出的成员默认导入/导出1.在一个模块中,只允许使用export default向外默认暴露一次成员2.如果在一个模块中没有向外暴露成员,其他模块引入该模块时将会得到一个空对象####A.默认导出 export default { 成员A, 成员B, ......原创 2022-04-27 09:03:59 · 715 阅读 · 0 评论 -
jquery使用
入口函数// 第一种: 简单易用。$(function () { ... // 此处是页面 DOM 加载完成的入口}) ; // 第二种: 繁琐,但是也可以实现$(document).ready(function(){ ... // 此处是页面DOM加载完成的入口});jQuery 对象和 DOM 对象1. 用原生 JS 获取来的对象就是 DOM 对象2. jQuery 方法获取的元素就是 jQuery 对象。3.只有 jQuery 对象才...原创 2022-04-14 15:29:51 · 1398 阅读 · 0 评论 -
基于JQ的ajax使用
get请求-单纯的function ajax_get() { $.get("http://localhost:8080/axiostest/get0", function(data, status) { console.log(data, status); }); } function ajax_get2() { $.get("http://www.liulongbin.top:3006/api/getbooks", fun.原创 2022-04-27 12:20:25 · 487 阅读 · 0 评论 -
前端网络请求框架
jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});axiosVue2.0之后,尤雨溪推荐大家用axios替换JQuery ajax,想必让axios进入了很多人的目光中。axios 是一个基于Promise 用于浏览器和 nodejs 的 HTT..原创 2022-03-23 15:29:34 · 434 阅读 · 0 评论 -
Promise
Promiseasync+await解决回调地狱问题1.Promise+async+awaitfunction resolveAfter5Seconds() { console.log('calling1'); return new Promise((resolve, reject) => { setTimeout(() => { var nums= Math.round(Math.random()*10) if(nu..原创 2022-04-23 23:13:10 · 61 阅读 · 0 评论 -
json-server 使用
json-server 概述 一个在前端本地运行,可以存储json数据的server, 通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建一个JSON服务,自己产生测试数据。 顾名思义,json-server就是个存储json数据的server~。 json-server网址:json-server - npm下载安装1. 使用npm全局安装json-servernpm instal...原创 2022-04-23 21:05:37 · 970 阅读 · 0 评论 -
12.nodejs
1.目录结构2.环境安装1.Node下载地址http://nodejs.cn/download/2.查看node安装的版本node -v3.查看npm安装版本npm -v4.设置npm下载安装包的位置,此目录要在path中配置,设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径npm config set prefix "C:\node\node_global"npm config set cache "C:\nod.原创 2022-03-09 18:15:40 · 743 阅读 · 0 评论 -
npm操作
//设置npm下载源npm config set registry https://registry.npm.taobao.org//获得npm下载源npm config get registry//下载cnmpnpm install -g cnpm --registry=https://registry.npm.taobao.org原创 2022-03-09 14:18:23 · 1977 阅读 · 0 评论 -
nrm使用
什么是nrmnrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。什么意思呢,npm默认情况下是使用npm官方源(使用npm config ls命令可以查看),在国内用这个源肯定是不靠谱的,一般我们都会用淘宝npm源:https://registry.npm.taobao.org/,修改源的方式也很简单,在终端输入:npm set registry https://registry.npm.taobao.org/再npm config ls查看,已经切换成功。那么,问.原创 2022-04-25 14:31:52 · 1456 阅读 · 0 评论 -
vue-基础
v-cloak防止页面加载时出现闪烁问题 <!-- Vue 中只有在标签的 内容中 才用插值语法 --> <div v-cloak >{{msg}}</div>v-text1.v-text指令用于将数据填充到标签中,作用于插值表达式类似,但是没有闪动问题2.此处为单向绑定,数据对象上的值改变,插值会发生变化;但是当插值发生变化并不会影响数据对象的值 <p v-text="msg"></p>v-ht.原创 2022-04-26 15:49:17 · 137 阅读 · 0 评论 -
vue-工程项目结构
components文件夹用来存放Vue 组件。个人建议,把每一个组件中使用到的image图片放置到对应的组件子文件目录下,便于统一的管理Node_modules/npm安装的该项目的依赖库vuex/文件夹存放的是和 Vuex store 相关的东西(state对象,actions,mutations)router/文件夹存放的是跟vue-router相关的路由配置项build/文件是 webpack 的打包编译配置文件static/文件夹存放一.原创 2022-04-26 17:23:56 · 8698 阅读 · 1 评论 -
vue-cli2和vue-cli3的区别
vue-cli2和vue-cli3比较1.vue-cli3比vue-cli2少了build、config、static目录,多了public目录创建项目方式2.0的安装:vue init webpack projectname3.0的安装:vue create projectname启动方式2.0是通过:npm run dev启动流程:npm run dev启动过程3.0是:npm run serve启动流程:https://blog.csdn.ne...原创 2022-04-26 17:31:08 · 1694 阅读 · 0 评论 -
vue-router
使用方法###4.Vue Router的使用步骤(★★★)A.导入js文件<script src="lib/vue_2.5.22.js"></script><script src="lib/vue-router_3.0.2.js"></script>B.添加路由链接:<router-link>是路由中提供的标签,默认会被渲染为a标签,to属性默认被渲染为href属性,to属性的值会被渲染为#开头的hash地址<route.原创 2022-04-18 21:34:24 · 165 阅读 · 0 评论 -
vue-vuex
Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享引入//main.jsimport Vue from 'vue'import App from './App.vue'import store from './store'Vue.config.productionTip = falsenew Vue({ store, render: h => h(App)}).$mount('#app')//store.jsimpor.原创 2022-04-18 20:24:08 · 469 阅读 · 0 评论 -
Vue3.0 项目打包,启动
1.打包1.使用 vue ui打包(选择任务-选择build-选择运行)2.使用命令打包(vite build),本项目使用vite进行打包2.生成打包文件1.项目中会出现一个dist文件3.新建承载服务器1. 进入D盘,安装express-generator生成器执行 npm install express-generator -g 进行安装2. 创建一个express项目执行 express expressDemo (expres...原创 2022-03-25 11:05:43 · 5457 阅读 · 0 评论 -
vue-ui使用
1.查询是否安装Vue cli1.查询vue版本指令:vue -V返回:@vue/cli 5.0.42.查询不到版本,使用npm命令安装vue脚手架npm install -g @vue/cli2.新建项目文件1.桌面新建一个my_vue项目2.在项目按住Shift,鼠标点击右键3.选择 打开 powershell4.输入 vue ui(初次使用会出现问题)4.1执行:Get-ExecutionPolicy4.2执行Set-ExecutionPolicy...原创 2022-03-25 14:39:58 · 3007 阅读 · 0 评论 -
vue-axiox网络请求
Axios 介绍1.是基于Promise的HTTP客户端,可以在浏览器和Node.js中使用axios安装npm install axios客户端引入import axios from 'axios';服务器端引入const axios = require('axios');Get请求axios.get('http://localhost:3000') .then(res => { console.log..原创 2022-04-23 22:35:00 · 820 阅读 · 0 评论 -
11.Layui后台异步加载select下拉菜单
前端html页面 <label class="layui-form-label">服务器环境</label> <div class="layui-input-inline" style="width:150px;"> <select name="server" id="server"> ...原创 2019-09-05 14:35:43 · 5624 阅读 · 0 评论 -
12.layui分页查询
真分页前端分页展示数据,后端分页获取数据。前台向后台传递俩分页参数,一个curr,一个limitcase.html <div style="width: 95%;height: auto;min-height: 700px;margin-left: 15px" > <table class="layui-hide" id="caseListTable" la...原创 2019-09-05 15:25:32 · 1800 阅读 · 0 评论