在做自适应网页的时候,如果在图片中使用了热区map。图片可以通过样式实现:图片大小随页面变化,但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现:MAP中每个area的坐标也随页面等比例的变化效果。 map area 热区自适应的实现代码 html: <s ...
分类:
Web程序 时间:
2020-07-05 21:29:33
阅读次数:
116
JS是前端立身之本,不管框架多花哨,不会JS也是白扯。这门课可以帮助你夯实前端基础,掌握最新的ES6到11语法,稳步提升编程能力。课程带你熟练掌握语法,很多依赖第三方库才能做到的事用原生JS寥寥几行代码就可迎刃而解。 第1章 课程介绍&环境搭建本章将介绍学习ES新特性的重要性以及课程特点。JS作为前 ...
分类:
编程语言 时间:
2020-07-05 10:39:28
阅读次数:
324
如需要跟多资料请点击下方图片?(扫码加好友→备注66) Jquery Dom操作 ? jQuery也提供了对HTML节点的操作,而且在原生js的基础之上进行了优化,使用起来更加方便。 ? 常用的从几个方面来操作,查找元素(选择器已经实现);创建节点对象;访问和设置节点对象的值,以及属性;添加节点;删 ...
分类:
Web程序 时间:
2020-07-03 17:55:35
阅读次数:
79
现在多数的请求基本上都是使用axios,那么有时候面试的时候可能会遇见是否会用原生js写ajax,其实工作中,我们并不会使用自己原生手写的,因为存在很多问题,我门自己可能都想不到,所以这里我简单的写了下原生的ajax。 function myAjax(options) { let { url, ty ...
分类:
Web程序 时间:
2020-07-02 20:11:17
阅读次数:
69
一、 简介 谷歌地图API允许web开发人员仅仅使用几行代码就可以通过其神奇的内置功能创建卓越的用户体验。然而,它也存在一个明显的不足——在映射标记方面缺乏灵活性和创造性。 当然,你可以添加自定义标记图像、工具提示和相应的标签,但所有这些都是静态的、以面向文本的方式进行交互。此外,并不存在某种标准的 ...
分类:
Web程序 时间:
2020-07-01 09:46:07
阅读次数:
82
写在前面 引入了 React 之后,开始使用 React 做一个小的 demo,即实现一个按钮点击加一,使用 CDN 引入 React,使用在线工具 codesandbox 的原生 JS 项目编写。 1. 引入 React 和 ReactDOM 在 index.html 中使用 BootCDN 引入 ...
分类:
其他好文 时间:
2020-06-30 22:16:05
阅读次数:
90
demo源码下载:点击下载 index.html页面内容: <script src="./xmsbTable.js" type="text/javascript" charset="utf-8"></script> <table id="table" border="1" cellspacing=" ...
分类:
Web程序 时间:
2020-06-30 20:33:09
阅读次数:
109
一、使用原生js或者jQuery实现一个列表数据展示页面,展示字段包括序号、项目名称、建设单位、建设日期、项目状态,并且根据不同的项目状态使整行显示不同颜色。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ti ...
分类:
Web程序 时间:
2020-06-30 11:02:28
阅读次数:
174
在项目中使用xterm时,发现网上包括官方给出的使用方式都是Vue的那种import模块的, import { Terminal } from 'xterm'; import { FitAddon } from 'xterm-addon-fit'; const term = new Terminal ...
分类:
Web程序 时间:
2020-06-29 09:49:18
阅读次数:
101
JQuery:是js中的插件 属于第三方库,插件提供一个函数 jq是将原生js中的DOM操作全部封装了,可以增删改查,添加事件、修改内容样式、ajax事件、js动画。 monment.js 日期处理插件 http://momentjs.cn/ swiper 轮播图插件 https://www.swi ...
分类:
Web程序 时间:
2020-06-28 20:45:04
阅读次数:
83