![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript技术栈
weixin_45593546
PHP后端 + Web前端
展开
-
通过原生 js 隐藏和显示标签元素
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一:document.getElementById("EleId").style.visibility="hidden";document.getElementById("EleId").style.visibility="visible";利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。方法二:document.getElement原创 2022-01-31 01:37:38 · 4064 阅读 · 0 评论 -
如何找到浏览器扩展的安装位置
我们以谷歌浏览器为例:展开右上角的隐藏菜单栏,然后选择“更多工具”,再选择“扩展程序”。进入到扩展程序页面的时候,我们需要把右上角的“开发者模式”打开。我们可以看一下开发者模式打开前后的不同之处:打开开发者模式之后,插件信息下面多了两项:ID、查看视图(我们要用到的就是ID这一项)。我们先将插件下的ID复制下来。Chrome浏览器一般安装在C盘,我们到C盘下,将ID粘贴到搜索框中,回车,等待搜索结果就可以了。所以Chrome’浏览器插件一般保存在C:\Users\用户名\AppData\Loc原创 2021-08-11 12:45:07 · 3917 阅读 · 0 评论 -
谷歌浏览器插件开发之 manifest.json 配置说明
前言{ // Required // 必须的字段3个 "manifest_version": 2, // manifest编写规范版本,目前主流2 "name": "My Extension", // 插件名 "version": "versionString", // 版本号 // Recommended "default_locale": "en", // 默认编码,国际化 "description"原创 2021-07-06 14:22:41 · 1353 阅读 · 0 评论 -
判断手机滑动方向和滑动距离
前言移动端WEB开发,其中javascript中的touch事件常常会用到,通过触屏触摸获取触摸点来判断手机滑动方向和滑动距离。实现var doc = document;doc.addEventListener("touchstart", startTouchScroll, false);doc.addEventListener("touchmove", moveTouchScroll, false);doc.addEventListener("touchend", endTouchScro原创 2021-06-20 20:34:05 · 367 阅读 · 0 评论 -
显示30天有效日历
前言实现35格 5行7列的日历,有效期为30天实现var dateObj = { 'date' : new Date(), //判断闰年 'is_leap' : function() { return (this.date.getFullYear() % 100 == 0 ? res = (this.date.getFullYear() % 400 == 0 ? 1 : 0) : res = (this.date.getFullYear() % 4 == 0 ? 1 : 0)); }原创 2021-06-20 20:22:32 · 177 阅读 · 0 评论 -
自适应网页设计的学习笔记
自适应设计网站可以根据浏览环境的变化自主适应。传统网页设计采用的是固定宽度页面布局。自适应网页设计采用的是流式页面布局。多种布局方式组合应用,大屏幕、中屏幕使用固定宽度布局,小屏幕使用流式页面布局。之所以需要自适应网页设计,是因为随着互联网的发展,不断涌现的各种新型设备(手机/平板电脑)、平台和浏览器都需要你的网站的网页能够兼容显示。自适应网页设计代表了一种必然的设计趋势。...原创 2021-06-17 11:29:32 · 70 阅读 · 0 评论 -
部分有关整数和浮点数的正则表达式
原创 2021-06-05 23:37:40 · 246 阅读 · 0 评论 -
MVVM模式
随着前端项目越来越大,项目的可维护性、可扩展性和安全性等成了主要问题,超越了之前的浏览器兼容性问题。当年典型的类库如jquery,只能解决浏览器兼容性问题,但没有实现对业务逻辑的分层,所以维护性和扩展性较差,这才有了MVVM模式一类框架的出现。MVVM又是什么呢?M——model模型,后端传递的数据。V——View视图。VM——ViewModel视图模型,是连接view和model的桥梁。M和V不能直接通信,只能通过VM。VM要实现一个observer观察者,VM监听到数据变化时,通知视图做自动原创 2021-03-15 19:13:08 · 100 阅读 · 1 评论 -
实现 JavaScript 计算器的多种方案
方法一:<!DOCTYPE html><html><head><meta charset="utf-8"><title>最 简单计算器 路口师傅</title><style>table,tr,td{ border:1px solid blue; }#ok,.td,#clear,#last{ text-align:center;}</style></head><原创 2021-03-01 19:48:10 · 169 阅读 · 0 评论