一个程序员的春天-CSDN博客

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

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 1472

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

原创 web2app去掉导航栏

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

2020-07-16 17:33:05 1752

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

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

原创 uni-app 中英文切换

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

2020-05-12 16:21:19 4918 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 4258

原创小程序切换图片

点击切换图片<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 1910

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

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

原创 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 5545 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 8038 2

原创 echarts 折线图渲染到页面

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

2020-04-25 16:10:41 897

原创 uni-app 获取验证码

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

2020-04-25 15:56:17 4153

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

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

2020-04-25 15:48:37 4799

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

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

2020-04-14 10:35:03 5592 2

原创鼠标移入放大图片

<!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 411

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

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

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

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

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

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

2020-07-08 19:03:43 2068 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 484

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

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

原创 uni-app 自定义导航

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

2020-05-28 17:44:09 659

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

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

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

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

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

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

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

原创 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 613 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 3699

原创小程序处理接口返回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 1757

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

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

原创 js 生成二维码 qrcode jq

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

2020-04-29 23:33:18 552

vuei18n-master.zip

vue 国际化

2021-05-17

swiper.zip

前端最正常见效果，轮播图swiper前端最正常见效果，轮播图swiper前端最正常见效果，轮播图swiper前端最正常见效果，轮播图swiper

2020-06-07

抽离公共页面.zip

抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。抽离公共页面.zip。

2020-06-07

uni-app语言国际化.zip

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

2020-05-12

qrcode.zip

使用qrcode，根据后台返回链接，生成一个可以访问的二维码使用qrcode，根据后台返回链接，生成一个可以访问的二维码使用qrcode，根据后台返回链接，生成一个可以访问的二维码

2020-04-28

index.html

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

2019-06-10

前端正则判断前端正则判断

前端正则判断前端正则判断。前端正则判断前端正则判断。前端正则判断前端正则判断。前端正则判断前端正则判断。前端正则判断前端正则判断。前端正则判断前端正则判断。

2018-12-26

地图插件带标示点效果

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

2018-12-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人