前端
聪明努力的积极向上
这个作者很懒,什么都没留下…
展开
-
【JS】后端传入json字符串,前端显示带";
【代码】【JS】后端传入json字符串,前端显示带";原创 2023-04-06 16:19:05 · 691 阅读 · 0 评论 -
【wangEditor】监听点击回车自定义插入数据
【wangEditor】监听点击回车自定义插入数据原创 2022-10-21 17:17:07 · 1645 阅读 · 0 评论 -
【安卓】GridView/ListView/RecyclerView/CardView(表格排列/瀑布流)
比较GridView多用于九宫格:一行多个,多行GridView一般应用于一行显示多个,显示多行的,例如九宫格等,使用比ListView方法一些。ListView多用于列表显示:一行一个,多行ListView一般应用于一行显示一个的内容,例如email列表、菜单列表等,虽然一行可以显示多个,但是比较麻烦RecyclerView:1.支持不同方向,不同排版模式,实现多种展现数据的形式,涵盖了ListView,GridView,瀑布流等数据表现的形式2.内部实现了回收机制,无原创 2022-03-29 15:22:56 · 506 阅读 · 0 评论 -
【前端】table表格适配等样式问题
使用table标签写表格/*最外围的,固定最大宽度和横向滚动条*/.table-outer { max-width: 100%; overflow-x: auto;}.table { min-width: 710px; border: 1px solid #000; border-collapse: collapse; /*边框塌陷,两条并成一条*/ font-size: 14px; /*限制字体*/} .table tr th {原创 2022-03-11 17:00:18 · 508 阅读 · 0 评论 -
【浏览器】Referer获取前一个页面链接问题
问题描述:从a页面跳转到b页面时,想从b页面获得a页面的完整链接,但是实际情况是链接只到端口号,比如a页面链接“https://baidu.com/12123/34343.html”,但是在b页面获取链接为“https://baidu.com/”链接获取方式:var uri=Request.UrlReferrer; //C# 写法相关信息:首先我们需要知道一个完整的url链接各部分的解析:http://www.baidu.com:8080/abc/index.html?id=123&a原创 2021-12-16 16:44:58 · 969 阅读 · 2 评论 -
【JQ】js中控制方法执行顺序
问题描述:前端页面中某些时候想控制一些方法按照想要的顺序进行,比如for循环中两个不相关的if语句for(var i=0;i<10;i++){ if(i==5){ alert("1111"); //理想输出为 1111 2222 } if(i==5){ alert("2222"); //但是实际情况可能是2222 1111 }}由此引申出一个deferred对象 (详情请看阮一峰大神的jQuery的deferred对象详解)简单来说(个人浅显理解,不对请指正),ajax原创 2021-12-08 16:22:18 · 3326 阅读 · 2 评论 -
【uniapp】[Vue warn]: Missing required prop: “type“
报错问题:解决:是因为页面中icon使用的不对,正确用法type要写,参数可以为success,具体写法参照官方文档:https://uniapp.dcloud.io/component/icon?id=icon原创 2021-11-26 17:02:43 · 3342 阅读 · 2 评论 -
【uniapp】TypeError: Cannot read property “year“ of null
问题描述:出现这种问题,一般来说是使用了空值,以标题为例,这个数据格式肯定(目前为止我觉得)是data.data.year,data为null或者undefined。那么问题来了,在第一次进入页面时,我搜索文件,并没有发现哪里用了空值,代码如下:onLoad:function(){ //获得数据data var year=data.data.year;},onShow:function(){ var pages = getCurrentPages(); var currPage = pag原创 2021-08-26 10:52:17 · 1109 阅读 · 0 评论 -
【uniapp】[warn]: getApp() failed. 问题解决
问题描述:[warn]: getApp() failed. Learn more: https://uniapp.dcloud.io/collocation/frame/window?id=getapp.通过查阅文档(上述给出的链接)我们可以得知:不能在定义App()中使用,也不能在未调用App之前调用getApp()那么我们只需要查找哪里调用了getApp(),然后看调用是否符合规范就OK了以我本次为例,wx小程序直接转uniapp,涉及了一个自定义的导航栏,这个导航栏单独列出来在其他的文件夹,原创 2021-08-25 15:11:07 · 4088 阅读 · 0 评论 -
【uniapp】数组赋值检测变化,页面不渲染问题
问题描述:对于数组来说,当我们正常赋值的时候会出现一种情况,就是明明控制台输出时显示数组数值已经变化,但是页面并没有进行渲染变化。这是因为数组不能检测到变化。//以下两种都是数组没办法检测到变化的赋值方式var arr=[a,b];arr[0]=c;console.log(arr); //控制台输出[c,b],但是页面并不会渲染arr.length=3; //同理页面依然不能响应正确的赋值方式//方法一this.$set(this.arr,index,newValue); //arr=原创 2021-08-24 14:00:06 · 4882 阅读 · 2 评论 -
【uniapp】Duplicate keys detected: ‘0‘. This may cause an update error.
问题描述:这就是说不同的v-for的key值在同一个dom下,导致重复。有两个解决办法代码示例://以下代码会报错<view> <view v-for="(item,index) in list" :key="index"></view> <view v-for="(item,index1) in list1" :key="index1"></view></view>//解决方法一:<view> &l原创 2021-08-23 14:46:56 · 602 阅读 · 0 评论 -
【uniapp】app跳转uniapp页面并且传参
android:JSONObject arguments =new JSONObject();arguments .put("token",token);DCUniMPSDK.getInstance().startApp(getContext(),"__UNI__B30BAD2",arguments);uniapp:onLoad: function() { if(plus.runtime!=""){ var json=JSON.parse(plus.runtime.arguments)原创 2021-08-09 17:54:27 · 605 阅读 · 2 评论 -
【uniapp】返回上一页面并且传参
第二个页面:var pages = getCurrentPages();var prePage = pages[pages.length - 2]; //上个页面prePage.info=1111; //赋值uni.navigateBack({ delta: 1});第一个页面接收参数:export default { onShow:function(){ var pages = getCurrentPages(); var currPage = pages[pages.l原创 2021-08-06 17:43:40 · 1413 阅读 · 0 评论 -
【C#】简陋的前端后端传输文件方式(input,HttpPostedFileBase,file)
思路:前端使用input获得上传文件,然后将获得的文件流传递到后台,后台按行读取文件流(能正常正确运行,但是不知道对不对)代码:<label for="uploadTxt"> <input id="uploadTxt" type="file" style="display: none;" name="accessory"/> <span class="btn btn-primary m-btn m-btn--icon m-btn--wide m-btn--m原创 2021-04-06 16:41:30 · 1677 阅读 · 0 评论 -
【weex】循环动画,页面渲染后直接开始动画
页面截图:上面的这几个球上下抖动1.首先如果让球循环动起来,可以在动画的回调函数中重新调用该函数 startAnim:function(){ var that=this; //高度设为相反数,上下动 var height=0; if(this.anim){ height=15; }else{ height=-15; } animation.transiti原创 2021-03-26 16:40:33 · 702 阅读 · 0 评论 -
【WEEX】tab选项卡和轮播图结合
效果截图:代码展示:<div class="tabbar"> <!-- 选项卡下面的小条 --> <div class="tab-active active" :style="{ left: activeTab * 150 + 'px'}"> <div class="tab-slide"></div> </div> //选项卡标题数据 <div v-for原创 2021-03-26 16:00:32 · 717 阅读 · 0 评论 -
【js】input框输入为数字,限制范围,正整数
1.数字输入 <input type="number" name="number" >2.限制最大最小值(0-60)<input number="number" min="0" max="60">3.超过限制的设定固定值<input number="number" min="0" max="60" oninput="if (value < 0) value = 0;if(value>60)value=60">4.禁止输入小数点,只能输入正整原创 2021-03-22 14:19:25 · 5750 阅读 · 0 评论 -
【webView】webView和原生Android交互
原生Android可以嵌入webView,webView,native,weex三者之间可以交互,主要通过native这个桥梁一般有以下几种情况:webView–>nativewebView–>weexnative–>webViewweex–>webView其实以上无论是如何跳转,我们所要做的就是将webView的js文件和Android(native)交互起来首先在Android方面,创建webViewActivity.activity_webView <原创 2021-01-15 19:41:52 · 901 阅读 · 0 评论 -
【WEEX】weex与安卓原生之间的页面跳转
在做一个app的时候,通常我们会写安卓和IOS两种页面,但是使用weex可以只写一次代码,将其嵌入到安卓和IOS相对应的地方。weex和安卓之间的页面跳转一般有三种情况:weex->weexnative->weexweex->native一.weex->weex(weex页面之间跳转)例如:a页面跳转到b页面a页面: navigator.push({ url:"http://dotwe.org/raw/dist/3.原创 2020-12-21 16:05:46 · 794 阅读 · 0 评论 -
【js】weui上拉加载下拉刷新
引用weui (基础组件) ,或者copy相关代码到自己创建的js文件中使用<div class="main">//下拉刷新 <div class="pull-to-refresh__layer"> <div class='pull-to-refresh__arrow'></div> <div class='pull-to-refresh__preloader'></div> <di.原创 2020-12-07 17:19:40 · 1089 阅读 · 0 评论 -
【前端】压缩图片以及图片相关概念
概念大小尺寸像素分辨率所占空间也就是大小高度和宽度压缩图片基本流程图片之间的转换原创 2020-12-07 17:06:44 · 173 阅读 · 0 评论 -
【前端】页面高度/滚动高度/滚动条高度
页面示例:页面代码:页面高度://console.log(“实际内容高度” + $(".main").height());//console.log(“屏幕高度” + document.body.clientHeight);//console.log(“头部标题高度” + $(".flex-center").height());//console.log(“内容显示高度” + (document.body.clientHeight - $(".flex-center").height()));原创 2020-12-07 10:35:48 · 1587 阅读 · 0 评论 -
【VUE】浏览器消息通知(声音提醒,标题栏闪动,弹框提醒)
思路:浏览器通知使用Notification,详情可查看Notification.Notification()标题栏闪动利用循环实现声音提醒可以使用播放本地音频实现总结:在当前页面接收到消息时,声音提醒,当不在当前页面接收到消息时,声音+闪动+弹框提醒实现://申请浏览器通知权限,具体参见上面文档链接notification(){ let that=this; if (!("Notification" in window)) { console.lo原创 2020-11-30 15:50:27 · 10499 阅读 · 0 评论 -
【VUE】播放本地语音/音频
音频文件存在assets文件夹下,为mp3格式 <audio ref="audioTip" style="display:none;" > <source :src="audio.src"> </audio>data() { return { audio:{ //消息通知 src:require("../../assets/common/audio/wx.mp3"), } }; }//播原创 2020-11-30 15:19:41 · 3791 阅读 · 2 评论 -
【vue】mode:history打包发布后页面空白解决
描述: 本地项目正常运行,打包上线之后页面空白,路径之类的都是正确的,目前的解决方法是注释掉mode: ‘history’。(位置在router.js文件中)参考链接: vue项目的mode:history模式转载 2020-10-29 17:21:22 · 1891 阅读 · 3 评论 -
【前端】input file label自定义上传样式
一般上传文件会使用<input type="file"/>同时还会自己设定样式,这是就需要使用label标签的for属性来进行绑定。比如://for的值为input的id <label for="selectImage"> //accept是可接受上传的文件类型 <input id="selectImage" type="file" style="display:none;" accept="image/gif, image/jpeg, image/x-png,原创 2020-10-28 18:02:53 · 508 阅读 · 0 评论 -
【前端】全局替换(replace//g)
参考链接:js replace 全局替换的操作方法常量单个var str="我是小仙女!";alert(str.replace("我是","哈哈哈")); //输出哈哈哈小仙女!常量全局替换var str="我是我是我是小仙女!";alert(str.replace("我是","哈哈哈")); //输出 哈哈哈我是我是小仙女!alert(str.replace(/我是/g,"哈哈哈")); //输出 哈哈哈哈哈哈哈哈哈小仙女!变量单个/全局替换var ch="我是";转载 2020-09-29 16:56:27 · 8859 阅读 · 0 评论 -
【前端】获取不含某个class的节点
代码如下:<div class="test"></div><div class="test"></div><div class="test test2"></div>假如我们想获取只有class="test"的节点,可以这样写:var $dom=$(".test").not("test2");原创 2020-09-18 16:23:45 · 373 阅读 · 0 评论 -
【前端】页面下拉加载和touchMove冲突解决(未完全解决)
问题描述:[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.翻译:尝试取消一个touchmove事件cancelable=false,例如,因为滚动正在进行,不能被中断。其他情况补充:页面功能描述:模拟聊天页面,下拉加载过去的聊天记录,对于单原创 2020-09-17 16:50:08 · 1291 阅读 · 0 评论 -
【前端】禁用移动浏览器长按默认事件
转载:H5移动端禁止长按弹出系统菜单"选择复制",“在浏览器打开”移动端长按事件自定义的时候会和各种浏览器自带的长按默认事件冲突,所以禁止掉浏览器自带的长按事件*{ -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none;/*webkit浏览器*/ -khtml-user-select:none;/*早起浏览器*/ -moz-user-select:none;/*火狐浏览器*/ -ms-user-select:none转载 2020-09-17 14:44:51 · 4142 阅读 · 0 评论