JS中attr和prop区别
一、attr和prop区别
attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。
prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。
二、attr和prop怎么选择？
对于HTML元素...[2021/2/1]
JavaScript数据类型转换
目录前言一、强制转换1、其他的数据类型转换为String方式一：toString()方法方式二：String()函数2、其他的数据类型转换为Number方式一：使用Number()函数方式二：parseInt() & parseFloat()3、其他的数据类型转换为Boolean...[2021/2/1]
以 JSX 的方式来编写 Vue3 代码
创建项目
使用 vue ui 创建 vue3 项目
安装 vue-router vuex @vue/cli-plugin-typescript, @vue/babel-plugin-jsx
修改 babel.config.js 文件
module.exports =...[2021/2/1]
算法面试题二：旋转数组，存在重复元素，只出现一次的数字
这里介绍排序算法及贪心算法的个人解决方法
题目一：旋转数组
给定一个数组，将数组中的元素向右移动 k 个位置，其中 k 是非负数。
进阶：
尽可能想出更多的解决方案，至少有三种不同的方法可以解决这个问题。
你可以使用空间复杂度为 O(1) 的 原地 算法解决这个问题吗？
...[2021/2/1]
photo-sphere-viewer.js实现全景图
photo-sphere-viewer.js是一个基于three.js的全景插件
1、能添加热点； 2、能调用陀螺仪； 3、操作简单，提供一张全景图片即可（大多数手机都可以拍摄）
官网：https: photo-sphere-viewer.js.org/
使用方法很...[2021/2/1]
原生js使用面向对象的方法开发选项卡实例教程
本教程通过js面向对象的方法来封装一个选项卡的实例，在实例中讲解js的面向对象如何实现功能。
一般封装好的选项卡程序，只需要一个div元素即可。其它元素都是通过json数据来生成，所以封装好的选项卡实例，调用非常方便。先创建一个div元素，如下所示：
<div cla ="t...[2021/2/1]
JavaScript-作用域JavaScript-作用域
作用域有:全局作用域和局部作用域
var 除了函数的{}之外，其他地方都不会认为是子作用域
let 在任意{ }里面，如果用的是let关键词定义的变量，那么这个{}视为一个子作用域,在for的()里面，用let定义变量，视为子作用域.
Var的...[2021/2/1]
深入理解JavaScript作用域和作用域链
目录前言作用域(Scope)1.什么是作用域2.全局作用域和函数作用域3.块级作用域作用域链1.什么是自由变量2.什么是作用域链3.关于自由变量的取值作用域与执行上下文解释阶段：执行阶段：后记
前言
JavaScript中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者...[2021/2/1]
js 时间控件 日期多选
在开发的过程中，时间总是不可避免要出现的需求，这里给大家分享我比较常用的js 时间控件和一个问题的解决方法
layDate
官方文档地址：https: www.layui.com/laydate/
图片：
案例代码：
<!DOCTYPE html>
...[2021/2/1]
Node.js 安全指南
当项目周期快结束时，开发人员会越来越关注应用的“安全性”问题。一个安全的应用程序并不是一种奢侈，而是必要的。你应该在开发的每个阶段都考虑应用程序的安全性，例如系统架构、设计、编码，包括最后的部署。
在这篇教程中，我们将一步步来学习如何提高Node.js应用程序安全性的方法。
1. 数据...[2021/2/1]
原型链
原型链
原型链的概念
? ECMAScript 中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾以下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都...[2021/2/1]
JS实现简易日历效果JS实现简易日历效果
本文实例为大家分享了JS实现简易日历效果的具体代码，供大家参考，具体内容如下
c
* {
margin: 0;
padding: 0;
list-style: none;
}
#box {
width: 280px;
heig...[2021/1/25]
原生js实现文本滚动
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>文本滚动</title>
</head>
...[2021/1/25]
Electron实用技巧-开机启动时隐藏主窗口，只显示系统托盘
# 1
在桌面软件中，开机自启动是很常见的功能，在electron中也提供了很好的支持，以下是主要代码：
应用是否打包
if (app.isPackaged) {
设置开机启动
app.setLoginItemSettings({
openAtLogin: tr...[2021/1/25]
聊聊 React
都说 React 开发效率高，但效率高在哪呢？来细看看。
用 d3 写一个 List：
const renderList = data => {
d3.select("ul")
.selectAll("li")
.data(data, d => d.i...[2021/1/25]
es6-ES6 的变量声明
提前声明：此文章仅仅用于个人成长学习的记录。
内容部分摘抄自：
一：https: github.com/qianguyihao/Web/tree/master/05-JavaScript%E4%B9%8BES6%E8%AF%AD%E6%B3%95
二...[2021/1/25]
原生js制作表单验证，基本的表单验证方法
表单验证是web前端最常见的功能之一，也属于前端开发的基本功。自己完成一个表单验证的开发，也有助于加深对字符串处理和正则表达式的理解。
基本的表单验证包括如：字母验证、数字验证、字母和数字验证、汉字验证、密码验证、日期验证、手机验证、邮箱验证，密码验证等。
现在就来完成这些验证代码的...[2021/1/25]
浏览器存储
目录前言一、Cookie1.Cookie的来源2.什么是Cookie及应用场景3.Cookie的原理及生成方式4.Cookie的缺陷5.Cookie与安全二、LocalStorage1.LocalStorage的特点2.存入/读取数据3.使用场景三、se ionStorage1.se i...[2021/1/25]
【JavaScript PAT乙级】1001 害死人不偿命的(3n+1)猜想
卡拉兹(Callatz)猜想：
对任何一个正整数 n，如果它是偶数，那么把它砍掉一半；如果它是奇数，那么把（3n+1）砍掉一半。这样一直反复砍下去，最后一定在某一步得到 n=1。卡拉兹在 1950 年的世界数学家大会上公布了这个猜想，传说当时耶鲁大学...[2021/1/25]
Error: Command failed: C:\windows\system32\cmd.exe /s /c "./configure --disable-shared
错误记录之：
Error: Command failed: C:\windows\system32\cmd.exe /c "./configure --disable-shared
错误关键词：cwebp-bin, autoreconf -ivf, pngquant, libpng...[2021/1/25]
纯函数 - angle-xiu纯函数 - angle-xiu
纯函数
纯函数是这样一种函数，即相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用。
比如 slice 和 splice，这两个函数的作用并无二致——但是注意，它们各自的方式却大不同，但不管怎么说作用还是一样的。我们说 slice 符合纯函数的定义是因为对相同的输入它保证能返回相...[2021/1/25]
let关键字：加强版的var关键字
本文首发于个人网站：let关键字：加强版的var关键字
你好，今天大叔想和你唠扯唠扯 ES6 新增的关键字 —— let。再说 let 的具体用法之前，大叔想先和你说说大叔自己对 let 的感受 —— let 其实就是加强版的 var。为啥这么说呢？别急，且听大叔慢慢道来。
首先...[2021/1/25]
前端基础功能，原生js实现轮播图实例教程
轮播图是前端最基本、最常见的功能，不论web端还是移动端，大平台还是小网站，大多在首页都会放一个轮播图效果。本教程讲解怎么实现一个简单的轮播图效果。学习本教程之前，读者需要具备html和c 技能，同时需要有简单的javascript基础。
本实例效果如下图所示：
...[2021/1/25]
【JavaScript】7-1 厘米换算英尺英寸 (15分)【JavaScript】7-1 厘米换算英尺英寸 (15分)
题目：如果已知英制长度的英尺foot和英寸inch的值，那么对应的米是(foot+inch/12)×0.3048。现在，如果用户输入的是厘米数，那么对应英制长度的英尺和英寸是多少呢？别忘了1英尺等于12英寸。
输入格式：
输入在一行中给出1个正整数，单位是厘米。
输出格式：
在一...[2021/1/25]
【JavaScript】7-2 然后是几点 (15分)
题目：
有时候人们用四位数字表示一个时间，比如 1106 表示 11 点零 6 分。现在，你的程序要根据起始时间和流逝的时间计算出终止时间。
读入两个数字，第一个数字以这样的四位数字表示当前时间，第二个数字表示分钟数，计算当前时间经过那么多分钟后是几点，结果也表示为四位数字。当小时为...[2021/1/25]
深入理解浏览器的缓存机制
目录一、前言二、缓存位置1.Service Worker2.Memory Cache3.Disk Cache4.Push Cache三、缓存过程分析四、强缓存1.Expires2.Cache-Control3.Expires和Cache-Control两者对比五、协商缓存1.Last-M...[2021/1/25]
【JavaScript】7-7 12-24小时制 (15分)
题目：
编写一个程序，要求用户输入24小时制的时间，然后显示12小时制的时间。
输入格式：
输入在一行中给出带有中间的:符号（半角的冒号）的24小时制的时间，如12:34表示12点34分。当小时或分钟数小于10时，均没有前导的零，如5:6表示5点零6分。
提示：在scanf的格式...[2021/1/25]
JS网站广告实现侧边栏滚动至div顶部后固定、鼠标滚动下拉侧边栏DIV固定
网站或博客经常要挂广告，固定在侧边栏上，每次用到场景都不一样，每次都现找案例，今天把各个场景在这里汇总记录一下！
目前遇到这两种固定div的场景：1、侧边栏滚动至div顶部后固定 ；2、滚动下拉侧边栏DIV固定
场景一、JS 实现DIV 滚动至...[2021/1/25]
const关键字：终于拥有真正的常量声明语句
本文首发于个人网站：const关键字：终于拥有真正的常量声明语句
你好，今天大叔想和你唠扯唠扯 ES6 新增的关键字 —— const。在说 const 关键字之前，大叔先和你唠唠大叔自己对 const 的感受 —— JavaScript 尼玛终于可以声明真正的常量啦！大叔为啥会发...[2021/1/25]
JavaScript入门-对象(二）
JavaScript对象(二)
本篇，主要讲了面向对象、this的指向问题，模拟继承过程
面向对象编程
什么面向对象编程？
编程，编程就是人们用计算机能懂的语言，告诉计算机自己想做的事情。
面向对象的编程的主要思想是把构成问题的各个事物分解成各个对象，建立对象的目的不是为了完成...[2021/1/25]
js模仿京东首页的倒计时功能
模仿京东首页的倒计时
我们学习了定时器，可以用定时器做一个倒计时，于是我模仿了京东首页倒计时。
先看看京东首页的倒计时。
思路：
如何倒计时？
给一个未来的时间。然后计算未来时间到现在的时间戳。
用定时器每隔一秒，计算时间戳。然后把时间戳转换为时分秒。
转换的时...[2021/1/25]
JavaScript 实现网页图片的等比缩放
网上有很多写使用纯CSS来实现图片的等比缩放的，到目前为止，我还没有发现一个可用的方法。这里的等比缩放是指按照图片的原始尺寸和比例进行缩放。
网上的方法大多如下：
img{
width: auto;
height: auto;
max-width...[2021/1/25]
（2） 使用phpstudy 实现局域网内远程访问本地ThreeJS示例（2） 使用phpstudy 实现局域网内远程访问本地ThreeJS示例
1 下载phpStudy 作为本地开发服务器
hpStudy下载后解压安装。安装完成后启动服务。如下：
2 打开phpStudy的安装目录，进入到安装目录的 PHPTutorial \ WWW 文件夹中。...[2021/1/18]
一次Vue代码bug定位一次Vue代码bug定位
下面bug如何找到问题出在哪里？
之前，如果报错的变量不是普通的单词，还可以在代码里面搜索，看看哪里写的有问题。
但是现在的变量是 i ，如果搜索的话，代码里面有几十个位置，很难找到错误的地方。
那么这种情况如何解决？
解决办法：
我们把错误的地方点开：
就可以看到有错误...[2021/1/18]
JavaScript this 关键字详解
一、前言
this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。对于那些没有投入时间学习this机制的JavaScript开发者来说，this的绑定一直是一件非常令人困惑的事。
二、了解this
学习this的第一步是明白t...[2021/1/18]
d3 zoom 抖动问题 事件
最近在使用d3 zoom得时候 遇到一个小坑
直接对元素添加 zoom事件 会有很大得抖动，查文档 看代码之后发现是 由于元素在不断变化， 所以计算基础值也不不断变化，所以会导致计算出来得值 忽大忽小 从而造成抖动
&nbs...[2021/1/18]
nvm-node版本管理工具
关于nvm
我们可在同时进行多个项目时，可能会出现不同项目所使用的node版本是不一样的情况，或者需要使用其他版本node进行测试。在面临这种情况时，我们就可以使用nvm解决管理多个node版本的问题，它可以方便的在同一台设备上进行多个node版本之间切换，注意：如果您之前单独安装...[2021/1/18]
关于javascript中的promise的用法和注意事项关于javascript中的promise的用法和注意事项
一、promise描述
promise是javascript中标准的内置对象，用于表示一个异步操作的最终状态（是失败还是成功完成）及其结果值。它让你能够把异步操作最终成功或者失败的原因和响应的处理程序相关联，也就是说通过promise你可以自定义异步操作结束后该做什么。这样的话异步方法...[2021/1/18]
凹凸技术揭秘 · 基础服务体系 · 构筑服务端技术中枢
前言
凹凸实验室从最初的前端团队成长为如今的全端团队，意味着我们不仅关注前端的技术能力，也重视全端及全栈的能力。在这一篇，我们从前端团队角度出发，阐述我们最初搭建服务端体系遇到的一些困难，已构建的服务体系架构，以及如何更好地助力业务增长。
些许似曾相识
首先，我们来看下日常工作中存...[2021/1/18]
原型与原型链详解
目录前言一、构造函数二、原型三、原型链1.__proto__和constructor2.何为原型链
前言
与大部分面向对象语言不同，ES6之前并没有引入类（cla ）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。在介绍原型和原型链之前，我们有必要先复习一下构造...[2021/1/18]
Chrome扩展程序开发 - 更改活动选项卡的default_icon
背景
Chrome Extension简单定义为浏览器的功能性扩展，由html、c 、js和一个描述文件manifest.json组成，在浏览器的地址栏边上显示扩展图标。本质上其实就是一个由html、c 、js、图片等资源组成的一个.crx后缀的压缩包。
问题
由于最近业务需要，不得不...[2021/1/18]
XSS-labs通关挑战（xss challenge） - ruoli-sXSS-labs通关挑战（xss challenge） - ruoli-s
XSS-labs通关挑战（x challenge）
0x00 x -labs
最近在看x ，今天也就来做一下x -labs通过挑战。找了好久的源码，终于被我给找到了，因为在GitHub上大家也知道那个下载速度，所以，我也就直接转接到自己的码云上去了，在这也贴出来，欢迎大家下载使用。
...[2021/1/18]
React笔记01：react基础、react脚手架、JSX
1 React概述
1.1 什么是react
React 是一个用于构建用户界面的 JavaScript 库。
用户界面：HTML页面（前端）
React 主要用来写HTML页面，或构建Web应用
如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，...[2021/1/18]
用js实现打印九九乘法表用js实现打印九九乘法表
用js在控制台打印九九乘法表
运行结果
思考
在学习了流程控制和条件判断后，我们可以利用js打印各式各样的九九乘法表
不管是打印什么样三角形九九乘法表，我们都应该找到有规律的地方，比如第一列的数字是什么规律，第一行的数字是什么规律，只要找到了共性，九九乘法表就很简单了
注意点
怎...[2021/1/18]
toFixed()与银行家舍入
toFixed()与银行家舍入
一直在用toFixed()方法做浮点数的舍入取值，如果只是客户端展示数据是没有多大问题的，但是如果涉及到和后端互交，数据的精度可能会导致接口对接失败，当然了，涉及安全性的数值，比如金额之类的不应该放在前端计算，应该以后端为准，少数情况下如果需要的时候...[2021/1/18]
js函数function(一)js函数function(一)
function函数
function的英文是[功能],[数] 函数；职责；盛大的集会的意思
在js里，就是函数的意思。在Java里叫做方法。
定义函数
function fun(参数){
函数体
return可有可无，根据实际要求加或不加...[2021/1/18]
微信小程序之高德地图多点路线规划
目录如下：
调用
两点之间的导航
多点路线规划
调用
如何调用高德api？
高德官方给出的https: lbs.amap.com/api/wx ummary/开放文档比较详细：
第一步，注册高德开发者
第二部，去控制台创建应用
即点击右上角的...[2021/1/18]
读 Angular 代码风格指南
读 Angular 代码风格指南
本文写于 2021 年 1 月 17 日
原文地址：Angular 文档
该文章拥有完整的代码风格指南——大到如何编排文件夹，小到如何进行变量命名都涉及。但是与 ng 略有绑定，所以这里整理一下可以单独拿出来的通用部分。
单一职责
请坚持每个文件只...[2021/1/18]
原生javascript制作省市区三级联动详细教程
多级联动下拉菜单是前端常见的效果，省市区三级联动又属于其中最典型的案例。多级联动一般都是与数据相关联的，根据数据来生成和修改联动的下拉菜单。完成一个多级联动效果，有助于增强对数据处理的能力。
本实例以省市区三级联动为例，来说明具体是如何使用javascript来关联数据，实现联动下拉菜...[2021/1/18]
深入剖析setState同步异步机制
关于 setState
setState 的更新是同步还是异步，一直是人们津津乐道的话题。不过，实际上如果我们需要用到更新后的状态值，并不需要强依赖其同步/异步更新机制。在类组件中，我们可以通过this.setState的第二参数、componentDidMount、componentD...[2021/1/18]
经验首页