
前端开发
前端开发
北海南风
这个作者很懒,什么都没留下…
展开
-
【Nginx】部署多个项目;vue打包项目部署设置子路径访问;一个根域名(端口)配置多个子项目
本文解决:- vue打包项目部署设置子路径访问;- nginx部署多个子项目;- 一个ip/域名 端口 配置多个子项目;- 配置后,项目能访问,但是刷新页面就丢失的问题原创 2024-07-04 10:29:00 · 1769 阅读 · 0 评论 -
【小程序】配置⽂件
⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json 和 ⻚⾯⾃⼰的page.json<\text>注意:配置文件中不能出现注释原创 2021-04-19 18:35:44 · 122 阅读 · 0 评论 -
【小程序】布尔类型、运算符与渲染(wx:for,wx:if)
注意1.bool类型不要直接写 checked=“false”,其计算结果是⼀个字符串<checkbox checked="{{false}}"> </checkbox>打印数据类型:1.1算术运算Page({ data: { a: 1, b: 2, c: 3 }})<view> {{a + b}} + {{c}} + d </view>结果:3 + 3 + d1.2三目运算(三元运算)<view原创 2021-04-19 19:25:06 · 773 阅读 · 0 评论 -
【小程序】监听事件大全
这里写目录标题bind与catch的区别----------------点击事件(单击):bindtap双击事件长按事件:bindlongpress、bindlongtap长按与点击事件的执行顺序与关系----------------键盘输入事件:bindinput输入框聚焦:bindfocus输入框失焦:bindblurvault改变事件:bindchange---------------------触摸事件:触摸动作开始:bindtouchstart触摸动作结束:bindtouchend触摸过程移动:b原创 2021-05-06 16:17:24 · 16667 阅读 · 0 评论 -
【小程序】自定义搜索框样式
效果如下:代码:.wxml<view class="weui-search-bar"> <view class="weui-search-bar__form"> <!-- 搜索框 --> <view class="weui-search-bar__box"> <icon class="weui-icon-search_in-box" type="search" size="14"></icon>原创 2021-05-14 14:36:33 · 1930 阅读 · 0 评论 -
【小程序】设置背景图
微信小程序的背景图片,效果如下:.wxml代码:<view class="bj"></view>.wxss代码:/* pages/beiJing/beiJing.wxss */.bj { background-image: url("https://tpc.googlesyndication.com/daca_images/simgad/12533696403315878274"); /* 定位:绝对定位 */ position: absolute; /原创 2021-05-14 15:14:26 · 1221 阅读 · 0 评论 -
【小程序】获取组件(类)的高度(信息)
微信小程序获取组件(类)的高度。let query = wx.createSelectorQuery();query.select('.zujian').boundingClientRect(r=>{ let height = r.height; console.log(height);}).exec();注:这里获取的是以px为单位的。若要获取rpx,则需转换px转换为rpx的思路:高度rpx = 获取的高度px * (750 / 获取的宽度px)即获取以rpx为单原创 2021-05-14 16:50:51 · 2862 阅读 · 2 评论 -
【小程序】去除文本内容的html<br>等标签
去除文本内容的html标签。有时候调用接口时,有的接口内容会出现<br>这种标签等,显示内容的时候需要把标签去掉。要处理的字符串str。str.replace(/<[^>]+>/g,'')(/<[^>] +>/g,’’)“/<” 匹配 “<” 括号,“[^>]+”,匹配除了“>” 括号之外的所有内容,加号:一个或多个。“>” ,匹配 “>” 括号。“/g” ,全局匹配。‘’,把匹配到的字符串替换成‘’,原创 2021-05-16 14:52:00 · 1231 阅读 · 0 评论 -
【小程序】数组与字符串操作函数
这里写目录标题字符串substr:母串提取concat:字符串拼接indexOfBytes:字符串查找strcasecmp:不区分大小写比较toLower:将字符串转化为小写并返回toUpper:将字符串转化为大写并返回官方文档:数组indexOfArray:查找元素下标isArray:判断是否为数组,返回布尔值in:判断值是否在数组里,返回布尔objectToArray:将对象转换成数组reverseArray:数组倒序unshift:往数组头部添加一个或多个值。push:往数组尾部添加一个或多个值。po原创 2021-05-16 16:00:52 · 4156 阅读 · 0 评论 -
【小程序】(解决)云函数 / 本地调试开启失败
在要执行本地调试的文件夹上,右击,选择在外部终端窗口打开,原创 2021-05-31 13:21:12 · 2435 阅读 · 2 评论 -
【小程序】解决:出于性能原因,对长行跳过令牌化...
"editor.maxTokenizationLineLength"原创 2021-05-31 18:57:05 · 1987 阅读 · 0 评论 -
【小程序】(解决)初始化数据库失败,显示未定义
TypeError: Cannot read property 'database' of undefined原创 2021-06-07 18:54:19 · 563 阅读 · 0 评论 -
【小程序】搜索框搜索与查询(模糊搜索 / 关键字查询)
前言:搜索框搜索的时候,我们想要模糊搜索,关键字查询。只要有包含搜索框里面的值的话,都会被搜索出来这种搜索,宁可少输,不可输错。正文:演示效果:关键代码: // 搜索框内容改变事件 inputTyping: function(e) { console.log("input-----",e) var value = e.detail.value var that = this; var usersList = that.data.usersList原创 2021-06-07 19:33:51 · 3916 阅读 · 3 评论 -
【Nginx配置大全】(六大使用场景、七大负载均衡策略、四大负载健康检查)
基础配置信息应用场景一:配置web服务器应用场景二:反向代理服务器应用场景三:URL重定向应用场景四:防盗链应用场景五:根据设备类型重定向/代理/访问 不同域名/资源应用场景六:!负载均衡服务器!1、轮询策略(Round Robin)2、加权轮询 (Weighted Round Robin)3、最少连接(Least Connections)4、基于 IP 的哈希(IP Hash)5、基于 URL 的哈希(URL Hash)6、最短响应时间(Least Time)7、公平策略...原创 2024-04-12 02:33:44 · 3629 阅读 · 0 评论 -
【Vue】(解决)组件父传子参数,参数还没赋值完成就被传递,传递了空参数
也可定义一个默认值,即props{msg{typeString,default‘helloworld’}},这个时候,如果要传递的数组为空,则不传递参数;不为空再传递,就解决了参数还没来得及赋值,就被传递的问题。在子组件里定义一个props,即props[‘msg’],msg可以是对象也可以是基本数据类型,这个时候,会发现父组件传递给子组件的参数是空数组,而不是经过。这个时候,只需要在调用子组件的标签那里添加一个。'----父组件传过来的消息是==='...原创 2022-07-18 10:22:15 · 1932 阅读 · 0 评论 -
【Vue】(解决)el-image 图片引入根路径@无效
用于引入模块、JSON、或本地文件。可以从node_modules引入模块。require是运行时调用,所以require理论上可以运用在代码的任何地方。图片在根路径下,如下引用图片路径发现无效,图片显示“加载失败”这样就能正常引入图片了。...原创 2022-07-18 10:02:47 · 1976 阅读 · 0 评论 -
【JS数组】 数组去重,字符串分割成数组,数组拼接成字符串
1. 数组去重:Array.from(new Set(arr_name)) let arr1 = ['张三','李四','王五','李四','赵六','张三']; let arr2 = Array.from(new Set(arr1)); console.log(arr2)输出结果: ['张三', '李四', '王五', '赵六']2. 字符串分割成数组str_name.split("分割条件","分割次数/默认全部") let str1 = "张三,李四,王五,李原创 2022-04-18 15:00:56 · 1854 阅读 · 0 评论 -
【JS】判断当前时间是哪个时间段(早,中,晚)
代码如下:function dateState() { let date = new Date(); if (date.getHours() >= 6 && date.getHours() < 12) { return "上午好" } else if (date.getHours() >= 12 && date.getHours() < 18) { return "下午好" } else {原创 2021-12-01 18:50:43 · 4401 阅读 · 0 评论 -
【小程序】html / css设置内容最小高度,超出自适应(自动延长)
微信小程序、html、css设置内容最小高度,超出自适应(自动延长)微信小程序只需添加: min-height: 120px; height: auto !important;html的话,考虑到兼容性,应用以下代码: min-height:120px; height: auto !important; height:120px;!important在ie7和ff都可以读到,而且权重高于后面的height:120px;所以当在ie7和ff显示的时候,就会用了前面的 heig原创 2021-05-14 14:17:46 · 2463 阅读 · 0 评论