前端
清音啊
知识在于积累,关注点滴珍重!
展开
-
uniapp 使用秋云ucharts,实现线状图横线滚动
uniapp 使用秋云ucharts,实现线状图横线滚动其实仔细阅读官网说明文档,能找到答案,但是咱们着急实现功能,直接点上代码。*标签上注意的是需要设置:ontouch="true"*原创 2024-06-06 17:14:08 · 427 阅读 · 0 评论 -
前端面试题
因此,v-show在条件切换时,性能上比v-if更高。跨域问题是由浏览器的"同源策略"引起的,"同源策略"限制了在浏览器中通过JavaScript访问不同源的资源,包括读取数据、发送请求、修改DOM等。跨域是指在浏览器中,当一个网页的JavaScript代码尝试访问不同域名、不同端口或不同协议下的资源时,会出现安全限制,阻止对该资源的访问。4.JavaScript中有许多语法糖,举例已知语法糖(语法糖可以使代码更简洁、易读,并提供更方便的编程方式,但底层仍然是基于原有的语法和机制实现的。原创 2024-05-16 15:07:15 · 308 阅读 · 0 评论 -
通过layui实现省市区下拉列表
首先,你需要将 area.json 文件引入到你的 HTML 页面中。确保 area.json 文件在相同的目录下,并且可以通过相对路径进行访问。原创 2024-05-15 18:15:18 · 247 阅读 · 0 评论 -
js数组筛选出匹配指定字符串的元素,获得新数组
js数组筛选出匹配指定字符串的元素,获得新数组:可以使用 JavaScript 中的正则表达式和 filter 方法来筛选出匹配指定字符串的元素,然后生成一个新的数组原创 2024-05-08 00:01:41 · 263 阅读 · 2 评论 -
vue 实现级联选择器功能
数组包含了级联选择器的数据源,其中每个对象表示一个选项,包括。组件来实现级联选择器功能,下面是一个示例代码,演示如何使用。组件初始化级联选择器,并设置默认值为单位。对象用于指定数据结构中的属性名,以便。上,可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。原创 2024-04-22 15:28:53 · 697 阅读 · 0 评论 -
深拷贝和浅拷贝的主要区别
深拷贝(Deep Copy)则会创建一个新的对象,并复制原始对象的所有元素。这样,如果你修改了复制的对象,原始对象不会受到影响。浅拷贝(Shallow Copy)只复制对象的引用,而不是实际的对象。因此,如果你修改了复制的对象,原始对象也会受到影响。方法将 JSON 字符串转换回新对象。在这个过程中,所有的对象都会被转换为新的对象。在JavaScript中,深拷贝和浅拷贝的主要区别在于它们处理对象属性的方式。方法将对象转换为 JSON 字符串,然后。原创 2023-10-12 11:02:35 · 264 阅读 · 0 评论 -
uniapp picker mode=“multiSelector“ 实现省市区三级联动
【代码】uniapp picker mode="multiSelector" 实现省市区三级联动。原创 2023-06-20 14:52:44 · 1569 阅读 · 0 评论 -
js文字转语音
Web Speech API的语音合成接口是语音服务的控制器接口;这可以用于检索设备上可用的合成声音、启动和暂停语音以及其他命令的信息。var text = '你好';原创 2022-08-17 14:43:45 · 1083 阅读 · 1 评论 -
转盘中文字部分的实现(没啥用,别看)
.text { width: 642rpx; height: 642rpx; /* width: 590rpx; height: 590rpx; */ /* margin-left:26rpx; margin-top:26rpx; */ display:flex; justify-content: center; align-items: center;}.cc { width: 642rpx; height: 642rpx; display:flex; justify-原创 2022-06-13 13:11:00 · 125 阅读 · 0 评论 -
uniapp 隐藏滚动条
/deep/.uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条,但依旧具备可以滚动的功能 */ display: none}原创 2022-05-17 10:16:26 · 1686 阅读 · 0 评论 -
js计算两个月份的月份差
计算两个年月日的月份差<script> var d1 = '2022-05-12' var d2 = '2022-03-11' window.onload = function(){ var num = subtractMonth(d1,d2) console.log('num',num) } function subtractMonth(date1,date2){ // 拆分年月日原创 2022-05-13 13:56:27 · 783 阅读 · 0 评论 -
使用仿站小工具
一、前提条件:要仿的网站页面路径必须是完整的.html路径项目(最优仿站) 提供一个可以仿站的模板网站:格展网络_网站模板_网站源码_企业网站模板_免费模板下载https://www.91084.com/二、获取页面路径,例如:1.选择门户模板2.选择新闻博客3. 点击足球赛事的查看演示,确认进入的是.html页面4.可以通过点击页面,查看到可以跳转的所有页面比如,点击新闻将得到如下路径三、仿站打开仿站小工具 【注意注意:看完这个序.....原创 2022-05-12 16:05:30 · 3182 阅读 · 1 评论 -
微信小程序图片预览禁止保存
样式自定义的,不用管;mode="widthFix" 表示让图片宽度固定,高度自适应<view class="w-750"> <image wx:if="{{info && info.bj_img}}" class="w-750" mode="widthFix" src="{{info.bj_img}}" bindtap='previewImg' data-src='{{info.bj_img}}'></image></view&原创 2022-05-12 13:02:15 · 1850 阅读 · 0 评论 -
css实现吸顶效果
css吸顶效果(例如:实现滚动页面导航栏固定在顶部)主要针对需要吸顶的元素设置/* 兼容chorme */position: -webkit-sticky;position: sticky;top: 0px;示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont原创 2022-05-11 22:32:27 · 10268 阅读 · 2 评论 -
jquery.print.js打印页面时,多分出一页
可能是要打印的元素,有内边距和外边距,可以设置margin:0;padding:0;border:0;原创 2022-04-15 10:55:39 · 1566 阅读 · 0 评论 -
uniapp弹窗实现
uniapp自定义弹窗原创 2022-04-04 22:12:14 · 865 阅读 · 0 评论 -
小程序发送验证码
<view class="col-gray m-left-30" bindtap="{{!is_send?'getCode':''}}">{{!is_send?'获取验证码':time+'s后尝试'}}</view>is_send:false,//是否发送验证码time:60,//时间getCode(){ var reg_phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; if(!reg_phone.test(this.da.原创 2022-03-14 17:46:05 · 1208 阅读 · 0 评论 -
js判断是否是微信浏览器或者支付宝浏览器
微信浏览器验证1let ua = window.navigator.userAgent.toLowerCase()if (ua.match(/MicroMessenger/i) == 'micromessenger') {//判断微信 console.log('微信浏览器'); }微信浏览器验证2if (/MicroMessenger/.test(window.navigator.userAgent)) { console.log('微信浏览器');}支付宝浏...原创 2022-02-24 09:50:39 · 2807 阅读 · 0 评论 -
微信小程序&uniapp返回
let pages = getCurrentPages(); // 当前页面let beforePage = pages[pages.length - 2]; // 上一页if(beforePage){ //uniapp使用uni.,微信使用wx.,后面的方法是一样的 uni.navigateBack({ delta:1 })}else{ uni.redirectTo({ url:'/pages/login/login' })}...原创 2021-12-24 15:20:09 · 570 阅读 · 0 评论 -
微信小程序去除按钮(button标签)默认样式
button { margin: 0; padding: 0; outline: none; border-radius: 0; background-color: transparent; line-height: inherit; width: max-content;}button::after { border: none;}实际应用时,可能margin和padding不生效,在button标签上直接style="margin:0;padding:0;".原创 2021-12-11 16:58:03 · 545 阅读 · 0 评论 -
js正则验证
//姓名varreg_user_name=/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,10}[\.]{0,1}[\u4E00-\u9FA5\uf900-\ufa2d]{1,10}$/;//身份证号varreg_identity=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;//手机号varreg_phone=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;//军...原创 2021-09-27 12:50:15 · 331 阅读 · 0 评论 -
小程序优惠券内圆角
<view class="coupon_list"> <view class="coupon_single"> <view class="coupon_single_left" style=""> </view> <view class="coupon_single_right" style=""> </view> </view></vie.原创 2021-09-06 20:53:48 · 144 阅读 · 0 评论 -
如何通过安卓证书.keystore获取应用签名
1.打开系统命令面板2.输入keytool -v -list -keystore [.keystore文件路径],并回车例如:keytool -v -list -keystore e:\item\test.keystore3.输入密钥口令,并回车则可获得签名啦原创 2021-07-21 10:29:14 · 958 阅读 · 0 评论 -
微信小程序动态设置标题栏样式
设置标题内容设置背景颜色和文字颜色wx.setNavigationBarColor({ backgroundColor: '#FF0000', frontColor: '#ffffff',})原创 2021-06-17 13:19:51 · 777 阅读 · 0 评论 -
获取当前时间到30天之后的日期区间
var startDate = new Date(); var endDate = new Date(); endDate.setDate(startDate.getDate() + 30); var dataArr = []; var weeks = ['日', '一', '二', '三', '四', '五', '六']; while((endDate.getTime() - startDate.getTime()) >= 0) { var month = (startDate.getM原创 2021-06-10 12:46:01 · 651 阅读 · 0 评论 -
js正则验证手机号格式
if(!reg_phone.test(this.data.phone)){ wx.showToast({ title: '请输入正确格式的手机号', icon:'none', duration:2000 }) return;}原创 2021-06-02 10:24:57 · 2027 阅读 · 0 评论 -
微信小程序根据经纬度查看地图
var longitude = 101.234567;var latitude = 202.123456;wx.openLocation({ longitude: Number(longitude),//经度或纬度必须是number类型 latitude: Number(latitude), name: '哈哈哈', address: '地址???'}) wei原创 2021-06-02 09:39:46 · 525 阅读 · 0 评论 -
微信小程序订阅消息
指定位置调用xiaoxi(),就可以了,xiaoxi:function(){ // 这里是获取下发权限地方,根据官方文档,可以根据 wx.getSetting() 的 withSubscriptions 这个参数获取用户是否打开订阅消息总开关。后面我们需要获取用户是否同意总是同意消息推送。所以这里要给它设置为true 。 wx.getSetting({ withSubscriptions: true, // 这里设置为true,下面才会返回mainSwitch原创 2021-05-13 16:00:49 · 730 阅读 · 2 评论 -
XSS安全漏洞的防范
XSS安全漏洞通过URL带入的,这种带入主要是前端解析url中的参数,并对数参数执行了innerHTML 或者 html 或者 append 操作。在将参数html()或者append()到html文件中时,会执行其中的js代码,被错误用户获取到cookie等信息。示例:原始链接 : https://xx.xxx.com/efly.html?link=cc被XSS注入以后的链接 : https://xx.xxx.com/efly.html?link=eeec<img src=1 one原创 2021-04-02 10:56:37 · 153 阅读 · 0 评论 -
微信小程序wxml页面中,背景图片直接引用不显示,其他解决方案
微信小程序wxml页面中,使用background:url(‘’)引用图片的相对路径,但是不显示应该咋办~varsrc='images/index/top_bg.png';letsrc2=wx.getFileSystemManager().readFileSync(src,'base64');vartop_bg='data:image/jpg;base64,'+src2;this.setData({top_bg:top_bg})<view ...原创 2021-03-26 10:07:43 · 1511 阅读 · 0 评论 -
jquery 查找指定下级元素中包含小数点的文本,保留两位小数重新赋值
<div id="shouru_fenxi"> <div><span>1.234</span></div> <div><span>1.235</span></div> <div><span>1.236</span></div> <div><span>1.237</span>..原创 2021-02-07 15:11:41 · 129 阅读 · 0 评论 -
微信小程序默认下拉刷新和自定义下拉刷新的方式
1.默认下拉刷新在指定页面对应的.json配置文件中加入:"enablePullDownRefresh":true,"backgroundTextStyle":"dark"在对应的.js文件中,写入onPullDownRefresh,如果存在则替换就好了/** * 页面相关事件处理函数--监听用户下拉动作 */onPullDownRefresh: function () { wx.showNavigationBarLoading() //在标题栏中显示加载 //模拟加..原创 2020-12-11 09:49:41 · 2145 阅读 · 0 评论 -
html 纯数字、英文不换行的两种解决办法
1.在需要纯数字换行的标签加入样式:word-break: break-all;//强制换行2.如果需要将html代码通过html2canvas转为图片,word-break: break-all;结果失效;我的解决办法是将纯数字使用substring截取字符串,var kaohao = "202012131021111";var str1 = kaohao.substring(0,8);var str2 = kaohao.substring(8);var html = '<text原创 2020-12-11 09:32:13 · 1230 阅读 · 0 评论