- 博客(248)
- 资源 (1)
- 收藏
- 关注
原创 uniapp出现__ob__: Observer对象的解决办法
ob: Observer可以使用JSON.parse(JSON.stringify())来转为json对象
2022-04-24 18:51:44
4328
原创 uniapp 开发时常用的功能
使用navigation返回上一页并且携带参数:uni.navigateTo({ url:'test/test?name='zhangsan'&age='16'' })使用navigateBack返回上一页并且携带参数let pages = getCurrentPages(); //获取所有页面栈实例列表let nowPage = pages[pages.length - 1]; //当前页页面实例let prevPage = pages[pages.length - 2];
2022-04-24 10:09:18
1366
原创 移动端自适应与响应式布局
处理html5标签兼容问题:html5shiv.min.js可以把高级标签转化为低级标签<!--[if lt IE 9]> <script src="./html5shiv.min.js" type="text/javascript" charset="utf-8"></script> <![endif]-->html5shiv.min.js/html5shiv.js下载地址:https://www.dbmng.com/art-1661.ht
2022-04-22 10:03:20
176
原创 node根据文字生成图片
思路:文字转svg,svg转png需要引入两个依赖:npm i text-to-svg 文字转svgnpm i svg2png svg转png图片
2022-04-18 11:11:28
1552
原创 使用node生成验证码图片,并进行验证
首先安装依赖:npm i svg-captchaconst express = require('express')const svgCaptcha = require('svg-captcha')const app = express()app.all("*",function(req,res,next){ //设置允许跨域的域名,*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型
2022-04-17 21:47:54
1750
原创 Springboot应用的打包和部署(Jar、War)
传统的Web应用进行打包部署时,通常会打成War包的形式,然后将War包部署到Tomcat等服务器中,而Springboot应用使用的是嵌入式Servlet容器,也就是说Springboot应用默认是以Jar包形式进行打包部署的。Jar包方式打包部署:1.添加Maven打包插件: <build> <plugins> <plugin> <groupId>org.springfra
2022-04-16 16:33:54
5932
1
原创 Springboot实现文件的上传以及下载
编写test.html模板:<!DOCTYPE html><html lang="zh" xmlns="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat
2022-04-15 21:19:49
1543
原创 node express框架实现下载文件功能
const fs = require('fs')const express = require('express');const app = express();const path = require('path');app.all("*",function(req,res,next){ //设置允许跨域的域名,*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型 res.header("
2022-04-15 11:16:17
1139
原创 uniapp框架组件、props对组件传值、对组件绑定事件的使用、子组件给父组件传值
新建组件的方式,在components目录下新建组件,然后就能在pages页面当中直接使用该组件test.vue<template> <view> test </view></template><script> export default { name:"test", data() { return { }; } }</script><style lang="scs
2022-04-14 21:56:20
9640
原创 微信小程序uniapp框架使用getSystemInfoSync()函数获取当前设备的一些信息
`Home`screenHeight表示手机的总高度windowHeight表示去除上下边的导航栏剩余的高度(可使用的高度)
2022-04-14 13:41:40
2959
原创 2022年最新前端面试题大全
js面试题1、js数据类型基本数据类型Number、String、Boolean、Null、Undefined、Symbol、bigInt引用数据类型object、Array、Date、Function、RegExp2、js变量和函数声明的提升在js中变量和函数的声明会提升到最顶部执行函数的提升高于变量的提升函数内部如果用 var 声明了相同名称的外部变量,函数将不再向上寻找。匿名函数不会提升。3、闭包闭包就是能够读取其他函数内部变量的函数闭包基本上就是一个函数内部返回一个函数好
2022-04-13 21:57:35
980
2
原创 微信小程序uniapp框架使用网络请求
nuiapp配置网络请求:由于平台的限制,小程序项目中不支持axios,而且原生的wx.request()API功能较为简单,不支持拦截器等全局定制的功能,因此,建议在uniapp项目中使用@escook/request-miniprogrom第三方包发起网络数据请求下载依赖:npm install @escook/request-miniprogram//在main.js当中按需导入 $http 对象import { $http } from '@escook/request-miniprogr
2022-04-12 20:09:34
1655
原创 nui-app框架开发微信小程序--配置文件篇
首先安装scss/sass编庠官网:https://ext.dcloud.net.cn/plugin?name=compile-node-sass把nuiapp项目运行到微信小程序当中:1.选择项目下的manifest.json文件,把微信开发者工具当中的微信小程序AppID填写进去2.在Hbuilder中配置微信开发者工具的安装路径:3.打开微信开发者工具当中设置的安全设置开启服务端口4.运行项目...
2022-04-12 14:53:45
585
原创 Springboot Lombok的使用
Lombok,一个Java类库,提供了一组注解,简化POJO实体类开发依赖:<dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <scope>provided</scope> </dependency>使用方
2022-04-08 20:07:59
424
原创 SpringBoot整合MVC和拦截器Interceptor
使用Springboot整合MVC进行web开发,实现简单的页面跳转功能@Configurationpublic class MyMVCConfig implements WebMvcConfigurer { @Override public void addViewControllers(ViewControllerRegistry registry){ //请求toLoginPage映射路径或者login.html都会自动渲染login.html模板,setView
2022-04-08 16:59:57
641
原创 Springboot接收GET和POST请求参数
接收GET请求参数:@RestControllerpublic class test { //参数可以为空 @GetMapping("/test") public String hello(@RequestParam(name = "name", required = false) String name) { return "获取到的name是:" + name; }}没有参数时为nullController 还可以直接使用 map 来接收所
2022-04-07 22:13:47
2811
原创 java springboot+thymeleaf 实现图片上传并展示到页面当中
先在配置文件当中编写文件上传的路径:file.upload.path=D://program/Springbootstudentsystem/src/main/resources/static/file.upload.path.relative=/static/**创建一个MyWebAppConfigurer java文件实现WebMvcConfigurer接口, 配置资源映射路径package com.example.springbootstudentsystem;import org.sp
2022-04-07 21:38:23
1152
原创 Springboot 整合MyBaties、Druid、JPA,并且将查询到的数据响应到前台
Springboot常用的依赖<!-- Spring Boot提供的配置处理器依赖,代码提示 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-configuration-processor</artifactId> <op
2022-04-06 21:32:21
934
原创 java Springboot解决跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
问题:在Controller类上加一个@CrossOrigin注解package com.example.springbootstudentsystem;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.*;@CrossOrigin@Controllerpublic class test { @ResponseBody @Post
2022-04-06 19:15:37
590
原创 Springboot访问静态资源文件的html以及图片
Springboot的静态资源文件夹是项目的resource目录下的static文件夹,并且Springboot会默认开放静态资源文件,不需要做什么设置想要访问静态资源文件需要先导入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency&g
2022-04-06 12:33:44
2475
原创 SpringBoot: Failed to configure a DataSource: ‘url‘ attribute is not specified and no embedded datas
Spring Boot项目中含有Mybatis,打Jar包运行之后,报如下错误.问题原因: Mybatis没有找到合适的加载类,其实是大部分spring - datasource - url没有加载成功,分析原因如下所示.DataSourceAutoConfiguration会自动加载.没有配置spring - datasource - url 属性.spring - datasource - url 配置的地址格式有问题.配置 spring - datasource - url的文件没有加载.
2022-04-06 12:10:12
211
原创 SpringBoot 中@Controller/@RestController/@RequestMap注解的使用
1.@Controller必须配合模版来使用在resources目录的templates目录下添加一个hello.html文件代码:@Controllerpublic class HelloController { @RequestMapping(value="/hello",method= RequestMethod.GET) public String sayHello(){ return "hello"; }}@Controller的作用就是当访
2022-04-02 21:15:23
1952
原创 在Vue项目中集成富文本编辑器
先用vue可视化图形界面创建一个vue项目安装依赖:npm install mavon-editor --save在main.js当中输入代码:import mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'// useVue.use(mavonEditor)新建一个Test.vue:<template> <div id="main"> <mavon-edi
2022-03-28 16:30:09
1076
原创 node实现压缩文件和解压缩文件
node.js的压缩和解压缩类库 compressing支持格式: tar、gzip、tgz、zip以zip为例,tar,tgz和gzip与zip相同。压缩单个文件:const compressing = require('compressing');compressing.zip.compressFile('uploads/test.txt', 'uploads/test.zip').then(() => {}).catch(() => {});压缩文件夹:const co
2022-03-27 12:13:04
4249
1
原创 node html转图片、node读取docx文件、node将docx转为html、node将docx转为PDF文件、node将PDF转为jpg
1.node实现网页转为图片:安装依赖:npm install phantom代码块:var phantom = require('phantom');phantom.create().then(function(ph) { ph.createPage().then(function(page) { page.open("https://www.baidu.com").then(function(status) { page.property('v
2022-03-26 15:49:39
2420
原创 用js采集某云音乐的MySQL做一个音乐页面
/点歌api:http://wx0725.top/project/php/jiqiren/xiaodie.php?keyword=点歌+歌名&type=json<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <audio src="" id='myaudio'
2022-03-20 20:56:32
1054
原创 JS实现文字转语音功能的接口调用
文字转语音API:https://dds.dui.ai/runtime/v1/synthesize?voiceId=qianranf&speed=0.9&volume=50&text=你好speed:语速0-1volume:音量0-100text:文字内容<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="v
2022-03-19 12:12:43
2080
3
原创 JavaScript快速入门
基础知识:1.获取单个元素:根据class获取元素:var a = document.querySelector('.div1');根据id获取元素:var a = document.querySelector('#div1');根据标签获取元素:var a = document.querySelector('li');2.获取数组元素:var lis = document.querySelectorAll('.div1 ul li');元素事件绑定:div1.addEventLi
2022-03-12 16:16:03
1162
1
原创 Springboot注解@ConfigurationProperties、@Value、@PropertySource、@ImportResource、@Configuration的使用方法
1.@ConfigurationProperties与@Value在application.properties当中写一个person的属性person.name=tomperson.age=16创建一个person类package com.example.springboot;import org.springframework.boot.context.properties.ConfigurationProperties;import org.springframework.stere
2022-03-11 20:09:33
339
原创 vue的ref和$refs的使用方法
<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div><script>new Vue({ el: "#app", methods:{ add:function(){ this.$refs.input1.value ="22"; //this.$refs..
2022-03-07 11:11:00
154
原创 js控制滚动框滚动条在最底部
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>666</title> <style type="text/css"> .div1{ width: 500px; height: 300px; overflow-y: scroll; margin: auto; border: 1px solid
2022-03-07 10:53:27
1441
原创 JAVA JDBC和数据库连接池Druid的使用
JDBC:是官方定义大的一套操作所有关系型数据库的规则,即接口MySQL驱动jar包的下载方式:地址:https://dev.mysql.com/downloads/选择platform independent下载JDBC使用步骤:1.导入驱动jar包:复制到项目下的libs目录下,并且Add As Library2.注册驱动3.获取数据库连接对象Connection4.定义sql5.获取执行sql语句的对象statement6.执行sql,接收返回结果7.处理结果8.释放资源
2022-01-02 00:30:37
922
原创 微信小程序常用知识点总结
1.在app.json中修改启动页面 `"entryPagePath": "pages/index/index"`2.在app.json中修改页面属性"window":{ "backgroundTextStyle":"light",//导航栏字体样式 "navigationBarBackgroundColor": "#fff",//导航栏背景颜色 "navigationBarTitleText": "Weixin",//导航栏字体内容 "navigationBarTe
2021-12-18 14:45:15
940
3
原创 微信小程序本地缓存的使用
操作缓存的方法:1、wx.setStorage/wx.setStorageSync:根据key设置缓存2、wx.getStorage/wx.getStorageSync:根据key获取缓存,有一个success(res)回调函数,res就是数据3、wx.clearStorage/wx.clearStorageSync:清除全部的缓存4、wx.removeStorage/wx.removeStorageSync:删除根据key的缓存// pages/test3/test3.jsPage({
2021-11-29 11:23:20
1873
原创 C语言函数、数组、字符串,C语言内置函数qsort的介绍
一、函数的作用:可以把公共的代码封装起来,可以进行多次调用,优化代码的可读性函数的定义方法:返回值类型 函数名(形式参数) /*函数头*/{ /*函数体*/ 变量声明 函数实现过程}1.返回值类型:返回函数的运算结果的数据类型,void不返回任何数据2.函数名:可以随机取名,但是最好见名知意3.形式参数:函数被调用时应该接收到的参数,每个参数用逗号隔开示例代码:#include<stdio.h>int add(int a,int b){ ret
2021-11-25 21:06:04
1119
1
原创 css浮动和定位的讲解
浮动的讲解:因为div盒子默认是换行的(也就是默认一个div盒子占一行)浮动就是为了能让一个父盒子当中的多个div盒子并排显示效果如下:浮动效果:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht
2021-11-23 23:12:24
379
原创 vue-cli的各个配置文件的详细介绍
1.dev-server.js// dev-server.js// 调用check-versions.js 模块,检查版本node和npm的版本require('./check-versions')()// 获取配置var config = require('../config')// 如果Node的环境变量中没有设置当前的环境(NODE_ENV), 则使用config中配置的环境作为当前环境if (!process.env.NODE_ENV) { process.env.NODE_EN
2021-11-23 00:01:22
1205
原创 Vue项目常用的开发依赖插件的简单介绍:
1.webpack-merge作用:把公共的代码抽离出去,在需要的地方引入安装:npm install webpack-merge -D配置(手动指定config) package.json:"scripts": { "build": "webpack --config webpack.prod.js", "dev": "webpack-dev-server --open --config wbpack.dev.js"}新建文件 :webpack.common.js :公
2021-11-22 23:06:04
1722
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