![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
一个程序员的春天
这个作者很懒,什么都没留下…
展开
-
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 · 386 阅读 · 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 · 191 阅读 · 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 · 754 阅读 · 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 · 204 阅读 · 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 · 1504 阅读 · 0 评论 -
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 · 2965 阅读 · 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 · 5584 阅读 · 3 评论 -
web2app去掉导航栏
{ "global": { "webviewParameter": { "titleNView":false, "statusbar": { //系统状态栏样式(前景色) "style": "dark" }, "appendCss": "", "appendJs": "" },原创 2020-07-16 17:33:05 · 1775 阅读 · 0 评论 -
safari 用网页添加到主屏幕,自定义图片
在这里插入图片描述在这里插入图片描述自定义图片:<link rel="apple-touch-icon" href="/yinhang.jpg">原创 2020-07-08 19:03:43 · 2096 阅读 · 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 · 485 阅读 · 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 · 3155 阅读 · 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 · 1678 阅读 · 0 评论 -
uni-app 自定义导航
pages.json文件{ "pages": [ { "path" : "pages/query/query", // "style" : { // "navigationBarTitleText": "查询记录" // } "style": { // "navigationBarBackgroundColor": "#原创 2020-05-28 17:44:09 · 666 阅读 · 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 · 3623 阅读 · 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 · 669 阅读 · 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 · 1250 阅读 · 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 · 643 阅读 · 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 · 1686 阅读 · 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 · 487 阅读 · 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 · 6403 阅读 · 0 评论 -
uni-app 中英文切换
要下载一个语言包 要是不看代码的话,这边有我一个案例,拿去直接用 // 顶部 uni.setNavigationBarTitle({ title: this.$t('index.navTitleFour') });//首页 computed: { i18n() { return this.$t('index'); } },// 切换语言按钮change() { ..原创 2020-05-12 16:21:19 · 4990 阅读 · 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 · 4277 阅读 · 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 · 1017 阅读 · 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 · 625 阅读 · 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 · 3806 阅读 · 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 · 1790 阅读 · 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 · 558 阅读 · 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 · 1937 阅读 · 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 · 1275 阅读 · 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 · 3156 阅读 · 0 评论 -
js 书写一个简单弹窗
弹窗 html<div class="mark"></div> css.mark { position: fixed; top: 80%; left: 50%; margin-left: --100px; width: 200px; height: 36px; line-height: 36px; text-align: cent...原创 2020-04-29 14:49:23 · 721 阅读 · 0 评论