- 博客(43)
- 收藏
- 关注
RSS订阅原创 JS公共方法库（深度拷贝、时间转换、类型判断、按属性排序、随机）
/*** 转换时间戳 --> 年-月-日 时：分：秒* isData 数字类型* isData为秒时间戳（如：1569465037）,如需改成毫秒时间戳，data不要需*1000*/function forGetDate(isData){ var t = new Date(isData); var year = t.getFullYear(); var m...
2020-03-05 15:56:57
226
原创 VUE购物车
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"></head>...
2020-03-04 14:03:21
160
原创 JS点击一次按序进切换数组数据
<html> <head lang="en"> <meta charset="UTF-8"> </head> <body> <div id="text"></div> <input type="button" value="切换" on...
2020-03-01 23:08:13
756
原创 JS基础知识
一、原型：1、prototype是原型/祖先，里面的内容可以被继承共享；2、proto是隐士，proto指向prototype，为同一个空间；Person.prototype = { width:100, height:200, name:"john"};// 构造函数function Person (){}var person1 ...
2020-02-29 20:35:07
111
原创 HTML CSS基础知识
HTML：1. img标签路径2.a标签锚点定位,代码如下：<div id="demo1"></div><div id="demo2"></div><a href="#demo1"></a><a href="#demo2"></a>拨打电话：<a href="tel:1871...
2020-02-24 18:38:18
299
原创 vue 富文本编辑器 Vue-SimpleMDE
安装：npm install vue-simplemde --savevue页面使用：<template> <vue-simplemde v-model="content" ref="markdownEditor" /></template><script> import VueSimplemde from 'vue-simple...
2019-12-18 18:29:58
349
原创 js点击切换验证码图片
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=...
2019-12-12 20:17:17
1130
1
原创 小程序年月日时选择器
wxml： <!-- 预约时间选择器 --> <view wx:if="{{timePicker}}" class="isTimePicker"> <view class="timePickerCancel" bindtap="timePickerCancel">取消</view> <view class="timePi...
2019-12-11 11:24:01
600
原创 vue 通过本地token判断是否显示登录页面
在router的index.js中判断router.beforeEach((to, from, next) => { var userInfo = Util.getToken(); console.log(to) console.log(next) console.log(userInfo) if(userInfo){ //如果有就直接到首页 next();...
2019-12-03 12:14:09
949
原创 vue切换左侧菜单栏目，对应切换显示右侧内容
1、右侧显示区域使用：<router-view></router-view><!-- 右侧Content --><Layout :style="{marginLeft: '200px'}"> <Header :style="{background: '#000', boxShadow: '0 2px 3px 2px rgba(0,0...
2019-12-02 18:36:23
7583
原创 微信公众号分享功能
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=...
2019-11-27 19:21:03
574
原创 vue.config.js配置
官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#baseurlmodule.exports = { publicPath:'./',// 应用被部署的路径。如需打包后可以本地预览修改为publicPath:'./' 如应用被部署在指定的子路径上，则需要指定子路径，如publicPath:'/my-app/' 如部署在跟目录：...
2019-11-27 14:04:40
368
原创 CSS3 Media Queries 实现响应式设计
1、如果是比较简单，少操作的应用比较合适 采取Media Queries2、如果是比较复杂，多操作多交互的比较合适采取PC一套，移动一套（进入项目时判断设备，显示PC还是MOBILE)Max Width下面的样式会在可视区域的宽度小于 600px 的时候被应用。@media screen and (max-width: 600px) { .class { background:...
2019-11-27 12:26:18
84
原创 vue 动画
第1步：安装：在命令行中执行：npm install animate.css --save第2步：引入和使用：main.js中：import animated from 'animate.css' // npm install animate.css --save安装，在引入 Vue.use(animated)vue模板中使用：<div class="ty"> ...
2019-11-25 19:45:44
56
原创 JS判断滚动条到底部
1、怎样用纯js判断滚动条是否到底部？先了解几个关键词：（1）滚动条到顶部的位置：scrollTop（2）当前窗口内容可视区：windowHeight（3）滚动条内容的总高度：scrollHeight触发监听的函数是：window.onscroll = function()｛...｝判断到底部的等式: scrollTop+windowHeight=scrollHeight...
2019-11-21 17:58:24
1045
原创 VUE 使用百度地图api
1、在index文件中引入JS <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的密钥"></script>2、在vue.config.js中配置module.exports = { configureWebpack: { ex...
2019-11-21 09:59:11
160
原创 vue TAB切换
HTML部分：<template> <div class="tab"> <div :class="{isTab,current:isTabIndex == index}" v-for="(item,index) in tabList" @click="clickTab(index)">{{item}}</div> </div>...
2019-11-13 18:11:10
177
原创 vue心得四
**1、获取列表数据的id**html部分：<template> <div> <ul> <li class="item" v-for="(item, index) in arrData" :key="index" @click="getDataId(item.id)">{{ item.title }}</li&...
2019-11-13 17:31:25
62
原创 三元运算符
三元运算符：true ? value 1: value2;？前为判断条件，当为ture时调用value1，为false时调用value2
2019-11-13 16:56:50
129
原创 小程序TAB
view部分<view class="page"> <view class="tab"> <view class="tab_nav {{currentTab==index ? 'active' : ''}}" wx:for="{{tabList}}" wx:for-item="isTab" bindtap="clickTab" data-isTabInd...
2019-10-29 17:56:34
77
转载 原生JS实现选项卡
<!DOCTYPE html><html><head> <title>tab选项卡</title> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>...
2019-10-29 16:18:23
70
原创 JS 循环拼接HTML
for (var i = 0; i < newarr.length; i++) { html += '<div id="cardList">' html += '<span class="name">' + 'CARDNAME:' +newarr[i].type_name + '</span>' html += '<span class="pc...
2019-10-29 11:44:15
1679
原创 小程序wx.request封装
在app.js中封装wx.request： /** * method： 请求方式 * url: 请求地址 * data： 要传递的参数 * successBack： 请求成功回调函数 * failBack： 请求失败回调函数 **/ xcxRequest(url, data, method, successBack, failBack){ wx.reques...
2019-10-24 18:18:36
84
原创 小程序授权登录
1、通过button 按钮打开授权弹窗，<button class='Login' open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">登录授权</button>2、获取用户的基础信息（不包括openid）res.detail.userInfo3、通过 wx.login({}）登录获取code4、code...
2019-10-24 11:22:47
117
原创 vue 获取前后路由
通过构子beforeRouteEnter (to, from, next)可获取前后的路由用法：export default { beforeRouteEnter (to, from, next){ next(vm => {//vm为vue的实例,代替this console.log(vm.isPath) vm.isPath = from.name ...
2019-10-15 15:17:16
974
原创 定时器setTimeout()
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。提示： 1000 毫秒= 1 秒。提示： 如果你只想重复执行可以使用 setInterval() 方法。提示： 使用 clearTimeout() 方法来阻止函数的执行。语法：setTimeout(function(){ alert("Hello");}, 3000); setTimeout(() =&g...
2019-09-29 11:59:39
229
原创 小程序子页面控制父页面的方法
var pages = getCurrentPages();var currPage = pages[pages.length - 1]; //当前页面var prevPage = pages[pages.length - 2]; //上一个页面prevPage.setData({ //直接调用上一个页面对象的setData()方法或者自定义的方法 typeShow:true...
2019-09-29 11:44:27
1219
原创 vue心得三（路由发生变化是执行某方法）
watch: {// 如果路由有变化，会再次执行该方法 '$route': 'getOrderInfo'//getOrderInfo为自定义方法 },
2019-09-29 11:25:05
1294
原创 vue心得二（子页面返回父级列表页时设置scrollTop）
1、设置<keep-alive>官方文档，在APP.vue中设置，如下： <template> <div id="app"> <keep-alive> <router-view/> </keep-alive> </div></template>2...
2019-09-26 19:14:36
866
原创 跨域解决办法
jsonp、 document.domain+iframe、window.name、window.postMessage、服务器上设置代理页面
2019-09-11 15:45:02
71
原创 数组集合
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。语法：array.forEach(function(currentValue, index, arr), thisValue)...
2019-09-05 18:32:54
64
原创 数组的操作
push()向数组增加数据，语法：arr.push("增加的数据")splice()删除数组数据，语法：arr.splice(index,1)。其中index为下标，1为删除的个数
2019-09-03 19:23:52
50
原创 vue心得一
1、整个vue项目的执行顺序：index.html -> main.js -> App.vue2、vue是模块组件化开发3、App.vue可以是项目的主页，可以引入router.js中的页面（通过引入）4、组件可以写在components目录下面，在需要使用的页面引入：import HelloWorld from ‘@/components/HelloWorld.vue’，同时需...
2019-08-28 09:49:56
429
原创 小程序组件
自定义组件官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/
2019-08-28 09:49:26
74
原创 vue cli3注意事项
1、安装node.js(8.9 或更高版本,推荐 8.11.0+)2、vue cli3安装命令：npm install -g @vue/cli或者yarn global add @vue/cli3、可以使用：vue --version检查版本是否正确4、使用图形化界面：vue ui(创建项目）5、安装数据请求插件，axios（安装命令：npm install axios)安装后，在main...
2019-08-28 09:48:57
197
原创 类
//构造函数function is_obj (name,age,sex) { this.name=name; this.age =age; this.sex=sex;}var obj = new is_obj('wanger',20,'male');console.log(obj)
2019-08-15 15:35:29
59
原创 JS点击列表li获取li的id
点击列表li获取li的id 我是list1 我是list2 我是list3 我是list4 我是list5 我是list6 我是list7
2019-07-15 16:44:43
1432
1
原创 filter()过滤器
<script type="text/javascript"> var arr = [ {"flag":1}, {"flag":2}, {"flag":3}, ] var get_arr = arr.filter((is_item) => is_item.flag > 1) console.log(get_arr)</script>
2019-07-11 16:29:50
54
转载 JSON
JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。例如我们从服务器接收了以下数据：{ “name”:“runoob”, “alexa”:10000, “site”:“www.runoob.com” }我们使用 JSON.parse() 方法处理以上数据，将其转换为 JavaScript...
2019-07-11 15:32:00
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人