前端
文章平均质量分 82
Nick Peng
There is but one secret to success.
---Stick to the minute.
展开
-
Webpack 基础以及常用插件使用方法
本质上,Webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。原创 2023-10-24 18:42:03 · 812 阅读 · 0 评论 -
Node.js 的 CommonJS & ECMAScript 标准用法
本文主要是介绍 Node.js 的 CommonJS & ECMAScript 标准用法原创 2023-10-24 18:31:44 · 1282 阅读 · 0 评论 -
Ubuntu 安装 Gitbook 步骤和使用方法详解 以及 阿里云基于 Gitbook 个人博客部署
目录一、安装 nodejs 和 npm二、安装 gitbook三、使用 gitbook 创作四、在浏览器浏览我们写的文章五、阿里云服务器部署 GitBook一、安装 nodejs 和 npmUbuntu安装方法如下,Windows安装方法详见《node.js教程》打开终端,输入以下命令即可安装;sudo apt-get install nodejssudo apt-get instal...原创 2020-05-03 15:14:58 · 2368 阅读 · 1 评论 -
开发中页面按钮高频率触发,导致事件执行异常的解决方案
目录一、实现效果图二、完整限频代码好文章 记得收藏+点赞+关注额 !!!---- Nick.Peng一、实现效果图以下验证,都是在高频率的点击下进行的,可在右侧 Console 窗口看出事件执行的频次;二、完整限频代码下面是上述效果图的完整demo,常见的限频都可以参考这个来写;<!DOCTYPE html><html><head>...原创 2020-03-19 11:01:12 · 557 阅读 · 0 评论 -
谷歌无法打开微信二维码链接解决方案 之 使用谷歌模拟微信浏览器
目录一、为什么要模拟微信浏览器?二、开发调试遇到的问题三、解决方案:谷歌模拟微信浏览器步骤一、为什么要模拟微信浏览器?做过微信集成的人应该知道,页面在微信浏览器中,出 JS 相关的错误之后,没法调试;这就需要在电脑端装一个类似微信的浏览器,来做调试,但是目前没有这种特定的浏览器;不过不用担心 !!!我们可以用谷歌浏览器来模拟一个微信的浏览器出来。好文章 记得收藏+点赞+关注额 !!!...原创 2020-03-19 10:29:36 · 3940 阅读 · 0 评论 -
想拥有自己的 CDN 仓库吗?进来 Get 一下吧!
目录一、前言二、在Github搭建CDN仓库三、Github + jsDelivr 使用方法一、前言CDN的全称是 Content Delivery Network,即内容分发网络;CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块;使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN 的关键...原创 2020-03-16 00:58:38 · 987 阅读 · 0 评论 -
使用 script 标签引入 JS 时利用标签属性动态给 JS 传参
目录一、功能说明二、页面中使用方法三、完整JS代码一、功能说明封装上一篇博文《利用 JS 判断页面图片静态资源链接是否有效是否加载完成》的 JS 文件,让JS变得更加通用;在原有的功能上新增了,动态替换失效链接;通过标签属性的方式给 JS 进行传参;二、页面中使用方法在引入 JS 时,通过 timing 属性给 JS 设置参数,不指定参数JS将采取默认值;<!DOC...原创 2020-03-12 01:19:57 · 3808 阅读 · 0 评论 -
利用 JS 判断页面图片静态资源链接是否有效是否加载完成
文章目录一、功能说明二、动图效果展示三、完整源代码一、功能说明利用原生 JS 实现对图片静态资源链接是否有效进行判断:如果资源链接有效,直接渲染;如果资源链接失效,3秒后替换新的链接,进行第二次渲染;如果新的链接仍然失效,直接取消加载,保证页面所有资源处于完全加载完毕状态。---- Nick.Peng二、动图效果展示三、完整源代码<!DOCTYPE HTML&g...原创 2020-03-09 23:39:41 · 2088 阅读 · 0 评论 -
Echarts 异步请求不能加载本地JSON数据解决方案,以及Http-Server安装与使用
文章目录一、前言二、分析&解决方案三、Http-Server简介&安装方法四、启动http本地服务方法五、附:Http-Server可选配置一、前言最近学习eharts制作图表,异步请求获取本地*.json数据,html文件都写好了,右击文件用浏览器直接打开时,制作的图表并没有渲染出来,这是因为使用异步请求加载数据时,由于cors跨域资源共享问题导致的不能读取json数据;...原创 2020-02-25 01:49:21 · 3699 阅读 · 6 评论 -
JS存储对象 localStorage 使用必知必会
文章目录一、什么是 localStorage?二、localStorage 存储对象2.1 存储对象属性2.2 存储对象方法2.3 Web 存储 API2.4 作用域2.5 生存周期2.6 数据结构2.7 过期时间2.8 容量限制2.9 域名限制三、localStorage 使用案例四、常用语法五、浏览器调试方法一、什么是 localStorage?在HTML5中,新引入了localStor...原创 2019-12-16 23:17:19 · 5112 阅读 · 0 评论 -
JQuery 阻止事件冒泡---3种实现方式
第一种:return false:缺点:直接返回了函数,函数后面的语句没法执行了;$('.btn').on('click',function(event){ do something ... return false })第二种:event.stopPropagation():1、阻止事件冒泡这里以click事件为例<divclass="b...原创 2019-09-20 14:55:28 · 7896 阅读 · 0 评论 -
JQuery 之 DOM 文档操作
DOM文档对象模型 (document object model):js内置的一个结构化表现手法,通过这个结构化表现手法把所有的标签实现了一个倒置的树状结构图节点(node):标签(html)==元素(javascript)==节点(dom)节点与节点的关系:同级关系子级关系节点操作简单案例:<script> $(function(){ ...原创 2019-09-20 14:31:40 · 378 阅读 · 0 评论 -
JQuery 之 事件委托(事件代理)
事件委托/事件代理:事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操事件委托的写法:$(选择器).delegate( 事件真实发生在谁身上, 事件属性,匿名函数写命令)事件委托的好处:可极大减少事件绑定次数,提高性能 可让动态加入的子元素绑定相同的命令Example:<!--js部分--><script>...原创 2019-09-20 14:31:15 · 2260 阅读 · 0 评论 -
JQuery 之 阻止事件冒泡
事件冒泡:子级触发的事件会逐层向父级传递(冒泡) ,这种现象称为事件冒泡事件冒泡的作用:事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件阻止事件冒泡: 方式一:在事件处理命令中添加return false即可,可以阻止默认事件和冒泡事件;方式二:event.stop...原创 2019-09-20 14:31:29 · 650 阅读 · 0 评论 -
JQuery 常见的表单验证方法
一、allow 的验证:对复选框绑定单击事件, 如果没有勾选则报错提示, 勾选的话隐藏报错提示信息Example:<script> // 复选框同意协议 -- 单击改变勾选的状态 -- click var $allow = $('#allow') $allow.click(function () { // 如果没有勾选 报错,...原创 2019-09-20 11:13:21 · 840 阅读 · 0 评论 -
Ajax 请求的三种写法
Ajax 请求简介:Ajax即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术ajax技术的目的: 是让js发送http请求,实现与服务端通信,即数据交互 ajax的两个主要好处: 异步请求 局部刷新(无刷新) 数据接口: 数据接口是后台提供的...原创 2019-09-20 11:01:12 · 7370 阅读 · 4 评论 -
解决移动端浏览器 HTML 音频不能自动播放的三种方法
由于Android,IOS移动端的浏览器以及微信自带的浏览器为了用户更好的体验,规定不自动播放音频视频,默认屏蔽了autoplay,如果要想达到自动播放效果,需要单独处理,方法有以下几种:第一种:添加控制属性(controls)原理:直接使用行内式添加controls属性,显示控制按钮,让用户手动触发音频播放<audio autoplay="autopaly" loop="l...原创 2019-05-20 01:09:05 · 20914 阅读 · 2 评论 -
如何在 Github Pages 搭建库(创建免费域名)来管理和浏览自己的项目
看了 这篇文章, 你能学会 两大技能 :如何在 Github Pages 上搭建库来管理自己的项目 你能访问你的项目 ----就像访问域名一样, 查看自己做的网页说明:像我们学前端的朋友,好不容易做好一个很炫的网页,没法放在网站上供大家浏览,实在是一件很蛋疼的事情,想装X一下都没办法 今天了解到一个强大的平台,那就是 Github,它一个面向开源及私有软件项目的托管平台,而...原创 2019-05-16 23:00:28 · 863 阅读 · 0 评论 -
Ajax + jsonp 实现跨域请求方法 及 原理
一. 同域与跨域简介:同域请求: 网络协议, 域名,端口号 都一致,则为同域(同源)请求 域名组成:http://www.sina.com.cn:8090/index.html 服务名 sina 机构名 com 机构类型 cn 国家名 跨域请求: 网络协议, 域名,端口号只要有一个不同,则视为跨域请求 ajax的同源策略: ajax请求的页面或资源只能是...原创 2019-06-13 12:05:56 · 1085 阅读 · 0 评论