- 博客(43)
- 收藏
- 关注
RSS订阅
原创 前端JS算法之数组去重
第一种方法：使用双重for循环，分别去拿数组里面的元素去跟数组里面的每一项去比较var arr1 = [1, 1, 2, 3, 3, 4, 5, 6, 7, {}, {}, [], [], 'a', 'b', 'c', 'a', 'c', true, false, true, null, NaN, null, NaN];function separate(arr) { for(let i = 0; i < arr.length; i++) { for(let j = i.
2020-12-02 17:48:01
268
原创 前端JS算法之最大公因数
概念：最大公因数：也称最大公约数、最大公因子，指两个或多个整数共有约数中最大的一个。约数：又称因数。整数a除以整数b(b≠0) 除得的商正好是整数而没有余数，我们就说a能被b整除，或b能整除a。a称为b的倍数，b称为a的约数。逻辑步骤：第一种算法逻辑：1、最大公因数，就是两个数都能整除的最大除数。2、整除就代表着余数为0，js运算中我们可以使用求余符号%。3、分别让两个整数循环求余，两个整数余数都为0的时候，把这个除数保存到一个变量里面，循环完成时，这个变量保存的就是最大公约数。funct.
2020-11-30 16:14:20
1522
2
原创 前端JS算法之斐波那契
斐波那契：由0和1开始，之后的斐波那契数列每一项都等于前两项之和。斐波那契数列示例：1、1、2、3、5、8、13、21、34逻辑步骤：1、求第n项的斐波那契数，就是就n项的前两项相加，前一项是n-1,前两项就是n-2。2、第n项斐波那契数就是(n-1) + (n-2)，这样我们就可以使用递归。3、递归是什么？递归就是函数自己调用自己。4、自己调用自己，那我们就可以用arguments.callee。（PS：arguments是一个类数组对象，它包含着传入函数的所有参数。arguments有一个.
2020-11-26 19:10:13
1467
3
原创 前端JS算法之素数
在看代码之前，我们先梳理一下逻辑，什么是素数，百度百科上写到，素数又称质数，质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数。那我们可以理解为只能被1和它本身整除的数就是素数。逻辑步骤：1、整除余数肯定为0。2、JS里面有求余符号 %，我们可以判断余数是否为0。3、一个质数只能被1和它本身整除2次，也就是余数为0的次数只能是2次4、使用for循环，对这个整数从1和它本身之间的整数（包括1和它本身）求余。5、声明一个变量num，记录余数为0的次数6、根据步骤3，判断num(余
2020-11-25 18:01:02
3483
原创 前端html生成PDF
地址：https://github.com/parallax/jsPDF。地址：http://html2canvas.hertzen.com/
2023-10-24 15:57:19
809
原创 rollup-plugin-copy 中文文档
rollup-plugin-copy 是一个用于打包构建工具的插件，用于将指定的文件或目录从一个位置复制到另一个位置，支持glob。
2023-05-18 15:28:32
1984
原创 Vue3 + vite npm run build 后 html文件的srcipt标签不加type=module属性的js文件没有被打包
最近开发一个公司的官网项目，由于公司没有 UE， 领导就直接找了一个JQuery + bootstrap 的项目模板要求在最快的时间里面把这个项目放到Vue框架里面。这个项目模板里面各种动画、图表都是引入的JQery插件，这就导致了，你的html文件里面会有很多是打包后的。这样虽然解决了问题，通过在 vite 搭建项目中 import 引入public下的图片、音频、视频都不会报错，并且在 vue templete 中直接通过给 img 标签的src赋值 /aaa.png 也是正常的。
2023-05-18 11:41:07
3752
原创 javaScript之了解面向对象
面向对象编程是一种编程范式，它的核心思想是将数据和操作它们的方法组织成对象。在JavaScript中，对象是一个键值对集合，其中每个键都是一个字符串，而每个值可以是任何JavaScript数据类型（包括数字、字符串、布尔值、对象和函数）。继承允许我们创建一个新的对象，该对象具有一个现有对象的所有属性和方法。这对于创建可扩展和灵活的代码非常有用，因为它允许我们在不修改现有代码的情况下添加新的对象类型。对象字面量是一种非常方便的创建对象的方法，它允许我们使用一组大括号来定义对象的属性和方法。
2023-03-30 18:14:34
109
原创 安卓ADB使用技巧
一、查看手机app完整包名 连接手机，打开手机的开发者模式和usb调试，确认手机已连接 使用命令：adb shell am monitor，回车，然后启动你想要获取包名的那个应用，即可获得 二、查看手机中所有的app包名 命令：adb shell pm list packages...
2022-03-23 10:49:46
214
原创 前端面试集锦—html
好久没发文章了，主要是这段时间太忙了，在写Python，由于公司最近没有前端的项目，所以只能去写后端的代码了，终于能抽个时间发篇文章了，这几个月是招工季，所以就整理了一下面试题发了出来，后续还会有js、css、Vue的其他面试。版权声明：本篇文章是作者辛辛苦苦通过网络整理的面试题，转载请注明转载来源在这里插入代码片1、HTML5 有哪些新特性？ 1.语义化标签 例如：<header>、<footer>、><nav>、<aside>、&l.
2021-08-04 12:08:02
183
原创 前端JS算法之打印星星
第一种(左直角)function theOutputOne(n) { let star = ''; for(let i = 0; i < n; i++) { star += '*' console.log(star) }}theOutputOne(11)第二种(右直角)function theOutputTwo(n) { let star = ''; for(let i = 0; i < n; i++) {.
2021-02-02 17:36:02
1404
原创 Vue-Cli2 脚手架中webpack配置基础文件详解
一、引言引言：为了提升自己，研究了一下如何使用Vue-cli+webpack搭建项目框架，在网上搜了很多资料，对此有了一定的了解，于是在此记录一下，方便自己以后查看。二、创建vue-cli是构建vue单页应用的脚手架，输入vue init webpack demo从而自动生成Vue.js+webpack的项目模板。在创建过程中会有如下几项配置：? Project name demo // 项目名称 点enter? Project description A Vue.js project //.
2021-01-26 16:28:12
3383
2
原创 前端JS算法之数组排序
数组排序一直是前端面试中经常出现的问题，而大家可能经常用的就是sort排序，所以我又总结两种排序方式，加上sort排序，一并写了下来。第一种方法：冒泡排序逻辑步骤：1、使用双层for循环加if判断2、依次拿数组里面的一项去跟数组里面的每一项做比较运算，符合判断条件的，交换两项的位置。let arr = [9, 5, 1, 4, 8, 6, 2, 7, 3, 0, '2', '3'];function sorting(a) { // 判断数组是否存在，如果存在就获得数组长度 var a.
2020-12-18 16:12:53
3383
1
原创 前端JS算法之字符串去重和字符串反转
一、字符串去重说起字符串去重，第一时间就会想起数组去重，所以我们可以把字符串转换为数组，然后对数组去重，去重完毕后在拼接成字符串，下面就简单罗列两种字符串去重的方法，数组去重大家可以去看我之前的文章《前端JS算法之数组去重》，接下来我们看代码。第一种方法：逻辑步骤：1、使用split或者ES6的展开运算符...把字符串切割成数组2、使用ES6的Set数据解构，它类似于数组，但是它成员的值都是唯一的，使用new创建3、对去重后的数组使用join拼接let str = '11223344aabb.
2020-12-14 11:57:24
670
2
原创 js和css实现圆形表盘时钟
大家先看效果图，由于本人懒得弄gif图片，所以就截了一张静态图片，秒针是在走动的，时间是实时的。有需要的同学代码自取。接下来上代码。注释对代码进行了详细的解释html代码<!--定义一个大的盒子Clock，里面包含了时针h、分针m、秒针s、和12个小时--><div id="clock"> <div id="h"></div> <div id="m"></div> <div id="s"></div&g..
2020-11-06 14:43:18
1344
6
原创 H5页面点击遮罩层背景关闭遮罩层
今天团队同事接到一个需求，需求是这样的，点击页面按钮弹出红包弹窗，显示黑色遮罩层，点击遮罩层背景和弹窗关闭按钮要关闭弹窗，于是我就做了一个Demo出来，方便以后下次自己再遇到这种需求，上代码。html代码页面上只有一个展示的按钮，一个ID为bg的div作为灰色背景遮罩层使用，ID为popup的div作为红包弹窗，ID为close的div作为关闭按钮。<body> <div class="btn" id="btn">展示</div> <div .
2020-10-30 16:56:51
1219
原创 用CSS3写一个旋转魔方相册
这个旋转的魔方相册，是使用transform的translate属性写出来。一共是一大一小两个正方形，废话不多说，看代码HTML代码 <!--最简单的代码呈现最炫丽的页面，请忽略我的类型，懒得起名字--> <div id="mf"> <div class="mf_d1 d1_top"></div> <div class="mf_d1 d1_bottom"></div> <div class="mf_d1 d1_.
2020-10-09 16:54:11
1474
3
原创 前端实现字符串GBK与GB2312的编解码
前言在开发项目的时候遇到的一个比较坑的问题，产品要求从浏览器拿到浏览器地址栏里面的搜索词进行判断，我们一般使用的都是UTF-8的编码格式，但是百度和谷歌在对搜索词编码的时候都是使用的GBK编码，这就导致，解码失败，于是就在网上找解决方法，最终找到了一位前辈整理出来的方法，通过iframe解决了这个问题，所以特此总结一下，方便自己以后使用，也希望能帮助到更多的人，最后会放上前端文章的链接。1、编码(支持GBK和GB2312)为了避免麻烦，我们可以将表单的请求页面设定为当前页面，将回调函数放在页面JS的.
2020-09-21 14:26:44
2783
原创 js基本类型和引用类型的检测、复制
1、js的基本类型和引用类型（1）认识一下基本类型和引用类型js的基本类型包括 Undefined、Null、Boolean、Number、String 这五种类型，基本类型是按值访问的，因为可以操作保存在变量中的实际的值。js的引用类型常用的包括 Object、Array、RegExp，因为在操作对象时，实际上在操作对象的引用而不是实际的对象，因此，引用类型的值是按引用访问的。定义基本类型和引用类型的方式是差不多的：都是创建一个变量并为该变量赋值，但是当这个值保存到变量中后，不同类型的值可以进行.
2020-07-24 15:51:17
196
原创 原生js封装http请求，get、post请求
let origin = 'http://www.baidu.com' // 后端接口域名const address = { // info: origin + '/template/getinfo', // 后端接口}export default function httpApi(type, _url, params = {}) { let object = { method: type || 'GET', // 请求类型 .
2020-07-20 19:05:08
4981
原创 String类型的charAt、charCodeAt、slice、substr、substring方法
一、String的字符方法charAt()和charCodeAt()/**charAt():接收一个参数，返回参数给定位置的那个字符。**/var str = 'abcdefghijklmn';console.log(str.charAt(3)) // d;console.log(str.charAt(-3)) // '' 返回空，charAt的参数不支持负数/**charCod...
2019-11-15 17:56:33
658
原创 函数的属性和方法this、arguments、call、apply、bind、
一、函数的内部属性1.arguments：它是一个类数组对象，包含着传入函数中的所有参数。function color(col1, col2, col3) { //因为是类数组对象，检测类型为object，用下标获得传入的值 console.log(typeof arguments);// object console.log(arguments[0]);// red console...
2019-11-14 14:43:14
260
1
原创 快速记住Date的使用方法
如何获取时间日期的毫秒，因王之前的文章学过，就不在这里描述了，有不知道的请看这个篇文章《+new Date()》只要记住3句话，快速记住Date类型的方法1. 8个单位FullYear // 年份Month // 月份Date // 天数Day // 星期几Hours // 小时Minutes // 分钟数Seconds // 秒数Mill...
2019-11-01 16:33:20
739
原创 js数组的迭代方法every、filter、forEach、map、some
1.迭代方法ES5为数组定义了5个迭代方法，这五个迭代函数分别是：every()、filter()、forEach()、map()、some()。每个方法都接收两个参数：在数组里面的每一项上运行的函数和（可选）运行该函数的作用域对象——影响this的指向。传入这些方法中的函数会接收三个参数：数组每一项的值（必需）、该项在数组中的位置（可选）、数组对象本身（可选）。/**我们这边使用forEa...
2019-10-31 16:15:32
409
原创 js数组的操作方法,concat、slice、splice、join、indexOf、lastIndexOf
1.操作方法(1)concat(): 基于当前数组当中的所有项创建一个新的数组。简单的说在不传参的情况下，就是复制当前数组创建副本，如果传参，会先创建副本，然后将接收到的参数添加到这个副本的末尾，如果传递的参数是一个或者多个数组，concat()方法会将这些数组的每一项都添加到副本数组中。如果传递的是其他值，则会直接添加到副本数组的末尾。var arr = [1, 2, 3];var ar...
2019-10-29 17:27:21
449
原创 数组的方法栈方法和排序方法,pop、push、shift、sort
1.数组的栈方法push():可以接收任意数量的参数，把它们添加到数组的末尾，并返回修改后数组的长度var color = [];var count = color.push('red', 'green');console.log(color); // ['red', 'green'];console.log(count); // 2pop():从数组末尾移出最后一项，减少数组的l...
2019-10-28 15:52:29
598
原创 JS的垃圾回收机制是什么
JS为什么需要垃圾回收机制程序的运行需要内存，只要程序提出要求，操作系统或者运行是就必须供给内存。对于持续运行的服务进程，必须及时释放内存，否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。JS垃圾回收常用的两种方式环境的定义：《JavaScript高级程序设计第三版》定义执行环境（为简单起见，有时也称环境）是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权......
2019-10-25 15:41:51
1605
原创 如何理解JS中的数据属性和访问器属性
数据属性1. 数据属性：数据属性包含一个数据值的位置。在这个位置可以读取和写入值。（JavaScript高级程序设计第三版)2.数据属性包含的四个特性configurable：表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，默认值：true。enumerable：表示是否可以通过for-in循环返回属性，默认值：true。writable：表示能否修改属性的值，默认...
2019-10-18 17:21:31
710
原创 时间戳转日期格式 +new Date
在看前辈的代码的时候看到了const jsonp = +new Date,当时就不明白了，+new Date是怎么回事，啥情况不懂啊，本着求知欲的情况下，就去网上查了一下。做了如下总结：js在某个数据类型前使用+，这个操作目的是为了将该数据类型转换为Number类型，如果转换失败，则返回NaN+new Date() 会调用Date.prototype 上面的 valueOf方法，根据MDN ......
2019-10-16 11:50:18
5595
2
转载 16种方法实现水平居中垂直居中
水平居中若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:.parent{ width: -moz-fit-content;...
2019-10-09 17:13:23
296
原创 前端浅谈从输入网址到页面加载完成中间经历了什么
地址栏输入地址浏览器根据域名解析，浏览器首先会查看本地缓存是否可以找到服务器IP，如果找到了解析到此结束，并且建立连接。如果未找到，则查看系统DNS缓存，如果找到且未过器则停止解析，建立连接成功备份服务器IP到本地。如果未找到则向根DNS服务器查找服务器IP，直到成功。拿到域名对应的IP地址之后，如果URL里面不包含端口，则会使用该协议的默认端口号。根据查询到的IP和服务器通过TC...
2019-10-09 11:36:14
193
原创 手机APP UserAgent查询
很多做前端开发的小伙伴呢，偶尔要获得l浏览器或者手机APP的UA来做一些浏览器的兼容处理，但是手机APP又很不方便查询，今天我就给大家提供一种很方便的方法首先用电脑打开http://www.ip138.com/useragent/这个网址。当然如果你要查的是手机上浏览器的UA也可以手动输入到手机浏览器里面，打开以后就会出现下面的页面这样是不是就能很清楚的看到浏览器的信息了呢。当你用电脑打开这......
2019-08-27 10:52:20
8877
1
原创 http协议的理解以及http和https的区别
http协议的理解以及http和https的区别一.什么是httphttp(Hypertext transfer protocol)超文本传输协议，通过浏览器和服务器进行数据交互，进行超文本（文本、图片、视频等）传输的规定。也就是说，http协议规定了超文本传输所要遵守的规则。二.从输入url到加载页面中间发生了什么了1、输入URL，http协议已经规定了URL的格式，通过http协议中的...
2019-07-01 20:07:19
333
原创 百度地图API信息框在左上角应该怎么解决
应公司产品经理的要求，要做一个点击链接弹出地图的模态框。于是就用bootstrap自带的写了一个，写完之后呢，发现在弹出地图之后，信息框跑到了左上角。在网上查的都是怎么调整标注的位置，（也可能是我没找到），自己研究了半天终于搞定了。记录一下。方便下次使用，上代码HTML： <li> <div class="list_box_view"> ...
2019-05-23 11:52:34
1749
原创 在windows环境下使用wget
众所周知呢wget这个工具是Linux、Unix下才能使用的，但是本人公司的电脑上没有这两个系统，产品经理又硬性要求，所以查百度，问朋友终于搞定了，wget在windows的环境下使用原来以前都有前辈做到了，这里是自己做下笔记，以方便自己以后使用的时候可以随时找到。首先要下载wget。点击下载ps:点击文章尾部的下载链接也可以。下载好之后解压到一个文件夹下面，文件夹的位置呢，随便放。但是里......
2019-04-30 15:47:51
22329
1
原创 网站全部页面跳转在新页面打开
做项目总是避免不了点击链接跳转，a链接默认是在当前页面打开，当项目完工以后，有些客户要求，所有跳转我都要在新网页打开，这个时候总不能一个a标签一个a标签的改吧。这个时候就需要在head里面添加一个<base target="__blank">标签，这样，项目所有的网页跳转的时候都会在新的页面打开了，当然target还有其他的值_self 默认。在相同的框架中打开被链接文档。_...
2019-03-07 14:57:08
469
原创 Windows系统从零学习git到熟练掌握（三）
PS:本篇文章是本人在看了廖雪峰老师的git教程之后自己总结的经验，适合初次接触git的人观看。一、删除github远程库随时时间的长短，大家可能在github上建的远程仓库越来越多，有可能不想保存某一个仓库了，想删掉这个仓库，应该怎么删除呢？首先在仓库页面的导航栏点击Settings进入Settings(设置)页面之后，复制你的项目名称接着把页面拉到最底部，点击Delete thi...
2019-02-13 14:31:52
185
原创 Windows系统从零学习git到熟练掌握（二）
PS:本篇文章是本人在看了廖雪峰老师的git教程之后自己总结的经验，适合初次接触git的人观看。一、工作区和暂存区1.工作区本人理解就是就.git目录的父级文件夹2..git这个不是工作区，是git的版本库3.Git的版本库里存了很多东西，其中最重要的就是称为stage（或者叫index）的暂存区，还有Git为我们自动创建的第一个分支master，以及指向master的一个指针叫HEAD。...
2019-02-13 11:16:34
182
原创 Windows系统从零学习git到熟练掌握（一）
PS:本篇文章是本人在看了廖雪峰老师的git教程之后自己总结的经验，适合初次接触git的人观看。一、安装 Windows系统要是用git，首先要从[git官网](https://git-scm.com/)上下载安装程序（网站慢的可以使用国内的镜像下载）。安装完成以后，在电脑桌面的空白处，鼠标右键单击打开菜单（或者打开开始菜单，在里面找到“git”=>“Git Bash”)就说明安装成...
2019-02-12 15:02:01
191
原创 margin，padding清零，为什么图片中间还会有间距
最近新手小白，遇到了一个问题，在写css样式的时候明明已经把标签的padding，margin清空了，可是为什么预览项目的时候，图片中间还是会有间距呢（包括块元素与块元素）这个问题困扰了新手小白很久。那么原因究竟是什么哪。原因就是:在我们书写代码的时候，为了代码的美观性，总是需要换行和tab来控制。当HTML渲染的会把换行自动渲染成一个空格。所以图片中间就会有间距，解决方案就是不换行。...
2019-01-31 16:27:46
1372
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人