js
wangc_gogo
一个标点符号一篇博客,也是一种进步!!!
展开
-
可用的bootrap摸态框样式
<div class="fixed-table-toolbar"> <!-- 按钮触发模态框 --> <div class="columns columns-right btn-group pull-right"> <button type="button" class="btn btn-primary" data-tog...原创 2020-03-05 11:39:35 · 357 阅读 · 0 评论 -
ios android 浏览器判断及业务逻辑添加处
var browser = { versions: function () { var u = navigator.userAgent; return { ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('...原创 2019-12-31 10:31:00 · 153 阅读 · 0 评论 -
微信二次分享失败解决
前段时间写了一片微信分享的文章,在二次分享时会存在问题,今天进行补充,主要是第五条1、通过appId和secret获取access_tokenpublic static String getAccessToken(String appid, String secret) { String url = "https://api.weixin.qq.com/cgi-bin/token?...原创 2019-12-25 08:45:27 · 2836 阅读 · 0 评论 -
判断是否属于微信浏览器
/** * 是否是微信访问(java) * @param request * @return */public static boolean isWechatRequest(HttpServletRequest request){ String ua=request.getHeader("user-agent"); if(StringUtils.isBlank(ua...原创 2019-12-23 15:51:14 · 181 阅读 · 0 评论 -
微信分享 java版
之前很少接触微信开发,最近让做分享有点蒙,下面是自己做分享的一些经验仅供参考1、通过appId和secret获取access_tokenpublic static String getAccessToken(String appid, String secret) { String url = "https://api.weixin.qq.com/cgi-bin/token?gr...原创 2019-12-19 11:38:21 · 362 阅读 · 0 评论 -
vue scroll $bus $emit卡顿问题
在使用betterscroll 在加载含大量图片的情况,由于滚动的区域在计算时有可能图片还没有加载完毕,所以会产生无法向下动的问题,如何解决这个问题那 ???这就需要多图片进行监听,原始的js图片加载的监听是 img.onload ,使用BScroll 只需要在图片上添加@load=“method” 属性即可。这样做了会面临一个传值的问题,怎么把BScroll的 值传递给调用的组件那???...原创 2019-07-11 16:35:05 · 745 阅读 · 0 评论 -
vuex 使用及数据格式
mutation主要处理数据的修改getter主要书业务逻辑处理,一般不会改变元数据转载 2019-07-06 10:52:16 · 616 阅读 · 0 评论 -
vuex 是什么?
下面这个图介绍的比较到位:自己也可以封装,但是很难实现响应式处理。转载 2019-07-06 10:07:38 · 115 阅读 · 0 评论 -
ES6 promise 高级用法
在开发中经常遇到,需要经过几次网络请求,且结果都正确才可以执行一下步的操作,在没有es6 promise之前我们通常使用标记来记录状态的方法进行处理,操作相当繁琐且不好控制,ES6 为我们提供了Promise.all()方法,下面是具体的案例:Promise.all([ new Promise(res=>{ setTimeout(function () { r...原创 2019-07-06 09:50:32 · 637 阅读 · 0 评论 -
ios 自定义隐藏或显示option
/* * jq对象,要显示那些元素[],要隐藏那些元素[] */function toggleOptionShow(obj,arrShow,arrHide){ function arrHandle(arr,type){ if($.isArray(arr)){ var len=arr.length; for(i=0;i&...原创 2019-07-06 09:36:42 · 739 阅读 · 0 评论 -
vue 路由导航
router.beforeEach((to ,from ,next)=>{document.title=to.matched[0].meta.title;next() //必须写,否则无法跳转。})原创 2019-07-01 13:14:29 · 447 阅读 · 0 评论 -
vue 所有的组件都继承自vue类的原型
通过 Vue.prototype.属性 进行修改原创 2019-07-01 11:49:04 · 1732 阅读 · 0 评论 -
vue 详情页标记 评论 详情 等注意事项
在商品详情页想换的操作中,我们需要根据客户的scroll 来显示选中状态,比如 描述 评论 参数等这样就需要对每个标记进行记录,一遍直接scrollTod(x,y)到制定的状态,或对该状态进行相关的操作;但是由于vue 在加载时有异步处理,如果直接使用直接像上面这种操作的话容易获取不到值,或者值获取的不正确,为了在视图挂载确认完成 时调用相关的操作,获取正确的数据,需要这样做:...原创 2019-07-15 08:43:37 · 517 阅读 · 0 评论 -
vue 箭头函数 及对象
无参 ()=》{};一个参数)(augs)=>{}一个参数一行可以省略大括号箭头函数this 作用域 是指最近的对象原创 2019-06-29 19:44:44 · 369 阅读 · 0 评论 -
vuex 对页面状态管理
转载 2019-07-06 10:58:58 · 306 阅读 · 0 评论 -
vuex 状态管理图
原创 2019-07-06 11:10:16 · 950 阅读 · 0 评论 -
谷歌 安装vuex devtools 步骤
chrome浏览器的应用商店不能直接访问(需要跨域),所以直接应用商店安装的方法就行不通了。1、到github主页去下载安装: 1 git clone https://github.com/vuejs/vue-devtools 2、继续执行以下命令(cnpm国内镜像下载更快): 1 2 3 ...转载 2019-07-06 11:35:01 · 8344 阅读 · 0 评论 -
jwt 创建token 和验证token 封装
import io.jsonwebtoken.Claims;import io.jsonwebtoken.Jwts;import io.jsonwebtoken.SignatureAlgorithm;import net.xdclass.xdvideo.domain.User;import java.util.Date;/** * jwt工具类 */public class ...原创 2019-07-22 08:11:58 · 315 阅读 · 0 评论 -
简易封装httpclient post get
package net.xdclass.xdvideo.utils;import com.google.gson.Gson;import org.apache.http.HttpEntity;import org.apache.http.HttpResponse;import org.apache.http.client.config.RequestConfig;import org...原创 2019-07-22 08:10:21 · 99 阅读 · 0 评论 -
spring 自定义全局异常
1、定义全局异常处理适配器,可以多个,我这目前只用一个:/** * 自定义异常类 */public class XdException extends RuntimeException { /** * 状态码 */ private Integer code; /** * 异常消息 */ private Stri...原创 2019-07-22 08:09:12 · 375 阅读 · 1 评论 -
lua redis metatable 操作
local score1={yw=80,sx=90}local score2={yw=100,sx=100}local myadd={}function myadd.__add(f1,f2) local res ={} res.yw=f1.yw + f2.yw res.sx=f1.sx +f2.sx return res...原创 2019-07-30 17:53:09 · 214 阅读 · 0 评论 -
vue 响应式原理 发布订阅模型 对象赋值
vue响应式原理主要靠两点://vue响应是原理//每个vue都包含一个对象实例,这个对象实例拥有defineProperty()监听属性的改变并进行赋值操作; Object.keys(obj).forEach(key=>{ let value=obj[key]; Object.defineProperty(obj,key,{ ...原创 2019-07-20 09:08:43 · 332 阅读 · 0 评论 -
vue toast 实现步骤
转载 2019-07-19 08:25:02 · 351 阅读 · 0 评论 -
防抖函数 debounce
有时在监听事件时,在短时间内需要发送几百次的刷新,这样的话会严重的影响性能,比如vue 页面引入bscroll 在页面初始化加载图片时,需要时刻监听每个图片是否加载完毕,每次监听都需要调用BScroll的 refresh()函数,这样可以使用防抖函数增加性能,下面来个简单的防抖函数案例:debounce(func,delay){ timmer=null; if(...原创 2019-07-11 17:36:58 · 286 阅读 · 0 评论 -
vue 添加购物车 列表无法刷新的问题
由于页面会存在缓存,第一次购物车列表是没有数据的,向购物车添加商品,但是购物车列表还缓存这以前的高度,导致虽然有数据单数无法刷新的问题,如何解决?只需要在activated里面刷新一下即可 this.$refs.scroll.refresh()...原创 2019-07-18 09:09:41 · 864 阅读 · 0 评论 -
flex 布局基本语法
display:flex自动换行flex-wrap:wrap不换行,在一列显示flex-wrap:nowrap平局分配justify-content:space-around图片圆形显示border-radiusZ-index在使用绝对定位position:absolute属性条件下使用才能使用。通常我们让不同的对象盒子以不同顺序重叠排列,我们就是...原创 2019-07-10 08:58:51 · 103 阅读 · 0 评论 -
vue 基本语法
子组件数据格式data(){ return { isActive:true }}原创 2019-07-04 11:12:33 · 84 阅读 · 0 评论 -
vue $route 和 $router 的区别和作用
$router指的是vue实例,而$route 主要指当前活跃状态的组件this.$route.path 指当前处于活跃的url路径;原创 2019-07-04 11:03:22 · 544 阅读 · 0 评论 -
ajax 图片上传
目前有两种上传方式:1、利用原始的formData进行数据的封装上传,具体代码如下:$("#argeebtn").bind("click",function () { var formData = new FormData($('#formId')[0]); $.ajax({ url: "/product/add", data:for...原创 2019-06-18 14:59:27 · 663 阅读 · 1 评论 -
es6 字符串新语法
字符串可以使用单引号双引号,es6增加了·``(tab上面的那个) 支持换行原创 2019-06-26 08:22:50 · 261 阅读 · 0 评论 -
vue学习一 组件话
转载 2019-06-26 08:09:48 · 68 阅读 · 0 评论 -
jstl使用 后台取值的问题
jstl 是jsp前后端获取值常用的方法,但是自己写JSP页面时要想获取到后端的值,必须导入以下两个标签:<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ page isELIgnored="false" %><%@ page isELIgnored="false" %&...原创 2019-06-18 10:27:19 · 891 阅读 · 0 评论 -
jquery 自定义内部弹框
弹框的大小样式<style> .window{ width:550px; background-color:#d0def0; position:absolute; padding:2px; margin:5px; dis...转载 2019-06-18 08:12:14 · 668 阅读 · 0 评论 -
spring mvc 搭建的坑 jdk localdate和mybatis冲突 以及乱码问题
1、数据链接拒绝访问(参考)https://blog.csdn.net/qq_22899021/article/details/810344312、采用jdk1.8的localdate与数据库的date日期冲突需要引入<!-- 日期转换jdk1.8--> <dependency> <groupId>org.mybatis</gr...原创 2019-05-29 09:02:33 · 241 阅读 · 0 评论 -
不使用form表单提交方式提交文件
<body> <input type="file" id="importFile"/> <input type="button" id="import-submit" value="提交导入文件"/> </body> <script type="text/javascript"> ...转载 2019-06-13 09:13:36 · 3349 阅读 · 0 评论 -
正则表达式
字母和数字组合var password = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/;分开来注释一下:^ 匹配一行的开头位置(?![0-9]+$) 预测该位置后面不全是数字(?![a-zA-Z]+$) 预测该位置后面不全是字母[0-9A-Za-z] {8,16} 由8-16位数字或这字母组成$ 匹配行结尾位置注:(?!xxxx...原创 2019-06-05 10:48:59 · 456 阅读 · 0 评论 -
jquery validate使用
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://static.runoob.com/assets/jquery-validation-...原创 2019-06-05 09:59:17 · 399 阅读 · 0 评论 -
前端发送短信和短信息验证倒计时
发送短信sendMessageValidateCode(phone, 4,function () { var telNo = phone.substr(0, 3) + '****' + phone.substr(7); $('#checkPhone').html('短信已发送至'+telNo+',请注意查看'); $("#checkPhone").show();...原创 2019-05-28 09:47:46 · 411 阅读 · 0 评论 -
jquery 进阶
select 框选中原理 父标签遍历所有子元素,负责清空选中状态 $(this).parents('.xt_baofeitest_clitemr').find('.xt_baofeitest_clitemr_i').removeClass('xt_baofeitest_clitemr_iact');当前元素加上选中状态$(this).addClass('xt_baofeitest_cli...原创 2019-04-30 09:35:33 · 85 阅读 · 0 评论 -
vue 组件
组件数据组件定义 data函数原创 2019-06-26 16:52:17 · 100 阅读 · 0 评论