- 博客(37)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 配置Nginx通过地址访问服务器目录文件
1，在nginx.conf配置文件加上圈中的代码 #加上下面这个直接可以把服务器变文件夹 location /upload { alias html/upload; autoindex on; }2，输入地址看效果
2021-07-08 15:11:30
3484
原创 uniapp使用微信JS-SDK分享功能
1，安装微信JS-jsdk 安装 npm install weixin-js-sdk 2，引入微信jsdk import jWeixin from 'weixin-js-sdk' //引入微信jsdk3，配置使用 在：this.reload()，load()，或初始化方法中调用 //H5分享 setShareConfig() { console.log('商品信息----》', this.detail) let getGoodsInfo =
2021-06-26 16:37:41
1552
原创 js字符串查询某个字符替换
这样只能替换第一个“a”字母<script language="javascript">var strM = "javascript is a good script language";//在此我想将字母a替换成字母Aalert(strM.replace("a","A"));</script>这样可以替换所有“a”字母。其中g为全局标志<script language="javascript">var strM = "javascript is a g
2021-06-17 15:35:46
1029
原创 VUE生命周期函数使用场景
生命周期运用场景created：进行ajax请求异步数据的获取、初始化数据mounted：挂载元素内dom节点的获取nextTick：针对单一事件更新数据后立即操作domupdated：任何数据的更新，如果要做统一的业务逻辑处理watch：监听具体数据变化，并做相应的处理nextTick作用：使用该函数可DOM操作（在修改数据之后立即使用这个方法，获取更新后的 DOM，进行操作） 通俗的理解是：更改数据后当你想立即使用js操作新的视图的时候需要使用它，对新DOM的js操作
2021-06-11 18:32:48
628
原创 vue生命周期函数
官方图详解<body> <div id="app"> <h3 id="h3">{{msg}}</h3> <input type="button" value="修改msg" @click="msg='No'"> </div> <script> var vm = new Vue({ el:'#app',
2021-06-11 16:10:57
216
原创 localStorage，sessionStorage使用
共同点1、localStorage和sessionStorage都是浏览器用来存储客户端临时信息的对象在本地。2、他们只能存储字符串类型的对象。3、不同浏览器无法共享localStorage或sessionStorage中的信息。4，在浏览器的隐私模式下无法读取。区别唯一的区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候， sessionStorage中的键值对会被清空。LocalStorage 1， 存储大小一般为5M
2021-06-11 11:51:51
238
1
原创 vue项目部署到Linux的Nginx，刷新或输入其他后缀地址报：nginx 404 Not Found
1，找到Nginx的配置文件Nginx.conf配置如下即可解决 location / { root html; #路径 index index.html index.htm; try_files $uri $uri/ /index.html; }Nginx.conf全部配置文件worker_processes 1;#pid logs/nginx.pid;events {
2021-06-11 10:43:02
537
原创 SpringBoot项目部署到Linux
1，IDEA中Meven打包，或命令运行打包： mvn clean install 或 mvn package 就可以打包 打包文件在target中2，打包好的 “XXXX.jar” 可执行文件，放在Linux服务器中，随便放哪里都可以，我自己在根目录新建myjava文件夹如果需要放到服务器运行 服务器xxx.jar目录下 再输入命令java -jar xxx.jar //这样可以用于服务器测试但是当我们关闭窗口,就会发现服务器上的服务断了所以得用另一种方式运行服务nohup j
2021-06-09 17:33:16
65
原创 vue嵌入html页面显示
1，html文件必须放到根目录的public下（有静态文件夹static的好像也可以，没试过）2，在使用的vue页面引入 <div> <iframe src="../../../../../beijing.html" frameborder="0" style="width: 100%; height: 100%" id="iframeBox" ></iframe> &l
2021-06-08 15:22:08
3809
2
原创 跟随鼠标移动的线条特效
代码放在里即可实现<script> !function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){ return document.getElementsByTagName(n) } function t(){ var t=e("script"),o=t.length,i=t[o-1]; return{ l:o,z:n(i,"zIndex",-1),o:n(i
2021-06-08 11:47:41
379
原创 Linux
命令登录服务器服务器： ssh root@39.108.176.220从windows传输文件到linux远程服务：用：scp 文件名 linux用户名@ip:目录 scp dist.zip root@39.108.176.220:/usr/local/nginx/html遇到问题:-bash: unzip: command not found （Linux 中 unZip/Zip 的安装及使用）解决：[root@WCUfJM105714 /]# yum install -y unzip
2021-06-06 19:33:49
71
原创 vue屏幕监测当前屏幕总高度,宽度
//分辨率适配 var _height =Number(window.screen.height); // this.clientHeight = _height * 2 -90 this.clientHeight = _height -45
2021-06-02 10:20:27
236
原创 VUE指定元素吸顶
1<template> <div> <ul> <li v-for="(item, index) in headerData" :key="index">{{ item }}</li> </ul> <!-- 这里需要给组件添加一个class，用于控制固定的位置，看css注释部分 --> <sticky-slot class="stickyTop"&
2021-06-01 15:49:23
331
原创 CSS笔记
文本标签第二行后缩进 text-indent: -2em; margin-left: 2em;HTML text标签超过行数 截取字符并显示省略号 overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 要显示的行数; -webkit-box-orient: vertical;...
2021-05-31 18:06:48
56
原创 vue封装接口，网络请求，router.js
1，接口 (api.js) 使用的话注册全局变量或者使用页面引入 export const baseUrl="https://xxxxxxxxxxx.cn/api/"; //线上 //export const baseUrl = "http://192.168.1.164:1800/api/"; //线下export const api = { "checkUserLogin": baseUrl + "Admin/check_user_login", //
2021-05-29 23:17:22
479
原创 Vue定义全局变量
定义import Vue from 'vue'import router from './router'import App from './App.vue'import './plugins/vueamap.js' // vue-amap 高德地图import './plugins/element.js' // elemnt组件import {post,get,put,deletes,toJson,isEmpty} from './plugins/http.js' // 请求方式中间件
2021-05-29 22:50:43
335
原创 七牛云，el-upload简易使用上传图片示例
1， el-upload图片上传回显<template> <div class="admin_form_main"> <el-form label-width="100px"> <el-form-item label="背景图"> <div class="imagess"> <el-upload :file-l
2021-05-29 22:40:25
182
原创 微信小程序图片视频上传
1,图片上传功能picUpload.wxml<!-- 上传 S --><view class="img-list"> <!-- 上传列表 --> <block wx:for="{{imgList}}" wx:key="index"> <view class="img-li"> <view class="img-li" bindtap="previewImg"> <
2021-05-20 13:20:44
506
原创 Win10按键位置修改
键位表Backspace 00 0ECaps Lock 00 3ADelete E0 53End E0 4FEnter 00 1CEscape 00 01HOME E0 47Insert E0 52Left Alt 00 38Left Ctrl 00 1DLeft Shift 00 2ALeft Windows E0 5BNum Lock 00 45Page Down E0 51Page Up E0 49Power E0 5EPrtSc E0 37Right Alt E0.
2021-04-27 23:51:01
2943
1
原创 html5图片上传预览
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="../js/plugins/jquery-3.5.0.min.js"></script>
2021-04-25 10:59:58
67
原创 ajax
1<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PU
2021-04-24 22:46:11
78
原创 jsp数据操作
添加<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%>
2021-04-24 22:42:09
192
原创 jQuery选择器
【jQuery 选择器】$("*")选取所有元素$(this)选取当前 HTML 元素$("p.intro")选取 class 为 intro 的 <p> 元素$("p:first")选取第一个 <p> 元素$("ul li:first")选取第一个 <ul> 元素的第一个 <li> 元素 $("ul li:first-child")选取每个 <ul> 元素的第一个 <li> 元素 $("[href]")选取带
2021-04-24 21:54:06
46
原创 jQuery基本操作
【获得内容 - text()、html() 以及 val()】三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值$("#btn1").click(function(){alert(“Text: " + $(”#test").text());});$("#btn2").click(function(){alert(“HTML: " + $
2021-04-24 12:22:18
69
原创 js获取当前点击的元素下标
jsvar detail = document.getElementsByClassName("detail"); for(var i =0;i<detail.length;i++){ detail[i].index = i; detail[i].onclick=function(){ alert(this.index) } }jQuery $(".detail").click(function(){
2021-04-24 11:04:42
1752
原创 uni-app分享微信图片压缩（图文方式分享微信不能超过20k）
//作用域，不写拿不到值 let that = this; //获取图片后压缩 uni.downloadFile({ url: that.imgUrlShare, success: function(images) { uni.compressImage({ src: images.tempFilePath, quality: 20, width: '60%', height: '60%',
2021-04-19 14:15:51
1187
原创 数组树状子节点显示在列表
<template> <div class="qingwu"> <el-table :data="list" @selection-change="handleSelectionChange" row-key="id" :lazy="true" :load="load" :tree-props="{ children: 'area', .
2021-04-17 23:21:42
132
原创 原生js处理 时间戳
createdtimeformat (value){ let date = new Date(value*1000) //字符串 //let date = new Date(value) let Y = date.getFullYear() let M = date.getMonth() +1 M = ( M < 10 ? '0' + M:M ) let D = (date.getDate() < 10 ? '0'
2021-04-17 22:51:35
107
原创 el-date-picker区间选择器使用
<el-form-item label="日期:"> <el-date-picker type="daterange" value-format="yyyy-MM-dd" v-model="info.dateValue" range-separator="-" start-placeholder="开始日期"
2021-04-15 13:35:33
140
原创 js字符串替换
js中字符串的替换在js中字符串全部替换可以用以下方法：两种区别：正则&常规str.replace(“需要替换的字符串”，“新字符串”)str.replace(/需要替换的字符串/g，“新字符串”)比如：“yyyy-MM-dd-hh-mm-ss”.replace("-","/")结果如下： “yyyy/MM-dd-hh-mm-ss”“yyyy-MM-dd-hh-mm-ss”.replace(/-/g,"/")结果如下：“yyyy/MM/dd/hh/mm/ss”综上：常规的替换
2021-04-15 11:23:11
201
原创 微信分享接口
只能在App使用<template> <view class="content"> <button class="renzheng" v-on:click="shareFriend">点击分享朋友</button> <button class="renzheng" v-on:click="shareFriendcricle">分享到微信朋友圈</button> <button class="renzheng" v-
2021-04-12 21:31:36
624
原创 element ＜el-cascader＞ 多级下拉框设置选中
多级下拉框默认选中<template> <div> <el-cascader v-model="place_value" :options="place_options"//绑定下拉框数据 style="width:400px"></el-cascader> </div></template><script>export default {dat
2021-04-10 23:41:10
892
1
原创 Vue中watch的简单应用
Vue.js 有一个方法 watch，它可以用来监测Vue实例上的数据变动。如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。demo1<template> <div> <el-input v-model="demo"></el-input> {{value}} </div></template><script> export default {
2021-04-09 10:24:47
43
原创 js字符串截取
示例1在下面示例中使用 lastIndexOf() 获取字符串的最后一个点号的下标位置，然后从其后的位置开始截取 4 个字符。var s = "http://c.biancheng.net/index.html";var b = s.substr(s.lastIndexOf(".") + 1,4); //截取最后一个点号后4个字符console.log(b); //返回子字符串“html”如果省略第二个参数，则表示截取从起始位置开始到结尾的所有字符。考虑到扩展名的长度不固定，省略第二个参数会
2021-04-08 11:29:55
103
3
原创 使用IDEA创建简单springBoot项目实现增删改查
1，准备数据库mysql名称为：bkdb/*SQLyog Ultimate v12.09 (64 bit)MySQL - 5.6.40-log : Database - bkdb**********************************************************************//*!40101 SET NAMES utf8 */;/*!40101 SET SQL_MODE=''*/;/*!40014 SET @OLD_UNIQUE_CHECK
2021-04-04 22:40:41
1724
3
原创 页面JSON数据导出生成excel
<html><head> <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> <button onclick='tableToExcel()'>导出</button></head><body> <script> const tableToExcel = () => {
2021-04-04 15:40:17
100
1
原创 el-table-column表格中使用el-pagination进行分页
el-table-column表格中使用el-pagination进行分页1.el-table<el-table :data="tableData.slice((currentPage - 1) * pagesize, currentPage * pagesize)"> ...</el-table>2.el-pagination<div> <el-pagination background @current-change="
2021-04-04 15:32:54
447
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人