- 博客(55)
- 资源 (1)
- 收藏
- 关注
原创 基于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
原创 面试题: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关注的人