ggggmlor-优快云博客

原创 Node获取微信JSSDK签名测试号案例

流程如下：1.访问网站2.请求服务端3.服务端获取access_token（需要进行缓存）4.通过access_token获取jaspi_ticket（需要进行缓存）5.生成随机nonceStr和timestamp6.将timestamp、nonceStr、jsapi_ticket和url排序然后以key1=value1&key2&value2的形式生成加密字符串str7.使用sha1对str进行加密得到signatrue

2020-07-26 03:11:53 633

原创 umi配置chainWebpack，使用自定义loader----jsx-px2rem

目录吐槽：loader：修改chainWebpack配置完结吐槽：最初追随潮流，老大看到了umi这个国人开发标签的框架，觉得可以尝试，并且相信阿里。从此开始了填坑之路。。。虽然云谦大佬在github上说了，umi本身的配置已经很完善了，但是肯定满足不了所有人各种各样的奇葩需求。。。比如今天说的将jsx中的style里，将px转换为rem。umi本身提...

2019-09-03 16:25:05 22558 4

原创 vue后台管理系统之权限控制

目录什么是权限控制？如何实现权限控制改进的解决方案基本实现登出再登入问题页面刷新问题什么是权限控制？首先，我们按照最初的开发模式，在router.js中将所有的组件都注册在路由中.import Vue from 'vue'import Router from 'vue-router'import { extend } from '../utils/r...

2019-05-22 11:33:28 2015

原创 this指向为undefined

普通函数：function show() { console.log(this)}show()// 打印结果：Window在严格模式下：'use strict'function show() { console.log(this)}show()// 打印结果： undefined如果实在react中出现 this指向为undefined ...

2019-03-20 11:15:32 3500

原创 vue使用token进行身份验证和会话保持

工具：vue + nodejs(express)简单的说一下思路，如果demo中有错误或者考虑不周全的地方希望各位指出共同进步。在登陆之后在我们的node.js服务器上使用md5将session与userID进行加密。将加密后的值token存储在session中，并且将userID保存在session中。然后将token的值返回给客户端。客户端使用sessionStorage将token的...

2019-03-19 00:13:52 3228

原创 JS实现无限轮播无倒退效果

原理：每次移动前设置transition过渡效果，完成清除过渡效果，然后在到达最后一张图片的时候在清除过渡效果之后translateX（0）另外需要jq的引用HTML：<div class="slide-container" view-count="3"> <ul> <li> <img src=...

2019-01-06 19:21:35 1547 1

原创使用滚轮轮播图片

效果图如下，只能用滚轮移动到头部和尾部思路：根据需要展示的图片数量（view-count）与slide-container中存放的图片数量设置ul的长度，然后设置每个li的均等宽度。每次滚轮滚动ul移动一个li的距离HTML...

2019-01-06 17:12:00 740

原创使用滚轮轮播并保持屏幕不滚动

首先如果要用滚轮实现轮播，必然会绑定一个滚轮事件。网上有滚轮事件的兼容性写法，先拿过来用，在进行修改。if (window.addEventListener) //FF,火狐浏览器会识别该方法 document.addEventListener('DOMMouseScroll', wheel, false); document.onmousewhe...

2018-12-24 10:27:36 512

原创 js实现平滑滚动

差别：原生JS移动速度固定，jQ可以设置移动的时间，快慢不一。原生JS实现页面平滑滚动window.scroll({ top: [number] y, left: [number] x, behavior: [stirng] behavior})//behavior 三个取值: auto,instant(瞬间移动),smooth(平滑移动)jQue...

2018-12-20 11:10:25 2018

原创 input file 如何上传同一个文件

一般在项目中不会运用默认的input样式，因此我们通常的解决方案是在一个事件（比如点击图片）内使用input file的click()。主动触发click(),弹出文件选择。let uploadInput = $('.upload input');//jQuery委托 .clsPhoto的点击事件$('.imgWrapper').on('click', '.clsPhoto', ...

2018-12-15 16:44:10 2244

原创原生js与jQuery主动触发事件

