js/jquery
关注
分享
扫一扫
你好！YOYO
这个作者很懒，什么都没留下…
展开
-
iframe继承父窗口样式CSS/JS的方法
<script> window.parent.$(function () {//使用window.parent调用父级jquery var head = document.getElementsByTagName("head").item(0); var linkList = window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表 for (var i原创 2020-07-08 18:25:20 · 2044 阅读 · 0 评论 -
基于echarts+html+css+jq的数据可视化大屏展示炫酷看板[附源码]
默认你已经具备前端基础 html，css，js，jq这些基本知识都已经掌握。什么是echarts？ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。类似于echarts的图表库还有Highcharts，G2，d3等，至于项目怎么选型图表库，大可不用为这事情纠结，就原创 2020-12-22 10:35:13 · 34332 阅读 · 12 评论 -
js禁止鼠标右键及F12禁止查看源代码及禁止其他操作
一、屏蔽F12 审查元素<script> document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode = 0; ...转载 2020-02-13 09:08:54 · 693 阅读 · 0 评论 -
温故而知新---ES6知识详解篇
ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。各大浏览器的最新版本，随着时间的推移，支持度已经越来越高了，ES6的大部分特性都实现了。那么也就意味着低版本浏览器是不支持ES6的。1：let/constlet命令：ES6新增了let...原创 2019-12-21 17:18:00 · 255 阅读 · 0 评论 -
移动端H5 图片/视频上传预览（不依赖于任何框架）--input:file总结
写在前面：这里先来介绍下input:file的几个属性：accept：规定通过文件上传来提交的文件的类型。capture：该属性用于调用设备的摄像头或麦克风。multiple：可勾选多文件，调用系统摄像头或者录音机都只是单文件。一、常规上传（选取本地的图片/视频文件进行上传）<!DOCTYPE html><html> <head> <m...原创 2019-11-19 10:37:03 · 4418 阅读 · 2 评论 -
温故而知新---jquery（jq）入门篇
1：jQuery简介：jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。今天，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。jQuery，顾名思义，也就是JavaScript和查询（Query），jQuery是免费、开源的。它可以简化查询DOM...原创 2019-08-06 13:52:47 · 290 阅读 · 0 评论 -
jquery实现在一定范围拖拽小窗口，并拖到固定区域触发事件
先上效果图一个小小的需求案例，技术栈 jq，一个看似简单的效果，涉及到鼠标事件以及元素坐标等知识点，其实拖拽的实现原理很简单就是利用元素绝对定位实现的拖拽position: absolute。封装拖拽（开箱即用）$.fn.extend({ dragging: function(data) { var $this = $(this); var xPage; var yPage;...原创 2019-08-06 10:34:27 · 1024 阅读 · 0 评论