自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 资源 (1)
  • 收藏
  • 关注

原创 js 监听元素是否出现在可视区域--IntersectionObserver

IntersectionObserver

2024-02-22 14:40:32 3026

原创 turnjs实现翻书效果

用turnjs实现翻书效果

2024-01-11 10:33:59 1160

原创 前端瀑布流怎么布局

假设你需要把页面搭建成这样,有两列元素,每个元素宽度一定,高度不一定。如何实现?

2023-11-08 18:06:33 408

原创 前端如何把HTML转成图片再下载

后端给了几张图片,让你自己写个html,然后下载到本地,如何实现这一需求?

2023-11-08 17:45:31 813

原创 vue3中使用better-scroll

better-scroll

2023-11-06 14:08:45 1035

原创 vue3拖拽排序——vuedraggable

vuedraggable使用

2023-11-06 10:36:03 624

原创 node-sass安装报错解决方案

安装node-sass却告知github链接不上,打开地址发现下载地址变成了404。

2023-11-06 09:36:48 387

原创 sea.js

seajs

2023-08-28 14:59:12 296

原创 vue3--生命周期

vue3的生命周期

2023-01-30 14:15:22 648

原创 探究js数据类型和底层原理

js数据类型有哪些,如何判断数据类型,他妈的底层是如何实现的

2022-11-23 14:57:41 508

原创 细数数组中的那些骚操作--去重,扁平化

数组去重、扁平化

2022-11-22 14:15:51 149

原创 全排列算法-Leetcode 46

给定一个不含重复数字的数组 nums ,返回其所有可能的全排列。你可以 按任意顺序返回答案。

2022-09-18 17:05:13 139

原创 推荐一个前端大佬的博客

推荐一个前端大佬的博客

2022-07-25 14:19:15 240

原创 细数数组中的那些循环

js中的数组循环forEach、map、find、findIndex、filter

2022-06-08 16:12:46 145

原创 基于jenkins+gitee的自动化部署方案(3)-- Nginx

Nginx安装 sudo apt-get install nginx启动:sudo nginx关闭:sudo nginx -s stop配置/etc/nginx/nginx.conf#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx

2022-05-14 19:04:19 213

原创 基于jenkins+gitee的自动化部署方案(2)

在我上一篇文章中相信大家已经安装好了jenkins,并能启动成功。这篇文章叫大家如何利用jenkins+gitee实现自动化部署,当你的代码push到gitee后,自动运行jenkins,并发布到你的服务器上。1. 服务器上安装Node以node13为例下载和解压Nodewget https://nodejs.org/dist/v13.9.0/node-v13.9.0-linux-x64.tar.gztar zxvf node-v13.9.0-linux-x64.tar.gz -C /usr/l

2022-05-14 14:55:11 3085

原创 基于jenkins+gitee的自动化部署方案(1)

Jenkins测试环境搭建基于ubuntu 20.04服务器ubuntu 20.041.安装JDKapt-get updatesudo apt-get install -y openjdk-11-jdk输入java -version查看安装结果java version "11.0.9" 2020-10-20 LTSJava(TM) SE Runtime Environment 18.9 (build 11.0.9+7-LTS)Java HotSpot(TM) 64-Bit Server V

2022-05-14 14:13:21 785

原创 js 如何判断数组中是否有重复数据

第一种方法,利用异或,^。let arr = [1, 2, 3, 4, 2, 3], x1 = 0for (let i = 0; i < arr.length; i++) { x1 = x1 ^ arr[i];}console.log(x1); //输出 5只要结果大于0就说明数组中又重复数据。第二种方法,利用ES6语法.首先回顾一下,数组如何去重Array.from(new Set(arr))利用这种方法就可以将数组去重,然后Array.from(new S

2022-05-07 14:26:02 7919 3

原创 前端如何做下载-blob

前端下载文件,blob,vue,axios

2022-04-25 14:30:09 535

原创 面试题:vuex刷新后消失怎么办

vuex是vue提供的的状态管理工具,但是他刷新后会消失,那该怎么办呢?咱们可以使用 vuex-persistedstate插件在解决这个问题//需要先下载插件npm install vuex-persistedstate--save //在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export default new Vuex.Store({state:{},mutations:{},actions:{

2022-03-23 21:34:11 389 1

原创 vue2 生命周期详解