原生js有两种方法：//方法1let ele = querySelector('#div'); //id='div'的div的dom节点ele.click();//方法2 let ele = querySelector('#div'), e = document.createEvent('类型名字'); e.initEvent('click',true,t...

2018-12-14 14:07:49 893

原创如何修改input file的默认样式

浏览器默认的input type=file 样式非常丑陋，相信大部分朋友有想过如何修改其样式。我的思路是将input隐藏，然后使用js代码控制其点击事件。第一步：写好html结构和css结构 <div class="container"> <div class="content"> <div class="content-inne...

2018-12-14 13:44:59 2127

原创浏览器返回ejs文件中文乱码

在webstrom 右下角设置文本编码格式为utf-8 原因：当返回ejs的时候，后台先读取ejs文件，然后处理ejs,最后返回这个文本给浏览器即：1. 浏览器发出请求http://ip:port/url2.后台响应res.render('视图目录下的文件名'，[需要在ejs使用的对象]) 3.读取ejs文件与参数并进行响应处理，返回的是编码格式...

2018-12-12 13:01:28 880

原创 Ejs Error: No default engine was specified and no extension was provided.

原因1：ejs配置有问题//配置ejs视图的目录app.set("views", __dirname + "/views"); // '/views代表存放视图的目录'------------------------------------华丽的分割线------------------------------------//启动视图引擎，并指定模板文件文件类型：ej...

2018-12-12 12:23:30 17365 2

原创 javascript编写规范

变量和函数变量名应当遵循camel case，并且命名前缀应当是名词。以名词作为前缀可以让变量和函数区分开来，因为函数名前缀应当是动词。比如：var count=10；var myName=“Nicholas”；function getName(){ return myName;}函数和方法常用单词：can、has、is、get、set。 ...

2018-11-26 21:50:59 228

原创 Javascript关于作用域和作用域链

[Scope]:Javascript引擎中有一个scope的内部属性，这个scope对象包含了函数可以访问的作用域对象的集合，并且这个scope属性只能被浏览器所访问。scope属性是函数创建就存在的。function ShowTime(time){ var time=time; function logTime(){ console.log("it...

2018-11-13 13:18:40 203

原创 mybatis如何判断update操作是否成功

使用mybatis进行update操作时设置一个int类型返回值，但是这个返回值并不是受影响行数，而是match次数，所以需要在jdbc url上进行修改，在末尾加上一项?useAffectedRows=true，即jdbc:mysql://${jdbc.host}/${jdbc.db}?useAffectedRows=true这样一来返回值即受影响行数了。...

2018-10-14 13:37:02 16808

转载 mabatis实现动态更新字段

利用if标签实现<update id="updateUser" parameterType="xxx.pojo.user"> update cmtinfo <trim prefix="set" suffixOverrides=","> <if test="name!=null">n

2018-10-14 01:48:58 557

转载 Gson设置解析date格式

使用gson将实体类对象解析json或者用json生成实体类时，解析出来的date格式是X月 XX，XXXX，直接在创建gson时设置时间格式：Gson gson = new GsonBuilder().setDateFormat("yyyy-MM-dd").create(); 这样以来后台接受的前端的string（"yyyy--MM--dd"）就可以转换成date类型了，并且...

2018-10-14 01:13:51 3134

原创使用jquery使input自动获取焦点

最近在做毕业设计时一直没能完善这个细节，想要通过点击选项卡后，自动获取输入框焦点，在网上查阅了很多资料终于踏破铁鞋无腻处。#（element）.focus（）能够使元素获取焦点或者设置元素触发获取焦点的事件。博主讲的原因是：如果之前当前元素为隐藏或者未被创建，则需要延时。按着这个思路，我更改了代码。延时50ms。setTimeout(function(){ ...

2018-10-09 17:25:29 29886 2

原创后台接受前台数据时多了一个逗号

前台向文本框输入：111在后台接收数据时，如果获取参数如：@Param("userID") String userID然后System.out.println(userID)会发现控制台打印出的结果是这是由于存在两个相同的name 去掉或更改其中一个name 即可。...

2018-07-22 16:28:15 3295

qq_37728271的博客