JavaScript
少年是只猫
前端外包仔
展开
-
谷歌浏览器调试js代码
谷歌浏览器调试js代码前言在没有开发环境的情况下,特别是代理无法使用,定位一个js问题是很麻烦的。谷歌浏览器F12,在源代码处有多种调试js代码的方法,我只用过一种哈。调试js代码打开F12,在sources找到需要调试的js文件在需要修改js的前面打上断点(最好在最前面哈)按f5 刷新页面,稍等片刻修改js,按ctrl+s保存(一定要保存,不然不生效)运行代码,可以点击这个蓝色图标(全部执行),也可以一行一行执行。这种调试方法适合用来定位问题,不太适合开发原创 2020-05-28 21:24:33 · 2476 阅读 · 0 评论 -
js二进制运算
js二进制运算二进制和十进制的计算方法一样,原理是模仿列竖式计算。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...原创 2020-04-13 23:54:05 · 1690 阅读 · 0 评论 -
前端打印功能
前端打印功能1. window.print()window.print()可直接打印整个html网页。window.print()如果想要打印某个节点,可先把需要打印的节点innerHTML赋值给body.innerHTML,再执行window.print();之后还原页面。代码如下:<!DOCTYPE html><html><head> ...原创 2019-11-12 14:31:57 · 350 阅读 · 3 评论 -
JavaScript中的json对象
json对象json对象在JavaScript中是一个重要的数据类型,json对象中可以嵌套各种类型的数据及函数方法等,通过key值来找到对应的value值。下来给大家分享下我对json对象的一些了解。json对象结构var json = { title:'这是一个标题', content:'这是一个内容' }json对象使用{},每一项使用逗号...原创 2019-07-30 09:17:29 · 216 阅读 · 0 评论 -
Javascript定时器setTimeout(),setInterval()
js定时器定时器在页面中比较常用,特别是显示日期,自动轮播方面。setTimeout()setTimeout()有两个参数,第一个参数为执行的函数,第二个参数为时间间隔(单位毫秒),如下代码:1000毫秒后,执行一次函数后销毁。setTimeout(function () { console.log(1)},1000)setInterval()setInterval()有两...原创 2019-07-30 15:49:30 · 225 阅读 · 0 评论 -
js选项卡制作
选项卡选项卡在很多项目中都有用到,下面是我用原生js做的选项卡,如有不足,望指正。html结构与样式头部导航采用flex布局,等宽分布li元素。设置颜色是为了区分界限。内容部分宽高占满剩余的空间,每个内容块宽高100%。通过display属性让选中项内容显示,其他项内容隐藏。css中的on样式:选中的那一项,增加的样式(头部li元素)。css中的show样式:选中的那一项的内容,增加...原创 2019-08-01 15:02:40 · 803 阅读 · 0 评论