随笔分类 -  前端原生

判断当前点击位置在不在某个区域内
摘要：1 window.addEventListener('click', function(e) 2 { 3 if(e.target.closest(".country")) { 4 // 点击当前元素处理操作 5 } else { 6 //点击非当前元素，需要执行的代码 7 } 8 } 9 ) 阅读全文
posted @ 2021-09-27 16:51 gamecc666 阅读(176) 评论(0) 推荐(0)
class的继承和私有变量的实现
摘要：JS实现类的继承和私有变量的实现 关键技术点：闭包的使用 var FClass =(function(){ var _name; class FClass{ constructor(preName,lastName,str){ this.preName=preName; this.lastName= 阅读全文
posted @ 2021-06-17 00:15 gamecc666 阅读(190) 评论(0) 推荐(0)
html 添加遮罩
摘要：代码： <style type="text/css"> .Box{ position: relative; width: 200px; height: 200px; background-color: red; } .Shade{ position: absolute; top: 0; width: 阅读全文
posted @ 2021-06-03 23:53 gamecc666 阅读(226) 评论(0) 推荐(0)
JS 函数多个可空参数的实现
摘要：原理：ES6解构赋值（链接） 官网demo： 个人demo： 阅读全文
posted @ 2021-01-13 14:45 gamecc666 阅读(1091) 评论(0) 推荐(0)
div 内元素的垂直居中
摘要：小主今天偷点懒利用上班时间整理一下 div 内元素的居中（不论垂直还是水平通用）问题的解决方法： 本文的中心是利用 css 中的 display属性；通常的方便的是使用 Flex/Grid 属性，今天就在介绍一种更方便的方法通过使用 display:table-cell; vertical-alig 阅读全文
posted @ 2020-11-13 16:00 gamecc666 阅读(559) 评论(0) 推荐(2)
JS设计模式
摘要：几种在JavaScript中常见的几种设计模式： 1、单例模式 单例模式的定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。实现的方法为先判断实例存在与否，如果存在则直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。适用场景：一个单一对象。比如：弹窗，无论点击多少次，弹 阅读全文
posted @ 2020-05-09 09:47 gamecc666 阅读(519) 评论(0) 推荐(0)
$.ajax() 参数详解
摘要：1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的 阅读全文
posted @ 2020-04-26 16:39 gamecc666 阅读(379) 评论(0) 推荐(0)
块级元素/内联（行级）元素的区别
摘要：简介： 块级（block）元素 => 独占一行，其后元素另起一行 宽度，高度，内、外边距都可控制 包含元素：* address - 地址 * blockquote - 块引用 * center - 居中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css layout的主要标签 阅读全文
posted @ 2019-10-28 15:41 gamecc666 阅读(249) 评论(0) 推荐(0)
html页面的渲染And<script>位置的影响
摘要：周末加班敲代码的时用到了<script>标签，突然想到了一个问题：别的自测项目里面<script>我把他放在了不同位置，这里应该会对代码的执行与渲染后影响吧？于是今天专门进行了查询，趁机总结以下： html 文档的解释方式&顺序： 预备知识：（需要简单理解同步/异步的区别） 同步，是所有的操作都做完 阅读全文
posted @ 2019-10-28 13:37 gamecc666 阅读(427) 评论(0) 推荐(0)
详解JS与Jquery获得的对象的区别与联系
摘要：世上无难事只怕有心人，敲代码也一样只要你用心去搞懂一件事，即使一个小小的用法对你以后也会有很大的作用； 项目虽然赶得紧但是有些问题百度找完答案解决之后，也要自己梳理一遍做到心领神会！！！今天就直接来上周遇到的情况： 就是使用JS中的类似：documnet.getelementbyid('')方法与$ 阅读全文
posted @ 2019-08-12 01:58 gamecc666 阅读(813) 评论(0) 推荐(0)
<!DOCTYPE html> 详解
摘要：前段时间的.netcore web应用程序的项目里面使用Frameset与Frame时候出现了一个问题就是使用不了，今晚准备测试一个bug却得到意外收获o(∩_∩)o 哈哈， 找到了最终原因funny！！！！ 废话少说直接本主题找真凶 》<!DOCTYPE html> 所以今天在这里就详细解析一下< 阅读全文
posted @ 2019-08-01 00:33 gamecc666 阅读(2719) 评论(0) 推荐(0)
同级frame之间的通信与跳转
摘要：项目最近需求两个同级的frame，通过点击一个frame里面的btn按钮来实现另一个frame的跳转(注意这俩个frame在同一个frameset下面)； 原理：通过该frame找到父frameset然后找到另一个要跳转的frame，来实现跳转 解决方法： 假设：第一个frame的name="fra 阅读全文
posted @ 2019-07-31 07:27 gamecc666 阅读(565) 评论(1) 推荐(0)
JQuery EasyUI Tree组件的Bug记录
摘要：EasyUI 引入库冲突bug解决 阅读全文
posted @ 2019-07-23 01:14 gamecc666 阅读(439) 评论(0) 推荐(0)
Jquery 使用笔记
摘要：一：入口函数（4种） a: $ ( documnet ) . ready ( function () {} ) ; b: Jquery ( documnet ) . ready ( function (){} ) ; c: $ ( function(){} ) ; //推荐使用这种写法 d: Jqu 阅读全文
posted @ 2019-07-13 17:47 gamecc666 阅读(201) 评论(0) 推荐(0)
Jquery源码解析及案例分析
摘要：本人刚学先上链接（别人写的挺好的）后期同步补上😄！！！ 网站链接：https://blog.csdn.net/baozhiqiangjava/article/details/81178694 GitHub：https://github.com/JsAaron/jQuery 阅读全文
posted @ 2019-07-11 11:37 gamecc666 阅读(256) 评论(0) 推荐(0)
Frameset下的frame动态隐藏
摘要：技术涉及：html+Jquery 不多说直接上图：由于是 .netcore MVC Web应用对于大家来说不一致的话可供参考哦😄！！！ _Layout布局文件： View 中的 MainHead视图脚本：(个人需求在MainHead视图里面添加两个按钮控制MainDirection的大小) Con 阅读全文
posted @ 2019-07-08 20:51 gamecc666 阅读(593) 评论(0) 推荐(0)