js
一个程序员的春天
这个作者很懒,什么都没留下…
展开
-
js 上传图片
.asasa { position: relative; width: 35px; height: 35px; border-radius: 50%; float: left; background: url("http://www.cdssfw.cn/static/walden/images/mbj.png") no-repeat; bac原创 2021-05-16 16:48:26 · 416 阅读 · 0 评论 -
js 数组去重
// 数组去重var arr = ['1','1','hh','hh'];unique(arr)function unique (arr) { console.log(Array.from(new Set(arr))); // return Array.from(new Set(arr))}// 对象去重var aaa = [{"id": 1,"title": "汽车维修类课程"},{"id": 2,"title": "汽车维修类课程"},{"id": 1,原创 2021-05-11 10:01:46 · 204 阅读 · 0 评论 -
js 复制
// 单个复制<div id=“fuzhi">复制</div> <p id="copyBT”>复制内容</p>function copyArticle1(event) { const range = document.createRange(); // 复制元素 range.selectNode(document.getElementById('copyBT')); const selection = window...原创 2021-04-27 14:19:52 · 782 阅读 · 0 评论 -
ajax 接参
window.location.href = './order.html?id=' + "1"/*获取前一个页面传过来的商品id*/function GetRequest() { var url = decodeURI(decodeURI(location.search)); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url...原创 2021-04-23 11:06:51 · 219 阅读 · 0 评论 -
js 当天24小时倒计时
var timer; // 当天最大时间戳 var endtime = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1); timer = setInterval(function () { // var timestamp = time1; //当前时间戳 var starttime = Date.parse(new Date());原创 2021-04-12 11:34:07 · 1544 阅读 · 0 评论 -
laydate 动态添加不生效
需要清空下lay-key,第一个选择完之后,会出现lay-key<input class="startDate" type="text" placeholder="请选择日期">lay('.startDate').each(function (e, i) {laydate.render({elem: this,type: 'date',trigger: 'click',done: function (value, date) { //监听日期被切换console.log(val原创 2021-03-23 13:05:03 · 1552 阅读 · 1 评论 -
js时间戳转成年月日
时间戳转成年月日function timestampToTime(timestamp) {var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000var Y = date.getFullYear() + ‘-’;var M = (date.getMonth()+1 < 10 ? ‘0’+(date.getMonth()+1) : date.getMonth()+1) + ‘-’;var D = date.ge原创 2020-12-15 01:59:44 · 2977 阅读 · 0 评论 -
uni-app 保存图片到本地相册
页面<image @longpress="saveimg()" src="../../static/image/1.jpg"></image><image @longpress="saveimgs()" src="../../static/image/2.jpg"></image>JS下面保存的图片必须是http地址,我在这里...原创 2020-04-25 16:29:03 · 5681 阅读 · 3 评论 -
web2app去掉导航栏
{ "global": { "webviewParameter": { "titleNView":false, "statusbar": { //系统状态栏样式(前景色) "style": "dark" }, "appendCss": "", "appendJs": "" },原创 2020-07-16 17:33:05 · 1784 阅读 · 0 评论 -
safari 用网页添加到主屏幕,自定义图片
在这里插入图片描述在这里插入图片描述自定义图片:<link rel="apple-touch-icon" href="/yinhang.jpg">原创 2020-07-08 19:03:43 · 2143 阅读 · 2 评论 -
mui 上拉加载
html <div id="pullrefresh" style="height:200px"> <div> js $(document).ready(function() { //上拉加载下拉刷新 mui.init({ pullRefresh: { container: '#pullrefresh', bounce: true, //是否回弹 up: { contentrefres..原创 2020-06-18 11:01:52 · 493 阅读 · 0 评论 -
element-ui 单选框change
<el-radio v-model="radio" :label="item.id" v-for="(item,index) in radioArr" @change="radioChange" :key="index"> {{item.name}}</el-radio>Data(){ Return{radioArr:[ { name:"精确试算", id:"1" }, { nam原创 2020-05-29 14:44:15 · 3173 阅读 · 0 评论 -
vue字母排序
**我这里使用的是mint-ui的组件下载命令:npm i mint-ui --save在main.js里面使用import Mint from 'mint-ui';Vue.use(Mint);import 'mint-ui/lib/style.css';** <mt-index-list>// :index=“index” index是字母的 拼音(abcd) qa里面数组元素 <mt-index-section v-for="(item,index) in li原创 2020-05-28 17:57:58 · 1713 阅读 · 0 评论 -
vue使用公共变量
在assets下面建一个新文件<script>const name = "小明";const age = "18";const basrUrl = "http://www.baidu.com";export default {name,age,basrUrl}</script>在页面使用1、在文件引用import Store from "../../assets/Store"; created(){ console.log(Store.name).原创 2020-05-28 17:35:16 · 3638 阅读 · 0 评论 -
css 背景色动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2020-05-18 09:26:24 · 1473 阅读 · 0 评论 -
h5 导航栏左后滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .maincate {原创 2020-05-18 09:24:48 · 685 阅读 · 0 评论 -
jquery 抽离公共页面
抽离公共页面a页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-05-16 14:40:01 · 1281 阅读 · 0 评论 -
jq 实现简单tab切换
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.navigation p {float: left;margin: 0px原创 2020-05-14 15:31:36 · 672 阅读 · 0 评论 -
小程序手机号授权登录
真机调试就可以了 <button class="weixinlogin" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">微信登录</button>getPhoneNumber(e) { console.log(e); // 获取手机号信息 // 加密 后台解密 console.log(e.detail.er.原创 2020-05-14 12:23:37 · 1702 阅读 · 1 评论 -
js 常用的字符串和数组的转换方式
截取字符串var stmp = "rcinn.cn”;从第四个字符开始console.log(stmp.substring(3));保留后几位 Var arr = 1.1225584;保留后2位 arr.toFixed(2);合并数组var arr1 = [1, 2]var arr2 = [3];console.log(arr1.concat(arr2))JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()原创 2020-05-13 15:38:10 · 512 阅读 · 0 评论 -
uni-app 获取input的值
<input v-model="search" :value="search" @input="messagesearch" type="text" placeholder="请输入HScode" /><view @click="searchClick">点击</view>data() { return { search: '' }; }, messagesearch:function(event){ // 这.原创 2020-05-13 15:20:13 · 6509 阅读 · 0 评论 -
uni-app 中英文切换
要下载一个语言包 要是不看代码的话,这边有我一个案例,拿去直接用 // 顶部 uni.setNavigationBarTitle({ title: this.$t('index.navTitleFour') });//首页 computed: { i18n() { return this.$t('index'); } },// 切换语言按钮change() { ..原创 2020-05-12 16:21:19 · 5069 阅读 · 14 评论 -
uni-app 页面跳转方式
nav(){ // 关闭页面 uni.redirectTo({ url: '../info/info‘ }); // 遮挡页面 常用 uni.navigateTo({ url: 'test?id=1&name=uniapp’ }); } // 跳到底部导航页面 daohang(){ uni.switchTab({ ...原创 2020-05-12 12:25:43 · 4289 阅读 · 0 评论 -
js 手机号隐藏中间四位,变成*号
<p class=“phone">13012345678</p> $(function() { var phone = $(‘.phone’).html(); var mobile = phone.substr(0, 3) + '****' + phone.substring(7, 11)) $(‘.phone').text(mobile); });原创 2020-05-12 12:21:40 · 1048 阅读 · 0 评论 -
jq获取select的值
<select name="select_id" id="select_id"> <option value="+86">请选择国家和地区</option> <option value="+86">China+86</option> <option value="+93">Afghanistan+93</option> <option val.原创 2020-05-11 11:26:14 · 641 阅读 · 1 评论 -
微信小程序 动态添加类名
微信小程序 动态添加类名 和vue的语法差不多,一个小测试<view class="list-top"><view data-num="1" class="list-menu list-menu1 {{_num==1?'active':''}}" bindtap="menuClick">头条</view><view data-num="2" class="list-menu list-menu2 {{_num==2?'active':''}}" bindta原创 2020-05-09 18:28:15 · 3843 阅读 · 0 评论 -
小程序 处理接口返回html
处理接口返回html 文件需要在github下载 使用wxparse1、在j页面的js内引用 var WxParse = require('../../wxParse/wxParse.js'); 2、接口返回j数据的变量var article = res.data.myq_text;WxParse.wxParse('article', 'html', article, that, 5);3、在页面引用<import s...原创 2020-05-09 18:15:06 · 1833 阅读 · 0 评论 -
js jq swiper 轮播图
复制 直接能用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-...原创 2020-04-30 21:53:37 · 573 阅读 · 0 评论 -
小程序 切换图片
点击切换图片<view data-flag="{{flag}}" data-num="1" class="list-menu list-menu1 {{_num==1?'active':''}}" bindtap="menuClick"><image wx:if="{{flag}}" src="/images/my/quanbu.png"></image>...原创 2020-04-30 21:38:52 · 1952 阅读 · 0 评论 -
小程序 获取input输入的值
获取input的值 html<view class="itemView"> <input placeholder='输入你的姓名' value='{{name}}' bindblur='nameblur'></input> <input placeholder='输入你的密码' value='{{pwd}}' bindblur='pw...原创 2020-04-30 19:56:24 · 1293 阅读 · 0 评论 -
小程序 获取textarea的值
页面<form bindsubmit="bindFormSubmit"> <textarea value="{{name}}" name="textarea" /> <button form-type="submit" type="button" class="submit"> 提交 </button></form>...原创 2020-04-30 19:53:07 · 3191 阅读 · 0 评论 -
js 生成二维码 qrcode jq
因为部分原因,前端页面需要用到二维码,后台处理起来又比较费事一些,需要前端来进行处理,后台返回一个二维码的链接,前端生成一个二维码 一定要引入qrcode.min.js 我自己使用的是哪个版本,忘记了,我新找了一个链接,应该可以直接使用 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0....原创 2020-04-29 23:33:18 · 569 阅读 · 0 评论