- 博客(43)
- 收藏
- 关注
RSS订阅原创 nginx常用配置说明
前端访问地址是 http://10.128.51.43:8086。前端访问地址：10.123.54.43:(80端口可以不写)vhost/ry.conf 文件。
2024-05-15 15:38:13
168
原创 前端奇怪面试题总结
不修改下面的代码进行正常结构答案对象缺少迭代器，需要手动加上这行代码打印出什么？答案apply 调用方式就是 函数.apply(参数1,[3,15])所以转换后就是 （a => a).apply(3,15)15游离节点造成的内存泄漏问题总结浏览器对最后一个获取焦点的input框是不会执行内存回收的！这个是个浏览器bug。如果我们最后一个表单节点是个富文本怎么办？解决办法：就是动态创建一个获取焦点的input框惰性函数。
2024-05-05 00:16:21
322
原创 Centos7下搭建Prometheus
在网页打开prometheus 浏览器输入 [你的ip地址]:9090 默认端口是9090。官方模版地址 https://grafana.com/grafana/dashboards/配置prometheus 程序 使用 systemctl 管理 Prometheus。配置promethenus 配置文件，我这里监听的是官方的模版。每次修改完配置文件后一定要检查prometheus文件。下载wget 用来下载Prometheus。设置prometheus 开机自启动。热更新prometheus。
2024-04-13 19:29:00
369
原创 node express 请求参数接收方式汇总
安装 express-generator 相当于vue的cli 用来快速生成express项目。express生成器生成的代码中会自动使用参数解析中间件！get请求 参数是 url?id=1 类型的参数在query中获取。express 是node.js 中写后端服务比较流行的框架。get请求 动态参数 url/1 参数是在params中获取。生成项目mynode -e是使用ejs模版。post请求 是用 req.body中获取。express接收参数的方法汇总。模拟post请求 查看请求打印。
2024-04-11 22:56:03
422
原创 微信小程序打开pdf文件流遇到的坑总结
搞了好久才确定是referrer的问题(这个是网关的坑，一般都是第三方的referrer拦截了)如果微信api下载失败有很大可能是第三方网关的Referer 做了安全限制！小程序拿到后 将base64 写入一个临时文件 然后打开就ok了。如果返回的是这样 (如下图)
2024-02-07 11:06:33
1590
原创 gitLab安装
在浏览器中输入你的 GitLab 地址，例如 http://gitlab.example.com，即可访问 GitLab。添加 GitLab 的仓库并安装 GitLab。重新配置 GitLab 并启动服务。安装依赖包 （ssh、http）安装 Postfix(邮件)
2023-10-16 11:23:33
99
原创 基础网络知识纪录
通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器。
2023-07-13 11:02:53
755
原创 css多字体文件的引入和使用
font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中。如果是vue项目直接在main.js 中引入就可以。
2023-06-07 10:57:47
967
原创 echarts 增加x轴的缩放与滚动
data: powerDate.value, // x轴数据。show: false, // 是否显示下面的滑动组件。// 不要使用ref 包装echarts!show: false, // 隐藏x轴刻度。symbolSize: 6, // 拐点大小。show: false, // 隐藏x轴线。name: ‘右上角title’,data: [], // y轴数据。// echarts 图的位置。主要属性 dataZoom。text: ‘暂无数据’,name: ‘标记线’,
2023-03-17 17:12:53
869
原创 微信小程序worker的简单使用
app.json文件配置{ "workers": "worker"}worker文件创建用worker 实现计算···// pages目录下 index.jsPage({onLoad() {// worker目录 必须是绝对路径前面不能有’/’this.worker = wx.createWorker(‘worker/index.js’, {useExperimentalWorker: true,})},// 点击事件handleClick() {this.worke
2022-05-24 16:01:00
1651
原创 轮播图一维数组转二维数组
记得一点笔记 let list= [] city.forEach((item, index) => { // 下标从0开始 所以向下取整 let page = Math.floor(index / 10) if (!list[page]) { list[page] = [] } list[page].push(item) }); console.log(list)...
2021-10-26 11:30:02
125
原创 vue3组件中的事件校验emits简单使用
直接上代码这里没使用脚手架 主要是懒HTML 页面<script src="https://unpkg.com/vue@next"></script> <div id="app"> <button-list @click-event="handleClick" /> </div>js 代码关键// 先创建一个Vue实例 const app = Vue.createApp({ data() { retur
2021-03-17 17:23:41
4076
1
原创 不用正则获取url链接参数
不用正则获取url链接参数getUrlParme (parme) { let url = window.location.href; //截取到参数,包含当前位置需加1,已&分割成数组。 let parameter = url.substring(url.indexOf("?") + 1, url.length).split("&"); //把参数放到对象里去 let [value,obj] = [,{}] for(let i = 0; valu
2021-01-29 10:24:02
168
原创 简单的搜索方法
1.顺序搜索顺序或线性搜索是最基本的搜索算法。它的机制是，将每一个数据结构中的元素和我们要找 的元素做比较。顺序搜索是最低效的一种搜索算法。 function search(arr,item) { for(var i =0; i < arr.length; i++){ if(arr[i] == item){ return i } } return -1 }2.二分搜索二分搜索算法的原理和猜数字游戏类似，就是那个有人说“我正想着一个1
2020-09-28 10:15:42
1881
原创 局部代码关闭eslint 校验
关闭单一文件校验要在文件头部加注释/* eslint-disable */关闭当前行校验let arr = null; // eslint-disable-line关闭下一行代码校验// eslint-disable-next-linelet arr = []关闭段落校验/* eslint-disable */ 代码块/* eslint-enable */关闭指定错误校验no-undef 是指定的错误eslint-disable-next-line no-u
2020-07-22 18:06:37
4592
1
原创 Mysql的简单使用笔记
增删改查增 : INSERT INTOINSERT into person(name,stu_no) VALUES ('张六',1000007),('赵四',1000001)删：DELETE FROMDELETE from person WHERE id = 24改：UPDATE TABLE SETUPDATE person set name = '张思思' WHE...
2020-04-13 15:35:37
291
原创 微信小程序获取节点实例的简单使用
获取页面的实例wx.createSelectorQuery() 返回一个SelectorQuery实例SelectorQuery :1.select() 返回一个NodesRef 实例2.selectAll() 返回所有匹配选择器的NodesRef 实例3.selectViewport() 选择显示区域。可用于获取显示区域的尺寸、滚动位置等信息。4.exec() 执行所有的请求...
2020-03-27 11:48:29
1834
4
原创 对象的一些基本方法和扩展运算符
1.深拷贝对象或者数组// 深拷贝对象let person = {name:'小王',age:19}let son = {...person} // {name:'小王',age:19}//深拷贝数组let arr = [1,2,3,4]let arr1 = [...arr] // 12342.合并对象或者数组let name = {name:'隔壁老王'}let age ...
2020-03-26 15:13:49
410
1
原创 微信 数据缓存方法 的区别
wx.setStorageSync将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。wx.setStorageSync('key','my first')wx.setStorage()wx.setStorageSync 的异步方法 wx.setStorage({ key: "key", data: "my first" ...
2020-03-25 17:22:32
758
原创 微信云函数的简单使用
微信云函数的简单使用云函数是一段运行在云端的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。新建云函数sum 云函数 （每次修改都需要上传部署）// 云函数入口文件const cloud = require('wx-server-sdk')// 云函数入口函数cloud.init()exports.main = async (event, contex...
2020-03-20 16:03:29
1243
原创 flex布局详解
flex 布局详解一 、flex 基本知识介绍flex 布局一共有两种属性1.容器属性2.项目属性容器属性有：display:flex;flex-direction:row（默认值） | row-reverse | column |column-reverseflex-wrap:nowrap（默认值） | wrap | wrap-reversejustify-conte...
2020-03-19 11:19:56
764
原创 微信开发者工具中怎么配置版本管理（git）工具
准备工作1.下载安装git 最好是默认位置安装。这样省很多事要先创建自己的github 账号密码用 git Bash 生成 ssh 密匙往github 上添加你生成好的ssh微信开发者工具中配置git打开微信开发者工具中的版本管理点击设置先要把通用这里改成你github上的用户名和邮箱3.修改网络认证按提示找到你生成的ssh 路径填上去就ok了到这里...
2020-03-16 15:14:40
5693
原创 微信小程序子组件向父组件传值的两个方法
第一种方法triggerEvent() 方法triggerEvent方法用法类似于Vue中的emit()// list.wxml 组件<view> <block wx:for="{{data}}" wx:key="*this"> <view class="box-list"> <view class="title">...
2020-03-13 16:58:06
18408
原创 微信小程序监听属性observers的用法详解
observers监听属性（只能在微信组件中用）sum 求和组件// sum.wxml <view class="input_sum"> <input type="number" bindinput="handleInput" value="{{num1}}"/> + <input type="number" bindinput="handleI...
2020-03-13 16:37:56
12912
2
原创 微信小程序页面间传值的两个方法
1.通过EventChannel 传值可以参考微信小程序事件传值 小程序事件传值链接2.通过getCurrentPages() （页面栈）index.js (index页面) 从index页面跳往home页面Page({ data: { param: [1,2,3,4,5,6] }})home.js （home页面）Page({ onLoad()...
2020-03-12 18:04:48
2203
原创 微信小程序事件传值EventChannel
EventChanneleventChannel 是页面跳转success()回调里的一个方法index 页面 跳转到home 页面并且传值Page({ //自定义事件 eventChannel() { wx.navgateTo({ url: '/pages/home/home', success(res) { // 发送一个事件 相当于vue 中的子组件向父...
2020-03-11 11:34:36
6567
2
原创 微信小程序怎么安装使用WeUI组件
WeUi 框架这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。安装要先设置微信编辑器npm i 对应的包微信小程序构建 npmapp.wxss 全局引入weui-miniprogram 样式对应的页面按需加载 weui-miniprogram 组件...
2020-02-24 16:18:09
5249
3
原创 css居中的方法
div 在不知宽高的body中居中这是一道广大面试官都会问的问题// html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id=""...
2020-02-22 14:26:51
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人