![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web移动端
慕容屠苏
定期分享前端、互联网、人工智能知识,喜欢的朋友关注我哟--
展开
-
jquery根据属性查询元素
jquery根据属性查询元素根据属性,找对应的元素1.查找所有含有 id 属性的 div 元素<div> <p>Hello!</p></div><div id="test2"></div> jquery代码:$("div[id]")2.查找所有 name 属性是 newsletter 的 i...原创 2019-12-16 10:44:51 · 155 阅读 · 0 评论 -
js怎么根据自定义属性的值来查找元素
js怎么根据自定义属性的值来查找元素例如有个自定义属性dataid,我现在要定位到dataid为222的标签,js怎么实现?<div dataid="111">a</div><div dataid="222">b</div><div dataid="333">c</div><div dataid="...原创 2019-12-16 10:39:12 · 17363 阅读 · 2 评论 -
Electron 打包安装包 更换系统图标(Windows)
Electron 打包安装包 更换系统图标(Windows)Electron-builder可打包成安装包和.exe可执行文件,可打包安装包如:zip, tar, dmg, pkg...1. 安装npm install electron-builder --save-dev2.环境配置在package.json中添加build"build": { ...原创 2019-12-11 17:39:25 · 7451 阅读 · 2 评论 -
js 比较两个日期的大小
js 比较两个日期的大小function tab(date1,date2){ var oDate1 = new Date(date1); var oDate2 = new Date(date2); if(oDate1.getTime() > oDate2.getTime()){ console.log('第一个大'); } else...原创 2019-12-11 10:36:28 · 250 阅读 · 0 评论 -
使用npm命令,而不用cnpm命令,也可以得到同样的体验
使用npm命令,而不用cnpm命令,也可以得到同样的体验以前大家都知道使用cnpm命令来替代npm,可以大大提升下载各种包的速度。例如:npm install -g cnpm --registry=https://registry.npm.taobao.org// 使用方法cnpm install express但是有时候在运行命令后,npm会自动给出一些提示(例如升级此包),...原创 2019-12-10 10:53:45 · 276 阅读 · 0 评论 -
JS删除数组里的某个元素方法
JS删除数组里的某个元素方法删除数组指定的某个元素js删除数组中某一项或几项的几种方法首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == va...原创 2019-11-28 15:22:57 · 600 阅读 · 0 评论 -
JavaScript全局变量的本质及页面共享问题
JavaScript全局变量的本质及页面共享问题全局变量默认为window的成员,window即代表浏览器窗口全局变量均为window的属性函数均为window的方法第一个页面如果包含第二个页面:window.parent.clickTime;如果两个窗口之间不包含,JavaScript是无法跨页面工作的(无法跨页面共享全局变量,因为每个window都是一个独立的个...原创 2019-11-18 22:17:23 · 1823 阅读 · 0 评论 -
jQuery的ajax()、post()方法提交数组,参数[] 问题
jQuery的ajax()、post()方法提交数组,参数[] 问题当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收.比如:$.ajax({type: "POST",url: url,data:{ gender:[0,1] },dataType: "json",a...原创 2019-11-18 21:55:06 · 598 阅读 · 0 评论 -
css如何实现水平垂直居中
css如何实现水平垂直居中使用CSS3的弹性布局(flex)的设置水平垂直居中,使用CSS3的弹性布局很简单,只要设置父元素(这里是指body)的display的值为flex即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...原创 2019-11-12 15:04:55 · 169 阅读 · 0 评论 -
背景渐变如何设置透明度
背景渐变如何设置透明度项目最近这几天正在做不同主题的颜色配置方案,要根据用户输入的颜色来配置整个主题的颜色,让人头疼的是,其中一个主题所有的列表头部背景色都是2到3组渐变值的线性渐变,也就是说,要根据用户输入的颜色值生成不同的但相似度很近的渐变颜色。我上网查了些资料,现在也有js支持根据你输入的网页内容自动填充渐变色,但是对于我这种js不是很好的人来说,还是想从css3上找点方法出来。...原创 2019-11-07 16:17:46 · 3140 阅读 · 0 评论 -
a标签禁止跳转或者不跳转的几种实现方式
a标签禁止跳转或者不跳转的几种实现方式1、onclick事件中返回false<a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a> 2、 用href=”javascript:void(0)”这种伪协议;<a href="javascript:void(0)" >不能...原创 2019-11-02 23:38:56 · 2784 阅读 · 0 评论 -
jquery移除、绑定、触发元素事件
jquery移除、绑定、触发元素事件unbind(type [,data]) //data是要移除的函数$('#btn').unbind("click"); //移除click$('#btn').unbind(); //移除所有对于只需要触发一次的,随后就要立即解除绑定的情况,用one()$('#btn').one("click",function(){..........原创 2019-11-02 23:32:41 · 252 阅读 · 0 评论 -
微信小程序的五星评分功能模块
微信小程序的五星评分功能模块<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*150}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}"> <vi...原创 2019-10-29 20:52:08 · 730 阅读 · 0 评论 -
div或img图片高度随宽度自适应
div或img图片高度随宽度自适应该方法主要用来做网站自适应的,同时可以实现撑起内容高度,避免图片加载后导致的页面滚动。一、可以使用js判断图片的宽度得到具体数值之后,再来利用js设置图片的高度(这里就不具体为大家细说了)。利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度,不能随着浏览器的窗口大小变化来实现自适应。二、我这次主要是用css来实现图片高度的自适...原创 2019-10-25 23:46:20 · 1481 阅读 · 1 评论 -
微信小程序如何自定义多选控件
微信小程序如何自定义多选控件 在微信小程序里面不使用checkbox怎么实现view的多选wxml文件:<block wx:for="{{itemList}}" wx:key="id"> <view class='item_container' bindtap='itemSelected' data-index='{{index}}'> ...原创 2019-10-24 23:24:25 · 811 阅读 · 3 评论 -
微信小程序的动画效果@keyframes
微信小程序的动画效果@keyframes定义动画的格式:@keyframes 动画名称{ 阶段1{css样式} 阶段2{css样式} 阶段3{css样式}}每个阶段用百分比表示,即从0%到100%起止必须设置即0%和100%,或者from和to下列代码中的图片plane在屏幕中,呈W型运动...原创 2019-10-23 14:42:58 · 3865 阅读 · 0 评论 -
微信小程序如何在map和canvans上显示text和图片
微信小程序如何在map和canvans上显示text和图片 公司有个项目需要用到小程序的map组件,要实现一个类似摩拜红包车的信息弹框,简单说就是在map组件上添加自定义view。直接在map上使用view,image等是不行的,因为查看微信小程序API底部Bug&Tip有一句话,map 组件是由客户端创建的原生组件,它的层级是最高的。所以直接在map上使用vi...原创 2019-10-23 14:36:56 · 943 阅读 · 0 评论 -
微信小程序的scroll-view的scroll-into-view属性
微信小程序的scroll-view的scroll-into-view属性最近做一个项目,有个页面中需要列表展示图片,并且刚进入展示页面的时候,不是直接显示顶部,而是显示列表中指定图片的位置。正好 scroll-view 的 scroll-into-view 属性可以滑动到列表中的指定 item 位置,就不用在额外去做别的实现了。scroll-into-view的注意点...原创 2019-10-22 20:52:37 · 1027 阅读 · 0 评论 -
微信公众号对话框回复消息链接跳转小程序
在项目过程之中,可能会遇到这样的需求,点击微信公众平台开发的界面里的某个图标或者文字,跳转到小程序,这样更加有利于用户去访问小程序,如果是把小程序的卡片直接插入文章,这个功能在文章编辑一栏已经有现成的了。现在是这样的,关注公众号回复的消息或者关键词自动回复的消息里面,可以直接跳转到小程序哦。步骤也很简单:第一步:公众号要和小程序相关联起来在微信公众号管理后台添加相关的小程序,管理...原创 2019-10-17 11:33:48 · 2659 阅读 · 0 评论 -
swiper组件实现向上翻页时缩小的效果
var mySwiper = new Swiper ('.swiper-container', { direction: 'vertical', loop: true, // 如果需要前进后退按钮 nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', effect...原创 2019-10-15 14:49:15 · 361 阅读 · 0 评论 -
微信小程序中canvas组件无法被覆盖的解决思路
微信小程序官方指明了原生组件设置z—index属性是无效的今天遇见了一个需求是想要在canvas图案上弹出一个接收用户输入的信息的消息框。显然直接调节是没有任何效果的。无论如何canvas都会遮盖所有内容。解决方法:官方提供了cover-view和cover-img用来覆盖原生组件。但是这两个标签内不能嵌套别的标签。cover-view在小程序中是比较特殊的组件,与...原创 2019-10-14 11:07:21 · 2678 阅读 · 0 评论 -
echars实现力导向图示
echars实现力导向图示 echars可以展现出节点之间的关系,例如交易数据与账号的关系。实现效果:实现思路:1.先获取节点数据相关的数据2.再将数组数据设置到node节点和Links节点上3.设置节点的关系,设置node节点和links节点的关联关系4.设置力导向图的样式 实现代码: // 基于准备好的dom,初始化echarts实例...原创 2018-11-26 11:11:37 · 2292 阅读 · 0 评论 -
txt、doc、xls、ppt、pdf文件在线预览
txt、doc、xls、ppt、pdf文件预览 实现思路:android通过第三方API映射附件网络地址对附件进行在线预览。ios通过iframe对附件设置src进行在线预览。document.addEventListener( "plusready", function () { plus.nativeUI.showWaiting(); var ext =...原创 2018-11-15 22:00:40 · 2231 阅读 · 0 评论 -
手机端input[type=date]的时候placeholder不起作用解决方案
手机端input[type=date]的时候placeholder不起作用解决方案 目前PC端对input 的date类型支持不好,我试下来的结果是只有chrome支持。firefox、IE11 都不支持。而且PC端有很多日历控件可供使用。就不去多考虑这点了。那么在移动端的话,ios和安卓都是支持的,但是当type类型是date的时候placeholder属性又会失效。PC端的chrom...原创 2018-11-15 21:22:34 · 1561 阅读 · 0 评论 -
禁止iframe内的页面跳转
禁止iframe内的页面跳转 iframe里如何禁止页面跳转。<iframe name="son" src="https://www.hao123.com" width="100%" height="100%" scrolling="auto" security="restricted" sandbox="allow-top-navigat原创 2018-11-08 22:55:39 · 5419 阅读 · 1 评论 -
svg如何在ifram显示
svg如何在ifram显示 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>svg_test</title></head><body&原创 2018-11-05 23:22:15 · 620 阅读 · 0 评论 -
echarts力导向图节点与节点间连线怎么加上方向箭头
echarts力导向图节点与节点间连线怎么加上方向箭头 实现效果:实现代码:在series中设置edgeSymbol : ['circle', 'arrow'],//边两端的标记类型,可以是一个数组分别指定两端,也可以是单个统一指定。默认不显示标记,常见的可以设置为箭头,如下:edgeSymbol: ['circle', 'arrow']...原创 2018-11-26 13:00:20 · 11461 阅读 · 2 评论 -
js从数组中根据id获取value
js从数组中根据id获取value 例如有如下数据结构: 如何通过rels的数组的fromNodeId和toNodeId查找nodes的accountName{ "data": { "nodes": [ { "id": 11, "nodeId": 236...原创 2018-11-29 22:20:41 · 8551 阅读 · 1 评论 -
neo4jd3如何显示节点的属性
neo4jd3如何显示节点的属性 节点的数据结构: var data={ "results": [{ "columns": ["user", "entity"], "data": [{ "graph": { "nodes"原创 2018-11-29 23:28:19 · 9086 阅读 · 3 评论 -
ajax post方式application/json格式数据请求数据
ajax post方式application/json格式数据请求数据 实现思路:$.ajax( {type : "POST",url : url,contentType:"application/json",dataType: "JSON",async : false,data : JSON.stringify({"name":"whj","age":"原创 2018-11-28 15:24:20 · 7311 阅读 · 0 评论 -
h5如何实现textarea根据输入内容自适应高度
h5如何实现textarea根据输入内容自适应高度 webApp的开发经常会在有评论的功能,textarea会随内容的增加自动增加元素的高度。实现效果如图::1.在底部设置fix的附件元素div,包含评论textarea2.为textarea设置内容变化事件,当textarea换行时更改textarea高度 ,当textarea的高度增加时,附件元素 div的...原创 2018-12-05 17:40:22 · 3112 阅读 · 1 评论 -
vue 解决input值的双向绑定
在使用vue进行双向绑定的时候,第一想到的肯定是官方语法{{msg}},但是在input中如果这样想,那就错啦。错误的写法如下:<input type="text" value="{{item.age}}" />既然这种写法是错误的,那么怎样才能实现在input中的数据双向绑定呢?方法如下:用v-model进行绑定<input type="text" v-mode...原创 2018-12-28 16:53:26 · 17770 阅读 · 1 评论 -
div如何实现横向滚动
实现多个div在容器内横向排列,利用white-space这个属性防止父容器内容换行,同时将容器内元素设置为行内块 display:inline-block来实现。 实现代码:<div style="width: 100%;margin-top: 10px;margin-bottom: 30px; white-space: nowrap;overf...原创 2018-12-26 11:39:43 · 35308 阅读 · 1 评论 -
h5在线预览dox、xls、ppt、pdf
h5在线预览dox、xls、ppt、pdf App中上传附件的服务器后,需要对附件进行预览;webApp可以通过两种方式实现,1、将附件下载到本地,通过plus.runtime.openFile打开本地文件2、在线预览dox、xls、ppt、pdf等文件 实现思路: 通过对iframe 设置src 的url 在线预览附件。 ...原创 2018-11-07 23:26:59 · 22679 阅读 · 4 评论 -
应用哈希值更改图片hash
应用哈希值更改图片hash AppStore提交App时会遇到相同应用审核被拒的问题:这个应用程序复制了你或其他开发者提交给app Store的其他应用程序的内容和功能,这被认为是垃圾邮件的一种形式。 应用哈希值更改图片hash,应用修改图片hash。js如何修改图片的hash。 可以通过: window.location.hash的...原创 2018-11-09 11:12:28 · 3680 阅读 · 0 评论 -
MUI 拍照后从本地相册上传图片到服务器解决方案
MUI 拍照后从本地相册上传图片到服务器解决方案 mui拍照和从相册获取图片到服务器本质上都是调用的app底层的camera实现的。可以兼容安卓、IOS端。 解决思路有两种: 方案一: base64方案: 方案二:以IO流方式上传服务器: 要完成用MUI 拍照和从系统相册选择图片上...原创 2018-08-22 23:17:58 · 6398 阅读 · 4 评论 -
Android 以widget的方式集成Dcloud h5+SDK
Android 以widget的方式集成Dcloud h5+SDKapp开发中经常会有,通过AndroidApp和IOSApp调用h5Html的页面功能,主要调用两方面功能1、界面展示,数据通信工2、android、ios底层的功能 实现步骤:1、通过mui构建webApp,2、android和iOS集成SDK,通过webView(链接方式)或widget(本...原创 2018-08-26 21:41:40 · 1332 阅读 · 0 评论 -
Android 以webview的方式集成Dcloud h5+SDK
Android 以webview的方式集成Dcloud h5+SDK app开发中经常会有,通过AndroidApp和IOSApp调用h5Html的页面功能,主要调用两方面功能1、界面展示,数据通信工2、android、ios底层的功能 实现步骤:1、通过mui构建webApp,2、android和iOS集成SDK,通过webView(链接...原创 2018-08-26 21:28:43 · 1989 阅读 · 0 评论 -
iOS 上传App Store 报 ITMS-90096错误处理方法
iOS 上传App Store 报 ITMS-90096错误处理方法 通过苹果机构件项目上传到苹果开发中心时会报90096错误:原因是:IOS的启动图片没有按照尺寸进行上传设置。 解决方法;根据HBuilder里manifest.json的启动图片设置页面里提示的尺寸重设应用的启动图片,注意1 请严格按照提示的尺寸设置需要支持设备的启动图片2 ...原创 2018-08-18 22:36:00 · 332 阅读 · 0 评论 -
微信小程序和前端如何处理手机上的emoji表情
微信小程序和前端如何处理手机上的emoji表情 微信小程序和前端中,对于的emoji如果不进行编码,后台存储mysql数据时,会报错无法存储。例如在发布文章或者评论中的表情处理。 解决方法:对可能涉及emoji表情的文本进行base64编码和解码。存储数据时:存储到数据库是进行base64编码,存储到数据库。展示数据时:从数据库取出数据,并对数据进行base64解码返回给前...原创 2018-04-20 23:08:48 · 6013 阅读 · 0 评论