- 博客(42)
- 资源 (2)
- 收藏
- 关注
原创 使用zepto结合touchjs实现元素的拖动效果
项目依赖touch-0.2.14.js中的drag和dragend事件,同时利用zepto计算和设置元素的样式,监听darg和dragend事件,最后要重置元素的top和left值,否则效果不正确。
2023-12-26 09:26:49 60
原创 JavaScript实现课工场论坛发贴
2-3 使用 appendChild ( )把头像、标题、版块、时间插入到页面中。2-2 使用函数 floor( )和 random( )随机获取发帖者的头像。1-3 单击“发布”按钮,新发布的帖子显示在列表的第一个,2-4 设置 value 值为空来清空当前输入框中的内容。1-2 在标题框中输入标题,选择所属版块,输入帖子内容。1-4 新帖子显示头像、 标题、版块和发布时间。1-1 单击我要发贴,弹出发贴界面。2-1 使用数组保存发帖者的头像。3-1 html部分。
2023-10-16 10:08:42 541
原创 servlet如何获取PUT和DELETE请求的参数
使用此种方法获取客户端的put和delete请求方法,要规定客户端必须传递json字符串,后端需要自己开发方法来进行获取,使用起来并不方便,也不灵活。可以考虑使用POST代替PUT或DELETE请求,方便获取参数,不仅安全,而且高效!不妥之处还请指正。
2023-09-26 11:51:36 502
原创 vue项目TypeScript intellisense is disabled on template.异常解决方案
@vue/cli项目TypeScript intellisense is disabled on template.异常解决方案
2022-07-21 11:54:13 749
原创 正则表达式提取网页的图片
let html = `<html style="height: 100%;"><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"><title>PCfb_5bf082d29588c07f842ccde3f97243ea.png (540×258)</title><input type="hidden" id="_w_pedant">&.
2022-04-07 09:18:01 1076 1
原创 vue/multi-word-component-names报错处理
vue/multi-word-component-names是用于检测当前的组件名称是否使用驼峰或多单词命名,eslint默认是要求检测,可以手动关闭检测修改.eslintrc.js文件的规则如下:module.exports = { root: true, env: { node: true, }, extends: ['plugin:vue/essential', 'eslint:recommended', 'plugin:prettier/recommended.
2022-03-21 14:47:40 18695 1
原创 Nodejs+Express项目使用JWT
1、安装jsonwebtokennpm i jsonwebtoken -S2、创建jwt.js文件let jwt = require('jsonwebtoken')const key = 'web26-jwt'// 产生token方法function sign() { // 载体 let payload = { data: '[email protected]' } // 密钥 let secretOrPrivateKey = key // 配置,1天有效期 l
2022-03-06 12:20:19 602
原创 ES6给对象部署Iterator
let hobby = Symbol('hobby')let object = { id: 1, name: 'tom', age: 20, [hobby]: [1, 2, 3], [Symbol()]: ['1', '2', '3'], [Symbol()]: ['5', '4', '6'],}// 给Object原型对象部署Symbol.iterator属性,使对象也可以使用for-ofObject.prototype[Symbol.iterator] = funct.
2022-01-20 16:39:35 609
原创 ES6语法小测
1、定义一个函数removeDuplicates(arr){ return arr },传递一个数组,对数组[1,2,1,0,3,-1,2]元素进行去重操作。(5分)function removeDuplicates(arr) { if (!arr || !Array.isArray(arr)) { return [] } return [...new Set(arr)]}function removeDuplicates1(arr) { if (!arr || !Arr
2021-12-20 11:11:11 367
原创 原生JavaScript类型判断
第1问:js中的数据类型有哪些? 1.1 原始数据类型:共有7种Boolean Number String undefined null Bigint Symbol 1.2 引用数据类型:1种Object对象(包括普通Object、Function、Array、Date、RegExp、Math)第2问:你真的懂typeof吗? 2.1 typeof的作用?区分数据类型返回7种数据类型:number、string、...
2021-10-21 09:38:27 194
原创 formidable实现文件上传
varexpress=require('express')varrouter=express.Router()const{IncomingForm}=require('formidable')constfs=require('fs')router.post('/',function(req,res,next){//文件上传操作的配置项letoptions={//是否支持多文本上传multiples:...
2021-09-10 17:27:06 611
原创 创建mysql数据库网络连接用户
# 创建mysql数据库网络连接用户create user 'root123'@'%' identified by 'root123'# 修改数据库用户root的密码alter user 'root123'@'%' identified with mysql_native_password by 'root123'# 给root用户赋予权限grant all privileges on *.* to 'root123'@'%' with grant option# 刷新所有权限flush
2021-08-25 15:52:24 208
原创 Web技术模拟面试题A参考答案
考试时间:180分钟 考试总分:100分 及格分数:70分一、HTML部分,共5题(10分) 1、H5的语义化标签,至少写出5个?(2分) Header定义头部,可以多个 Footer底部,不一定是文档最底部,可以多个 Nav导航栏标签,定义导航栏 Article独立内容区域,与session类似,用于文章等 Aside面侧边栏所使用 Time时间标签,主要用于搜索引擎和其它一...
2021-04-12 01:36:54 3486 10
原创 百度分页器
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-sc...
2021-03-22 00:50:25 166
原创 移动端多个swiper轮播的实现
不论是移动端还是pc端,都可以使用:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-wi
2021-03-05 22:47:06 235
原创 原生js实现手风琴效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sc.
2021-03-04 23:49:08 347 1
原创 基于jquery.qrcode.js制作二维码并提供下载
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>基于jquery.qrcode.js制作二维码</title> <style> * { padding: 0; margin: 0; box-sizing: border-box; } ht.
2021-03-03 11:09:19 1114 4
原创 使用vue-cli脚手架创建项目
1、基于webpack创建项目的方式,是vue脚手架2系列2、安装webpacknpm install webpack webpack-cli -gwebpack -v(小写)3、安装vue-clinpm install vue-cli -gvue -V(大写的)4、使用终端切换到工作空间目录C:\Users\root>cd /d F:\web_workspace\web205、使用脚手架创建项目vue init webpack vue-20210226?
2021-02-27 16:27:26 1485 4
原创 使用@vue/cli脚手架创建项目
使用@vue/cli脚手架创建项目1、安装@vue/cli脚手架工具npm install @vue/cli -g2、查看安装后的vue版本vue -V(大写)3、创建项目vue create vue-202102274、选择项目的配置// 选择一个预设Please pick a preset:Manually select features// 选择项目的特征? Check the features needed for your project:(*.
2021-02-27 16:25:07 2290 2
原创 使用vite创建vue项目
使用vite创建vue项目 1、全局安装create-vite-app npm install create-vite-app -g 2、创建项目目录 cva projectName or create-vite-app projectName 3、运行项目 cd projectName npm install npm run dev 4、访问项目 ...
2021-02-27 16:22:45 998 1
原创 freemarker+poi导出word文档
package cn.it58.util;import freemarker.template.Configuration;import freemarker.template.Template;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;imp...
2019-06-12 11:04:46 790
原创 JDBC通用的增、删、改、查方法
package cn.it58.util;import cn.it58.pojo.Student;import org.junit.jupiter.api.Test;import java.lang.reflect.Field;import java.sql.*;import java.io.IOException;import java.io.InputStream;impor...
2019-05-26 18:44:39 180
原创 vue中this.$http.post()跨域和请求参数丢失解决方案
methods: { research: function () { //post请求远程资源 this.$http.post( //请求的url "http://www.hefeixyh.com/login.html", //请求参数,不能以get请求方式写:{params: {us...
2019-05-20 00:14:44 13147 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人