qq_38026437的博客

因为项目基于uniapp开发，所以就用uniapp的写法，只要知道具体放他，就可以自己 修改自己用了样式 就不详细写了 自己写。<view class="bw-cd"> {{cdStr}} </view>let setStartTime; export default { data() { return { cdTime:0, ...

自己做了一个根据搜索关键字的首拼来查找的demo；主要是步骤，是将搜索的结果缓存到本地  我因为是demo，所以用的是sessionStorage，如果用到项目里面得用localStoragefunction setinp(){ let value = $("inp").value,//暂时不用管这个函数里面调用的函数,后面会写全代码//这里主要用途如果不重复就push，否...

点击图片，修改图片。一个简单的 input 遮挡img 布局基于mui + jq&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale

做了一个h5多图片上传只要了解了 基本原理，那就很好理解了，可以看看注释或者在网上找找原理&lt;!doctype html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;meta name="viewport&qu

做了一个简单的ajax封装，以便在项目中重复使用，以后想到更好的版本也会更新，const http = "域名";function ajax(data,func){ $.ajax({ type: "POST", url: http + data.url, da...

基于jq，mui做的短信验证页面。&lt;!DOCTYPE html&gt;&lt;html class="ui-page-login"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial

demo是一个菜鸟写的主要是为了公司在建项目中，需要用将pdf像电子书一样翻页的效果，页面都是在mui里面写的，必要的js&lt;script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;&lt;script src="js/modernizr.2.5.3.mi.

做APP的时候用到了文件上传，但是使用jq的ajax函数需要设置  processData: false, 不让文件自动序列化，导致传到后台的数据是obj类型的数据，后台解析不了直接，报token 不存在。所以抛弃了ajax 自己决定封装一个原生js的上传文件。$.ajax({ type: 'POST', url: hurl + '/api/Image/uploa...

textarea的高度根据键入的长度自适应高度，利用input事件，获取长度和设置高度；document.getElementById("text-adaption").addEventListener("input", function(event) { this.style.height = this.scrollHeight + "px"; ...

做了几个mui选择器使用demo需要的js 和 css &lt;link rel="stylesheet" type="text/css" href="css/mui.min.css"/&gt;&lt;link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/&gt

做一个简单，复选框事件。&lt;!doctype html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;meta name="viewport" content="width=device-wi

使用js获取指定class下的img元素。返回的是数组，所以需要知道自己类名的下标let div = document.getElementsByClassName("contentdiv")[0];console.log(div);getElementsByTagName 返回的就是标签名，也是数组let img = div.getElementsByTagName("img"...

做了一个简单的自定义radio的样式基于mui和jq没什么难点，主要是利用label 标签的特效 用for 将input的id进行绑定，点击这个就相当于选中input然后用jq的change时间设置class新手思维，可以优化。&lt;!doctype html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF...

做了个简单的table滚动demo思路：早table外部加一个div标签 设置固定高度，这个高度是table tr的高度的倍数就可以了，然后溢出隐藏，在用js设置scrollTop 就可以实现滚动特效，如果超出就变为0.因为是用scrollTop，变成0的时候难免会有点卡顿。 代码： &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;he...

之前写代码都是用for 循环，可以很好的使用break 直接跳出循环，或者continue跳出当前循环。后来用了array.forEach 后也没有碰到需要跳出循环的操作，一直没研究，直到碰到了，才发现array.forEach 不支持break 和continue；好像是因为 forEach的回调函数是 function类型，然而function 不支持 break和contin...

用mui开发app的时候碰到一个奇怪的问题。ios 的input 有时候失效，或者输入一次点击完成后，再点就无效了找了很久，也上网查了，很多都是说user-select 设置了 nonenone： 文本不能被选择 text： 可以选择文本 all： 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。...

input文件对象，选中后显示图片<div class="headerdiv"> <label for="male"> <img id="himg" src="img/vipcard.png"/> </label> <input type="file" hidden="hidden" accept="im...

源网站：https://wenda.so.com/q/1461341937726162js将数字千位分割的6个方法function toThousands1(num) { var result = [], counter = 0; num = (num || 0).toString().split(''); for(var i = num.length ...

源网址：https://wenda.so.com/q/1461313505721067关于数组去重的几种方法：/* 1.遍历数组法 最简单的去重方法，实现思路： 新建一新数组，遍历传入数组，值不在新数组就加入该新数组中； 注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码...

因为数据都是后台传入的，而且因为项目需要，所以会让多条数据录入到一个文本框。我的方法比较死板，但也算是自己想出来的。希望大家不要嫌弃因为我的是swicth语句，每次读到这个参数就将这个文本框数据+= 传过来的数据在加个换行都是在for循环里面完成的，我的代码比较没有观赏性，就不全贴了，谢谢！case "opinions33":                document.g

项目结构大概是这个样子：在主页面有5个浮动窗口的表单，因为是浮动窗口，不知道为什么页面不会自动上浮，想了很就，也试过很多方法，但是都不是很理想。于是，只能用最笨的方法。。。。设置 margin-top这个属性原理是， 当获取文本框光标时，设置这个属性， 失去焦点时，在删除这个属性。（我想没有比我更笨的办法了，唯一的优点我想就是简单吧）于是跟着想法来 先获取当前页面的ma

碰到了分页问题。用分页插件做的分页效果图但是，如果当前是第 2 页 在点击第 2 页的时候会出现404的问题 可能是后台返回的问题，于是想到让a标签无法点击，然后将当前数字变成灰色，这样就明显多了写下代码：//在a标签里面加上样式，灰色说白了 就是设置不透明度${page_Num }${page_Num}o

每次做弹窗都伤脑筋，终于发现了一个大同小异的模板css样式差不多就是这样，至于margin-left和margin-top的px就是div的width和height/2了这就是绝对居中的样式，z-index自己设置#div1 { position:absolute; top: 50%; left: 50%; margin-left:-250px; margin-top:-150px; width:

项目要求写导航栏 做个记录方便以后用到。效果大致是 鼠标移上就出来 ，移走就半隐藏。效果就是这样。 废话少说 上代码css ： .div-xuanfu1, .div-xuanfu2, .div-xuanfu3{                z-index: 999;               position: absolute;                width: 100px;   ...

无意发现图片img路径会被编码改变成乱码 所以导致404无法显示。可以使用encodeURI（） js函数，可以过度“：”，“/”等等一些路径，不会变成乱码。碰到的可以尝试一下。...

项目中做了一个底部弹出，记录在此。css：html,body { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center;} .div-lianxi{ position: fixed; bottom: 0; height: 40px; background-colo...

图片的无缝滑动效果，可以用到很多地方，自己可以啦代码。首先是css样式：html,body{ margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; } .div-web{ text-align: center; width: 100%; } .di...

今天测试下js的函数调用方法首先，css:&lt;style type="text/css"&gt; body{ width: 100%; height: 100%; margin: 0; padding: 0; text-align: center } button{ margin: 50px auto; width: 100px; height: 30px...

 今天手把手教大家写canvas黑白块小游戏其实canvas基本代码都是在js中写的，我写这个是如果带入到网页中 最好用手机版查看。首先是css和htmlcss:html,body{ width: 100%; height: 100%; margin: 0; padding: 0; text-align: cente...

 是写了个回调的方法，可能对新手有用。主要是为了解决ajax请求的时候，因为数据返回需要时间，而下一步函数又需要这个回调的数据，而且这个函数是个全局函数，在多个地方调用，所以为了代码的复用率，所以写了个demo。本人菜鸟，别吐槽。 af(); function af(){ console.log("我是a函数，我需要调用b函数"); var a...

写了一个通用时间戳转换的函数gettime: function (time,str,ge) { var st = str || "1 1"; var list = st.split(" "); let nian = ge == "ch" ? "年" : "-" ; let yue = ge == "ch" ? "月" : &quot

做了一个简单的原生循环渲染：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"

&lt;view class="navbar"&gt; &lt;view wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : 'active1'}}" wx:key="unique" bindtap="navbarTap"&gt;{{

做了一个简单的翻页效果，可以参考修正一下，自己也可以优化代码。我写的是超级最初版。&lt;view class='main'&gt; &lt;view class='one'&gt; &lt;/view&gt; &lt;view class='two'&gt; &lt;view class='cent {{item.isof === true ? "sta":"clo"

做了一个小程序的 movable-area 组件做的一个拖动功能，可能是我比较笨，逻辑我想了一个星期才有点起色，终于是 弄好了，废话少说，上代码。&lt;view class="section"&gt; &lt;movable-area class="area" &gt; &lt;movable-view class='cent' wx:for="{{list}}" ...

前几天第一次上班，激动又害怕。真怕自己做不好，被老板炒鱿鱼了。上班第一天，老板给我了我一个任务：大概就是这样的任务，点击是的时候没有text文本框；然而点击否的时候就会出现就是这样的样式；本来也是初学者，还是有点偏向写后台代码的我也是觉得很简单。但是真真去做的时候又不知道从哪里 入手。才知道我也是眼高手低，以为自己什么都会。于是灰头土脸的去学习JS，JQuery。