了无牵挂的康言先森-优快云博客

原创前端之路：js跨页面传参(H5 web storage)

一、URL（传统）把参数值附在url后面传递到其他页面,这种方法不适合在后台 iframe 这种 tab 页面直接跳转传参，iframe 标签写死了。页面虽然刷新了，但是接受的url参数是第一次打开时候的参数。二、H5 web storage1、sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束...

2020-01-02 12:07:11 2960 1

原创前端之路：js保存数据到本地，记录。

作用：判断是否第一次网站，判断用户之前的各种选择，等等。很实用的一个功能 /*获取用户历史选择*/ check_model(); /*方法区*/ /*根据用户历史--执行某些操作*/ function check_model(){ var model = mystorage.get("model"); if (mode...

2019-12-27 15:25:32 1570

原创 Mysql: 对换（替换）两条记录的同一个字段值

需求：前端进行展示数据的时候,经常有这么一个需求,就是将已经排序的列表进行调整顺序,比如现在想把id为1的数据, 向下移一位,也就是和id为2的major_id字段进行对调第一种方案：1.第一个值 = 查询出来第一条2.第二个值 = 查询出来第二条3.更新第一条记录4.更新第二条记录对数据库操作了4次。这种方案很容易被上司骂个半死...

2019-12-25 14:15:16 1703

原创前端之路：点击交换两个DIV（元素）

吐槽：哈哈，真的是越来越懒了。程序员有女票真是很花时间的事。时间不知不觉就被偷走了。具体思路（JQ）：/*临时存储替换元素参数*/var togele1=null;var togele2=null;//选择器不要用id。因为要多选，不能唯一 $(".class div").on("click",function () { //打上红框，表示被选中...

2019-12-25 11:41:00 780

原创前端之路：一款轻量的tooltip插件tippy.js

安利一款轻量的tooltip插件，使用简单，扩展性好，而且作者一直都有更新维护，用在项目中最好不过了。官方GitHub :https://github.com/atomiks/tippyjs优快云下载插件： http://download.youkuaiyun.com/download/qq_25835645/10147435简要教程(如下) ：安装可以通过npm...

2019-09-16 14:00:03 857

原创前端之路：html2canvas脱坑，（图片模糊，多次加载，图片跨域）

有女票的程序员真的颓废，都不记得多久没写心路历程了（T T）.插件简介：1.官网：http://html2canvas.hertzen.com/2.GitHub：https://github.com/niklasvh/html2canvas/3.版本：(压缩版地址就不贴了) 0.4.0（https://cdn.bootcss.com/html2canvas/0....

2019-09-04 18:13:52 4764 1

原创前端之路：jq 页面（鼠标）滚动一次只执行一次的方法。（延伸，实现图片懒加载）

项目需求滑动时更新用户所看到的图片的一些信息，获取可见区域图片的一些信息。具体思路可以利用滚动监听，来获取可见区域照片的一些信息。遇到的问题滚动监听会执行很多次。但是我们只需要执行一次具体代码 //为了不在滚轮滚动过程中就一直判定，设置个setTimeout,等停止滚动后再去判定是否出现在视野中。 var clock;...

2019-03-19 18:11:53 2674 1

原创前端之路：json时间类型转换yyyy-MM-dd

项目中，经常会用遇到json 时间格式的对象。类型是object。{date: 16, day: 3, hours: 16, minutes: 5, month: 0, seconds: 41, time: 1547625941000,…}现在我们需要将这个这个object转换为我们想要的yyyy-MM-dd时间。//修改——转换日期格式(jason转换为datetime格式)//方...

2019-01-16 17:58:47 2877

原创前端之路：jq解决点击穿透，滑动穿透事件。

点击穿透：（模态框下的的dom，触发其点击相关事件，一般为移动端）解决方案：阻止冒泡$("上层容器选择器").on("touchmove",function(event){ event.preventDefault();});滑动穿透：（模态框下的的dom，滑动模态框层，底部也随之滑动。）解决方案1：将底部dom 设置固定高度。失去滚动条，一般为body。当然...

2019-01-08 11:58:02 6097

原创前端之路：jq判断用户是否第一次登陆网页，网站。

2019-01-08 11:45:58 2602

原创前端之路：js,jq设置获取时间几天前，几天后的时间。

JQ： $(function(){ //设置几天前的时间 var startDate = new Date(); //这里设置是十天前，则减去相应的毫秒数。 startDate.setTime(startDate.getTime()-10*24*60*60*1000); var seperator = "-"...

2019-01-07 16:45:28 1141

原创前端之路：contenteditable 换行踩坑心得

因为项目需求，前台做一个聊天编辑器。由于需要插入表情，而非纯文本，textarea显然是不能支持。这种需求的。这种需求就我所知只能用div 来实现。一个div元素，要让其可编辑，也就是可读写，contenteditable属性是最常用方法，做前端的基本上都知道，原理就是在这个div 添加html。模拟展示。输入框。项目需求大概是这样的遇到的坑...

2018-12-26 17:43:20 15929

原创前端之路：sql 多表查询

问题：查询相关联的多个表。解决：用到的方法 inner join SELECT 主表.*,副表1.需要的字段,副表2.需要的字段 from 主表 INNER JOIN 副表1 ON 主表.关联字段 = 副表1.关联字段 INNER JOIN 副表2 ON 主表.关联字段 = 副表2.关联字段...

2018-11-28 11:18:15 352

原创前端之路：bootstrap table 按钮，元素，点击事件没反应，无效的解决方方案。

问题：bootstrap table 生成的表格里formatter添加的 HTML元素按钮，js 中添加点击事件，点击没反应。或者点击好多次，刷新在点击，才有反应。最近项目用到这个插件，马上就来坑了。自定义的button 点半天没反应，猜测：是这个表格插件加载数据的时候跟 js 中 append 添加 html代码 ...

2018-11-28 11:09:46 10386 2

原创前端之路：sql语句，表中随机获取一条记录（数据）。（或者获取随机获取多条（记录）数据）

SELECT * FROM `tableName` AS t1 JOIN (SELECT ROUND(RAND() * ((SELECT MAX(id) FROM `tableName`)-(SELECT MIN(id) FROM `tableName`))+(SEL...

2018-11-21 14:41:46 1121

原创前端之路：一款好用的的jQuery前端提示插件（webui-popover）

最近项目有点多，日记没多少时间写。哈哈。今天介绍一款好用的提示控件 webui-popover像popover（弹出框）这样的插件用处很广，基本所有的社交网站都有。Bootstrap自带的popover.js就实现了这个功能。但是在使用了几天之后就发现Bootstrap的popover做的不够好，使用效果跟当前的主流网站还有点差距。于是今天就介绍一个更优秀的popover：we...

2018-11-21 13:56:33 5235

原创前端之路：bootstrap 好看漂亮的按钮设计。

在线编辑：http://www.runoob.com/try/try.php?filename=bootstrap-button-example 在线图标颜色参数快速获取（点击按钮获取htme代码）：http://www.runoob.com/try/demo_source/bootstrap-glyph-customization.htm 图标插件（若没有喜欢的按钮...

2018-11-07 11:23:12 3088

原创前端之路：网页内容转图片，并且复制网页内容，并且优化体验。（截图插件Clipboard.js 的使用）。

做项目遇到一个比较奇葩的需求，觉得很有意思，记录下。方便以后回忆。涉及框架(html2canvas.min.js clipboard.mn.js)：直接连cdn<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script><script...

2018-09-28 17:10:09 1962

原创前端之路：bootstrap 时间日期日历控件（datetimepicker）

Bootstrap datetimepicker控件的使用1.支持日期选择，格式设定2.支持时间选择3.支持时间段选择控制4.支持中文涉及的样式及js:云加速外联即可。(moment-with-locales.js 这个得在datatimpicker.min.js之前。可以网上百度这个文件。我没找到这个cdn)<link href="https://cdn.b...

2018-08-30 16:53:33 228191 41

原创前端之路：jq 实现input text值变化执行对应函数。

类似于，实现微博的‘还能输入xxx个字符’。html代码<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&amp

2018-07-25 15:13:54 2620

原创前端之路：html，h5设置自己下载的字体

从字体网站上下载字体，引入到css中在移动端直接设置h5页面的font-family是不起作用的所以我们从网站上下载自己的字体。 @font-face { font-family: ‘XXXXX’; /字体名称/ src: url(‘../font/alida.ttf’); /字体源文件/ } body{font-family: “字体名称”}。...

2018-07-12 09:52:47 7189

原创前端之路：移动端框架js事件，zepto.js框架，swipe轮播.

一、移动端的操作方式和PC端是不同的，移动端主要是用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：1、手指放到屏幕上时触发 touchstart2、手指放在屏幕上滑动式触发 touchmove3、手指离开屏幕时触发。 touchend4、系统取消touch事件的时候触发，比较少用。 touchcancel每个事件都有以下列表，比如touchend的target...

2018-07-10 08:57:54 647

原创前端总结：Js传参中文乱码解决方法。

首先，地址栏传中文是很不明智的，因为不同的浏览器对与中文的解析存在不同的方法。所以，建议如果能不用尽量不要用。当然，很多时候奇葩需求要求我们必须解决这个办法。下面，是解决个别奇葩需求的方法。在中文参数加入到地址栏之前进行转码。（注意，简单转码是不可以的，浏览器会根据编码方式对已经编码的部分进行一次反编译。）正确方法是：在中文加入到地址栏前，进行两次encodeURI转...

2018-06-26 13:19:07 18651 3

原创前端小知识：easyui 在Tab中的链接点击后添加一个新TAB实现

项目用到。觉得挺不错的一个需求。于是记录了下来。步骤1：从后台读取字段，添加a标签使他成为一个超链接{field:'book_name',title:'书名',width:100,align:'center', formatter:function(value,row,index){ return 正常url格式的a标签。像步骤二一...

2018-06-21 19:20:29 1770

原创前端小知识：获取跳转链接后面的参数

$(function() { //jq方法页面加载完执行 var url = location.search; //获取url中"?"符后的字串例如 : ?book_id=8 //如果需要指定的参数，就进行切割获取。 //例如： //正则判断，取book_id=8 的8 ...

2018-06-19 18:09:09 1830

js 提示框自动消失showType：定义将如何显示该消息。可用值有：null,slide,fade,show。默认：slide。showSpeed：定义窗口显示的过度时间。默认：600毫秒。width：定义消息窗口的宽度。默认：250px。height：定义消息窗口的高度。默认：100px。title：在头部面板显示的标题文本。msg：显示的消息文本。style：定义消息窗体的自定义样式。tim...

2018-06-12 11:12:21 4725

原创前端小知识：jquery隐藏显示元素

方法一：//隐藏元素$('#id').css('display','none');//显示元素$('#id').css('display','block');方法二：//隐藏元素$('#id').hide();//显示元素$('#id').show();

2018-06-11 17:13:23 201

原创《一场全新的开始》

2018年6月4。不管是好是坏，选择了路，就要走完。此博客，记录一些用得到的方法，插件的使用。遇到的难题的解决方案。方便你我他的成长。 -一名了无牵挂了java程序猿康言先森。...

2018-06-11 17:10:54 178

qq_33368846的博客