beforeCreate:创建之前(el、data和message都还是undefined,不可用的)created:创建完毕(能读取到数据data的值,但是DOM还没生成)beforeMount:挂载之前(生成DOM,但此时{{ message }}还没有挂载data中的数据)mounted:挂载完毕({{ message }}已经成功挂载渲染data的值)beforeUpdate:更新之前updated:更新完毕beforeDestroy:销毁之前destroyed:销毁完毕(实例与视..

2022-03-05 18:12:16 1965

原创 JS如何调用客户端方法 JS Bridge Hybrid

JsBridge原理Hybrid最核心的就是Navite和H5的双向通讯, 而通讯是完全依赖于native提供的webview容器,那native提供的这个webview容器有什么特点能支撑起h5和native的通讯呢?具体的通讯流程到底是什么样子呢?首先说明有两种方式:URL Schema, 客户端通过拦截webview请求来完成通讯native向webview中的js执行环境, 注入API, 以此来完成通讯一、URL Schema, 客户端拦截webview请求原理在webvie

2021-10-28 14:58:59 1236

原创 js 计算时间差(去除休息日,节假日,精确到小时)

// 法定节假日var festival = ["2018-12-30", "2018-12-31", "2019-01-01", "2019-02-03", "2019-02-04", "2019-02-05", "2019-02-06", "2019-02-07", "2019-02-08", "2019-02-09", "2019-02-10", "2019-02-11", "2019-04-05", "2019-04-06", "2019-04-07", "2019-05-01", "20

2021-10-26 16:18:48 1035

原创 js 计算时间差(去除法定节假日,休息日,精确到天)

// 法定节假日var festival = ["2018-12-30", "2018-12-31", "2019-01-01", "2019-02-03", "2019-02-04", "2019-02-05", "2019-02-06", "2019-02-07", "2019-02-08", "2019-02-09", "2019-02-10", "2019-02-11", "2019-04-05", "2019-04-06", "2019-04-07", "2019-05-01", "20

2021-10-25 16:58:14 2119

原创 JS模块化——AMD、CMD、CommonJs、UMD,ES6 的对比

AMD、CMD、CommonJs 是 ES5 中提供的模块化编程的方案,import/export 是 ES6 中定义新增的CommonJSCommonJS 规范是通过 module.exports 定义的,例如 Nodejs,即由服务端兴起一个文件就是一个模块,拥有单独的作用域普通方式定义的变量、函数。对象都属于该模块通过require加载模块通过exports导入,module.exports来暴露模块eg:const fs = require('fs');module.e.

2021-10-19 19:22:23 471

原创 vue中如何让原生dom继承父组件属性

//子组件 <input v-bind="$attrs" /> inheritAttrs: true//可以继承父组件的属性 //父组件 <validate-input placeholder="jjj"></validate-input>

2021-10-16 21:34:32 452

原创 一个css小动画

<style> span { margin-top: 100px; display: inline-block; font-size: 30px; animation: jump 5.5s ease; animation-iteration-count: infinite; } @keyframes jump { 0%, 10%, 100% { transform: translateY(0);

2021-10-13 13:40:08 93

原创 数据结构与算法之时间复杂度、空间复杂度

算法复杂度 - 时间复杂度、空间复杂度时间复杂度关注点在循环次数最多的代码块最大值原则 - 存在多个循环,总复杂度等于最大的代码块复杂度乘法原则 - 嵌套代码复杂度等于嵌套内外代码块复杂度的乘积注意:算法的时间复杂度是一个函数,它定性描述该算法的运行时间关系,不表示确切时间。function total(n) { let sum = 0; // t for (let i = 0; i < n; i++) { // nt sum += i; // nt

2021-10-11 10:35:12 110

原创 数据结构与算法之树

// 前序中序后序遍历const PreOrder = function(node) { if(node !== null) { console.log(node.val); PreOrder(node.left); PreOrder(node.right); }}const InOrder = function(node) { if(node !== null) { InOrder(node.left); console.log(node.va.

2021-10-10 16:52:50 117

原创 数据结构与算法之 栈与队列

栈与队列栈 - 先入后出队列 - 先入先出实现一个class Stack { constructor() { this.items = []; } // 添加新元素到栈 push(element) { this.items.push(element); } // 移出栈顶元素 pop() { return this.items.pop(); } // 获取栈顶元素 peek() { return this.items[

2021-10-10 16:41:17 96

原创 数据结构与算法之链表

数组 & 链表查找:数组连续,效率高。可以迅速定位到数组中某一个节点位置。而链表则需要通过前一个元素指向下一个元素地址,需要前后依赖,效率较低插入:数组中元素插入会引起被插入位后所有元素索引的改变,而链表只需要改变某一个节点的next// 面试题 实现链表// head => node1 => node2 => ... => null// 链表类结构class LinkList { constructor() { this.length = 0;

2021-10-10 16:31:22 105

原创 TCP/IP 网络协议

TCP/IP网络协议聊TCP/IP协议之前, 咱们先看一下OSI七层模型.第 7 层:应用层为操作系统或网络应用程序提供访问网络服务的接口。应用层协议的代表包括: HTTP,HTTPS,FTP,TELNET,SSH,SMTP,POP3等。第 6 层:表示层把数据转换为接受者能够兼容并且适合传输的内容,比如数据加密,压缩,格式转换等。第 5 层:会话层负责数据传输中设置和维持网络设备之间的通信连接。管理主机之间的会话进程,还可以利用在数据中插入校验点来实现数据的同步。第 4 层:传输层把传输

2021-09-21 20:18:14 640

原创 面试题合集之前端篇精选

HTML篇[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0CeLMDxy-1629350204250)(8ABE3EB437B3456CB24E4470B72B42F9)]CSS篇[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pPuX77Ad-1629350204255)(4777A72FD7AB422B87F83CA5E4D16FE7)]JS篇(上)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VJc

2021-09-02 13:32:06 131

原创 常见浏览器 JS 对象常见 API 及用法

常见浏览器 JS 对象常见 API 及用法什么是浏览器对象模型BOM :Browser Object Model(浏览器对象模型),浏览器模型提供了独立于内容的、可以与浏览器窗口进行滑动的对象结构,就是浏览器提供的 API其主要对象有:window 对象——BOM 的核心,是 js 访问浏览器的接口,也是 ES 规定的 Global 对象小程序:没有windownode: Globellocation 对象:提供当前窗口中的加载的文档有关的信息和一些导航功能。既是 window 对象属

2021-09-02 13:30:55 448

原创 DNS工作原理

DNS工作原理假设某些应用程序需要将主机转换为IP地址应用调用DNS客户端,并指明被转换的主机名用户主机的DNS接到后,向网络发送一个DNS查询报文(多有DNS请求和回答报文通过UDP数据报经53端口发送)诺干时间后,用户主机的DNS接收到DNS回答报文报文传递到应哟并程序URL请求后如何转换成IP地址同一台用户主机上运行着DNS应用的客户端浏览器从URL中抽取主机名www.baidu.com,并将这台初级名传给DNS客户端DNS客户端向DNS服务器发送一个包含主机名的请求DNS

2021-08-17 14:58:06 185

原创 微信公众号跳转小程序<wx-open-launch-weapp>

微信公众号跳转小程序<wx-open-launch-weapp>官方使用开放标签的条件:微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。配置好域名。就可以开始使用了。wx-open-launch-weapp标签需要先引入http://res2.wx.qq.com/open/js/jweixin-1.6.0.js 。以下是关键代码<script type="text/javascript" src="/js/jweixin-1.6

2021-06-04 10:13:33 895

原创 十大经典排序算法 动态图解 程序员提高必经之路

https://www.cnblogs.com/onepixel/articles/7674659.html

2021-05-13 18:53:31 119

原创 JS面向对象编程 啥是对象?面向对象特点

面向对象编程什么是面向对象编程?面向对象是一种编程思想,经常被拿来和面向过程比较。其实说的简单点,面向过程关注的重点是动词,是分析出解决问题需要的步骤,然后编写函数实现每个步骤,最后依次调用函数。而面向对象关注的重点是主谓,是把构成问题的事物拆解为各个对象,而拆解出对象的目的也不是为了实现某个步骤,而是为了描述这个事物在当前问题中的各种行为。面向对象的特点是什么?封装:让使用对象的人不考虑内部实现,只考虑功能使用 把内部的代码保护起来,只留出一些 api 接口供用户使用继承:就是为了代码的复

2021-05-13 18:46:49 338

原创 常见浏览器 JS 对象常见 API 及用法 BOM

常见浏览器 JS 对象常见 API 及用法https://segmentfault.com/a/1190000014212576什么是浏览器对象模型BOM :Browser Object Model(浏览器对象模型),浏览器模型提供了独立于内容的、可以与浏览器窗口进行滑动的对象结构,就是浏览器提供的 API其主要对象有:window 对象——BOM 的核心,是 js 访问浏览器的接口,也是 ES 规定的 Global 对象小程序:没有windownode: Globellocatio

2021-05-13 18:45:52 342

原创 内嵌的H5跳转小程序

首先在需要跳转的页面引入js,一定要1.3.2以上的<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>跳转,注意pages前的‘/’wx.miniProgram.navigateTo({ url: '/pages/scenic/scenic_detail/scenic_detail?id='+id+'&title='+t

2021-04-14 16:27:06 152

牛奶可乐经济学

本书的作者罗伯特·弗兰克教授是美国康奈尔大学管理学院的教授。他喜欢在自己的课堂上给学生布置“博物经济学作业”,让学生写小短文,提生活中的问题,并以经济学的视角做出回答。经过几年的积累,这些问题被收集成册,就成了此书的蓝本。 在接受采访时,弗兰克教授被问及为什么对“博物经济学”情有独钟时,他回答道:“你只需掌握五六个基本的经济学概念,生活中的所有相关问题都会迎刃而解。就如同生物进化论,只要你理解了它,什么物种、组织、结构,都会变得简单起来。这也会使你对这门学科产生更浓厚的兴趣。”

2018-07-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除