![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
生命无须向死而生
生命无须向死而生
展开
-
Jquery会议室布局含门入口和投影位置调整,并自动截图
1、文章中罗列了主要代码,如需使用,请前往,包中包含所有文件素材,开箱即用。原创 2023-09-06 11:15:31 · 279 阅读 · 0 评论 -
Vue项目服务器部署刷新页面404问题及解决
但是在服务器后端的路径配置中压根就没有 /jichu/123 ,所以后端匹配不到相应的值,就会返回404错误,。因为在vue项目开发的时候是访问自己的8080服务器,后端有进行处理,在刷新界面后找不到相对路径时,会重新渲染index.html界面,把路由的控制权交给前端,然后前端负责路由的匹配,在找到符合/jichu /123 这种格式的路由后,就会匹配成功。从而达到页面正常显示的情况.。所以在线上遇到这种情况下,我们需要后端进行相应的配置处理,在匹配不到路径的情况下重新渲染index.html 文件。原创 2022-10-13 09:11:34 · 1128 阅读 · 0 评论 -
H5省或地区选择、H5城市列表,排列与选择
<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0...原创 2022-03-21 23:25:49 · 1618 阅读 · 0 评论 -
jQuery手机端仿美团酒店预订日期选择插件
可以直接下载:jQuery手机端仿美团酒店预订日期选择插件需要自己下载jquery文件,上面的下载包都包含了一共三个文件(jquery需要自己下载):index.html,date.js,calendar.cssindex.html文件:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><title>jQuery手机端仿美团酒店预订日期选择插件<原创 2022-03-21 17:12:24 · 474 阅读 · 0 评论 -
腾讯地图绘制多边形
可以随着地图级别放大而详情,单击显示详情,再次单击取消显示详情这是那效果图:直接上手代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l..原创 2022-03-05 17:22:42 · 3657 阅读 · 0 评论 -
H5返回上一页时刷新上一页面JQuery的代码
解决办法:document.referrer?location.href=document.referrer:history.back();为什么会存在需要判断的情况呢,因为referrer是存在获取不到的可能性的。一般正常流程是没有问题的。往下面看,就知道了。接下来是原因:H5开发实际过程中:我们在提交了表单之后,很多需要返回列表页面,一般情况是使用:history.go(-1);//或者history.back();但是,会造成列表页面不会刷新,新提交或者修改的数据...原创 2020-08-16 16:50:22 · 640 阅读 · 0 评论 -
js扫码枪扫码登录
废话不多说,直接上代码,这个方法避免了首字缺失,字符串乱码等等问题,特别好用,记录一下中间的Ajax可直接调用登录功能,实现自动登录说明:输入框需要获得焦点,这个是必须的,其次为了防止回车触发手动登录,需要添加onkeypress="if(event.keyCode==13) return false;"这个操作,这个在回车的时候,输入框焦点不会丢失,除非手动切换焦点,或者调用focus...原创 2020-04-11 17:28:52 · 902 阅读 · 0 评论 -
JS解析扫码枪
废话不多说,直接上代码,这个方法避免了首字缺失,字符串乱码等等问题,特别好用,记录一下 <script> window.onload = (e)=> { this.start = new Date().getTime() let code = '' let lastTime, nextTime let lastCode, nextCode ...原创 2020-04-11 17:21:10 · 1243 阅读 · 0 评论 -
html图片上传 包含后端上传接口(php)
html<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"/> <title>文件上传</title> <link rel="stylesheet" type="text/css" href='css/upload.css...原创 2019-12-05 21:37:26 · 1937 阅读 · 0 评论 -
微信小程序文字超过行后显示省略号
在小程序开发过程中,经常会遇到一些数据无法在text中完全展示,所以会使用到隐藏相关文字,并在后方加上省略号(...)。那么怎么展示呢?方法一:只需要在对应的text中设置下面的css就可以了。overflow:hidden;//超出一行文字自动隐藏 text-overflow:ellipsis;//文字隐藏后添加省略号white-space:nowrap;//强制不换行上...原创 2019-01-30 21:19:22 · 6396 阅读 · 2 评论 -
JS格式化JSON,JSON着色
<script> var jsObj = '{$data}';//远程数据json,可替换为自己的json也可以使用下方json测试 jsObj = jsObj.replace(/"/,""); jsObj = jsObj.substring(0, jsObj.lastIndexOf('"')); $("#show"...原创 2018-10-19 17:28:56 · 8052 阅读 · 7 评论 -
小程序view排版
viewclass="bc">view>textbc_text>demotext>view>viewclass="bc_2">view>行排列view>viewstyle="display:flex; flex-direction:row;">viewclass='flex_item green'>view>vie转载 2018-03-27 11:51:47 · 5696 阅读 · 2 评论 -
微信小程序页面布局
一,微信小程序页面布局方式采用的是Flex布局1.Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。2.Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。3.Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。二,Flex布局的特点:1转载 2018-03-27 11:48:43 · 24222 阅读 · 0 评论