javascript

css和js实现硬件加速渲染自定义滚动条
日志听别人说用CSS的变换来实现渲染有硬件加速的效果,看到很多大网站都开始陆续使用上了,我也来说说怎么做,我这边实现的滚动条有自然滚动效果,看起来比较自然,说的再多不如直接写,让我们开始吧! 我们需要自己 ...
框架集项目-登录账户过期,如何回到登录主页!
日志登录账户过期,如何回到登录主页! 问题:使用框架集标签集成的网页,当前登录账户如果超时了(session会话过期),理想状态:自动销毁当前账户,退出登录状态,刷新时立即回到登录主界面.但实际刷新后,框 ...
上传图像在线预览
日志上传图像在线预览 问题:很多网站中目前都存在上传图像.更新个人图像的功能.人性化在线预览功能更有助于客户体验. 在页面中插入以下JS代码即可. <script type="text/j ...
spring boot:解决cors跨域问题的两种方法(spring boot 2.3.2)
日志一,什么是CORS?  1,CORS(跨域资源共享)(CORS,Cross-origin resource sharing), 它是一个 W3C 标准中浏览器技术的规范, 它允许浏览器向非同一个域的服 ...
原生JS实现动态折线图
日志原生JS实现动态折线图 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ...
纯JS自定义网页滚动条
日志前言 由于最近在公司很忙,没什么时间更新,忙中抽时间做了一个JS滚动条,因为火狐浏览器与谷歌浏览器的滚动条自定义样式过于麻烦,所以我打算自己写个方便改样式的滚动条 CSS <style> ...
JS实现将二维数组生成到页面上
日志前言 之前没说过数组,现在来写一下数组 CSS span { border:2px solid skyblue; width:30px; height: 30px; display: inline-b ...
JS实现页面计时
日志前言 计时功能在网页上是非常多的,现在我就用原生JS做个计时功能吧 HTML <div><label>得到毫</label> <h5></h5&g ...
JS实现鼠标移入水波效果
日志前言 最近比较沉迷JS,所以我现在来做个鼠标的交互效果 HTML <div style="border-radius;position:relative;width:800px;hei ...
JS XMLHttpRequest请求
日志前言 我们知道jq的请求非常简短好用,但是其实js原生的请求也不差,并且不用插件更能说明自己本身的技术已经很强了,别人看自己代码一脸懵逼的时候,这时就可以一一解释这些代码的用处,更能让别人敬佩! JS ...
HTML轮播(3)
日志前言 现在给轮播加上可视化的点,实际这样的轮播已经算完成的了 CSS #LB { width: 100%; height: 948px; overflow: hidden; position:rela ...
C#Socket通讯(1)
日志前言 因为自己需要开发一款自己的游戏,因为设计网络方面,所以我找了很多的资料,再加上考虑到Unity游戏客户端直接连接数据库很容易导致数据库泄露,再加上网上很多的服务端都是用控制台做的,所以我就想做个 ...
HTML轮播(1)
日志前言 要想实现轮播,我们就得先把最基础的功能实现,那就是滚动,实现了滚动后就可以继续扩展,完成更多想要的效果 CSS <style> #LB { width: 100%; height: ...
MVC联想查询绑定下拉框
日志前言 在做搜索时,输入些内容时需要弹出下拉框给用户进行选择,极大的方便了用户,会给用户带来不一样的体验 Controller public ActionResult SSAC(string UserN ...
JS时间扩展插件
日志前言 原生JS有些没定义的方法只能自己封装了,比如获取现在相隔本年过了几天以及过了多少周,这些都是原JS里没有的方法,现在插件只有一些方法,后期再慢慢扩展 插件使用方法 引用TimeToPack.js ...
前端生成二维码---jQuery、react
日志jq如何生成二维码 代码如下: 1.jquery.qrcode生成二维码代码 <!DOCTYPE html> <html> <head> <script ch ...
移动端与pc端如何用localStorage实现历史纪录?
日志1.使用jq完成localStorage实现历史纪录版. 代码如下: <!DOCTYPE html> <html> <head lang="en"&g ...
JS实现div的抖动:缓动式抖动
日志代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ...
js实现复制内容到剪切板,兼容pc和手机端,支持Safari浏览器
日志Javascript原生有一些事件:copy.paste.cut, 这些事件可以作用的目标元素: 能获得焦点的元素 (如contentEditable内容能编辑或者可以选中的元素),或者是<bo ...
H5开发:横屏适配
日志平常我们做过的需求里,主要是以竖屏式为主,而横屏式较少.对于竖屏式场景来说,大家的经验会比较丰富,因此,此次主要式探讨下横屏式场景下的一些需要注意的点,特别是怎样去做横屏适配. 对于 H5 横屏页面来 ...