一个程序员的春天-优快云博客

原创 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 500

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 1717

原创 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 1704 1

原创 web2app去掉导航栏

{ "global": { "webviewParameter": { "titleNView":false, "statusbar": { //系统状态栏样式(前景色) "style": "dark" }, "appendCss": "", "appendJs": "" },

2020-07-16 17:33:05 1935

原创 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 1361

原创 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 6687

原创 uni-app 中英文切换

要下载一个语言包要是不看代码的话，这边有我一个案例，拿去直接用 // 顶部 uni.setNavigationBarTitle({ title: this.$t('index.navTitleFour') }); //首页 computed: { i18n() { return this.$t('index'); } }, // 切换语言按钮 change() { ..

2020-05-12 16:21:19 5389 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 4575

原创小程序切换图片

点击切换图片 <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&gt...

2020-04-30 21:38:52 2105

原创小程序获取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 3303

原创 uni-app 本地储存

存数据 : uni.setStorage({ key:”storage_token", data:"值111111" }) /--------------------------- 取值： let token = uni.getStorageSync('storage_token'); console.log(token); 删除 uni.removeStorageSy...

2020-04-27 15:20:26 2546

原创 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 5956 3

原创 uni-app 上传图片到服务器

页面结构 <view class="tou_xiang"> <view class="touxiangicon" @click="upload"><image class="huiyuan_img" :src="image" mode=""></image></view> </...

2020-04-25 16:21:27 8346 2

原创 echarts 折线图渲染到页面

#main { width:100%; height:500px; } 页面 <div id=“main"></div> js ## **这是我根据自己需求写的，使用的时候需要修改一些地方** var date = []; //日期 var number = []; //数量 var names...

2020-04-25 16:10:41 1012

原创 uni-app 获取验证码

作为一个合格的前端，样式我就不写了页面结构 <button @click=“codeClick” v-if=“changess”>获取验证码 <button @click=“codeClick” :disabled=“disabled” v-else>{{this.second}}后重试 js data(){ return { showText:true, second...

2020-04-25 15:56:17 4380

原创 uni-app 时间戳转成年月日

因为后台返回的是一个时间戳，所以我们前端要处理一下，才能使用，因为uni-app和vue的语法基本一样，所以在这里就用到了过滤器，直接上代码页面 {{item.createTime | formatDate}} js filters: { formatDate: function (value) { var date = new Date(value);//时间戳为10位需*1000，时间戳为1...

2020-04-25 15:48:37 5037

原创 uni-app v-for获取数据渲染不到页面

uni-app v-for获取到数据渲染不到页面一开始是用this写的，发现拿到数据，怎么都渲染不到页面，然后各种调试，最后发现是this指向的问题在上面接一下this，改变下指向就可以了，不知道对你们有没有帮助 ...

2020-04-14 10:35:03 5819 3

原创鼠标移入放大图片

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { width: 300px; height: 300px; border: #000 solid 1px;

2022-02-23 11:44:20 556

原创 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 275

原创 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 895

原创 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 285

原创 js时间戳转成年月日

时间戳转成年月日 function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var 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 3127

原创 safari 用网页添加到主屏幕，自定义图片

在这里插入图片描述在这里插入图片描述自定义图片：<link rel="apple-touch-icon" href="/yinhang.jpg">

2020-07-08 19:03:43 2392 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 573

原创 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 3289

原创 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 1849

原创 uni-app 自定义导航

pages.json文件 { "pages": [ { "path" : "pages/query/query", // "style" : { // "navigationBarTitleText": "查询记录" // } "style": { // "navigationBarBackgroundColor": "#

2020-05-28 17:44:09 788

原创 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 3731

原创 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 1642

原创 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 763

原创 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 741

原创小程序手机号授权登录

真机调试就可以了 <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 1798 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 567

原创 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 1125

原创 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 736 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 4032

原创小程序处理接口返回html

处理接口返回html 文件需要在github下载使用wxparse 1、在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 1963

原创 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 680

原创小程序获取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 1375

原创 js 生成二维码 qrcode jq

因为部分原因，前端页面需要用到二维码，后台处理起来又比较费事一些，需要前端来进行处理，后台返回一个二维码的链接，前端生成一个二维码一定要引入qrcode.min.js 我自己使用的是哪个版本，忘记了，我新找了一个链接，应该可以直接使用 <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0....

2020-04-29 23:33:18 618

uni-app语言国际化.zip

在一定的需求中，会用到国际化，那么uni-app也是可以做的，直接看我代码吧。在一定的需求中，会用到国际化，那么uni-app也是可以做的，直接看我代码吧。在一定的需求中，会用到国际化，那么uni-app也是可以做的，直接看我代码吧。在一定的需求中，会用到国际化，那么uni-app也是可以做的，直接看我代码吧。在一定的需求中，会用到国际化，那么uni-app也是可以做的，直接看我代码吧。

2020-05-12

地图插件带标示点效果

地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。

2018-12-20

index.html

canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。canvas绘制手势密码，有重新绘制。

2019-06-10