少年是只猫-CSDN博客

原创谷歌浏览器调试js代码

谷歌浏览器调试js代码前言在没有开发环境的情况下，特别是代理无法使用，定位一个js问题是很麻烦的。谷歌浏览器F12，在源代码处有多种调试js代码的方法，我只用过一种哈。调试js代码打开F12，在sources找到需要调试的js文件在需要修改js的前面打上断点（最好在最前面哈）按f5 刷新页面，稍等片刻修改js，按ctrl+s保存（一定要保存，不然不生效）运行代码，可以点击这个蓝色图标（全部执行），也可以一行一行执行。这种调试方法适合用来定位问题，不太适合开发

2020-05-28 21:24:33 2629

原创 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 1778

原创前端打印功能

前端打印功能1. window.print()window.print()可直接打印整个html网页。window.print()如果想要打印某个节点，可先把需要打印的节点innerHTML赋值给body.innerHTML，再执行window.print();之后还原页面。代码如下：<!DOCTYPE html><html><head> ...

2019-11-12 14:31:57 428 3

原创 node.js图片缩放

node.js图片缩放使用images做简单的图片处理功能，不需要安装图片处理库。安装：npm install --save images代码：var images = require("images");images("./test.jpg") //加载图片 .size(800) ...

2019-11-04 11:40:35 1090

原创 electron打包项目成exe桌面应用

electron打包成exe桌面应用使用electron可将网页打包成桌面应用，自带浏览器，所以打包后的exe会多出浏览器的大小（40-100M）。打包环境：需安装node.js。建立electron项目1. 安装electronnpm install --save-dev electron2. 简易项目直接在electron官网上给的链接下载简易demo或者复制main.js和i...

2019-10-28 16:08:21 9958

原创 js选项卡制作

选项卡选项卡在很多项目中都有用到，下面是我用原生js做的选项卡，如有不足，望指正。html结构与样式头部导航采用flex布局，等宽分布li元素。设置颜色是为了区分界限。内容部分宽高占满剩余的空间，每个内容块宽高100%。通过display属性让选中项内容显示，其他项内容隐藏。css中的on样式：选中的那一项，增加的样式（头部li元素）。css中的show样式：选中的那一项的内容，增加...

2019-08-01 15:02:40 858

原创 Javascript定时器setTimeout(),setInterval()

js定时器定时器在页面中比较常用，特别是显示日期，自动轮播方面。setTimeout()setTimeout()有两个参数，第一个参数为执行的函数，第二个参数为时间间隔（单位毫秒），如下代码：1000毫秒后，执行一次函数后销毁。setTimeout(function () { console.log(1)},1000)setInterval()setInterval()有两...

2019-07-30 15:49:30 295

原创常用的position属性：static，absolute，fixed，relative

position在写样式时经常要用到position属性，我在刚开始接触这个时遇到很多的问题，下面我来分享一下我对它的一些理解，如有错误，望指正。position:staticstatic是默认的值，正常流。position:relative与position:absoluterelative是相对定位，使用这个属性，top,left…及z-index可以起作用，如果后代元素中有设置po...

2019-07-30 11:39:27 657

原创 px，em和rem，移动端移动端适配

px，em和rempx是固定的长度单位。em是父元素的font-size（字体大小）的值，常用来设置首行缩进2em（2字符）。rem是根节点（html）的font-size（字体大小）的值，可以用来做移动端的自适应。rem做移动端适配一份长度最好是除得尽的数值如40,50。<!doctype html><html lang="en"><head> ...

2019-07-30 10:19:07 1122

原创 JavaScript中的json对象

json对象json对象在JavaScript中是一个重要的数据类型，json对象中可以嵌套各种类型的数据及函数方法等，通过key值来找到对应的value值。下来给大家分享下我对json对象的一些了解。json对象结构var json = { title:'这是一个标题', content:'这是一个内容' }json对象使用{}，每一项使用逗号...

2019-07-30 09:17:29 305

原创 JavaScript在chrome浏览器获取屏幕

JavaScript在chrome浏览器获取屏幕实例demo实例demonavigator.mediaDevices.getDisplayMedia需要在“https:”下才有效。传入的参数是一个json对象，video:true允许获取屏幕流，其他相关的参数可查看MDN上的文档说明。then方法中的stream为获取到的流媒体数据，使用video.srcObject = stream;可以显...

2019-07-29 16:18:12 2298

qq_2549265061的博客