前端 - 简忆博客

centos重置mysql密码

2019-09-24 前端

第一步就是跳过MySQL的密码认证过程，方法如下：vim;/etc/my.cnf在[mysqld]后面任意一行添加“skip-grant-tables”用来跳过密码验证的过程skip-grant-tables保存文档并退出二、接下来我们需要重启MySQL：/etc/init.d/mysql;restart重启之后输入mysql即可进入mysql。三、接下来就是用sql来修改root的密码进入到终端当中，敲入 mysql -u root -p 命令然后回车，当需要输入密码时，直接按enter键，便可以不用密码登录到数据库当中mysql>;use;mysql; mysql>;update;user;set;password=password("你的新密码");where;user="

使用clipboard.js 实现复制隐藏文本的内容

2019-09-18 前端

4241 0

一、起初是使用浏览器提供了 copy 命令。document.execCommand("copy")如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用; copy 命令，将文本复制到剪切板。但是 select() 方法只对 <input> 和 <textarea> 有效，对于 <p> 就不好用了<script> function;copyUrl();{ ;;;;$("#copyinput").select();;;//;选择对象; ;;;;document.execCommand("Copy");;//;执行浏览器复制命令; ;;;;alert("已复制到剪贴板！"); } <script>但是#copyinput不能

jquery 实现类似淘宝换一换功能

2019-08-29 前端

3329 0

类似淘宝换一换功能在工作中我们经常会遇到，以下是一个简单的案例，仅供大家参考。实现效果图：实现代码：<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> <title>换一换</title> <script;src="http://code.jquery.com/jquery-1.8.3.min.js"></script> </head> <body> <style> *{margin:0;padding:;0px;} .hsow{width:;400px;;height:;400px;;margin:;0;auto;;background-color:;#fff;} .news-sub{;width:;400px;;height:;266

html选项卡封装案例及调用

2019-08-27 前端

2647 0

选项卡在网页中经常会用到，以下是一个简单的案例封装。1、代码封装function;tabSwtich(m,c,a){ ;;;;var;change=function(i){ ;;;;;;;;;;;;m.each(function(index){ ;;;;;;;;;;;;;;;;index==i?$(this).addClass(a):$(this).removeClass(a); ;;;;;;;;;;;;});; ;;;;;;;;;;;;c.each(function(index){ ;;;;;;;;;;;;;;;;index==i?$(this).show():$(this).hide(); ;;;;;;;;;;;;}); ;;;;;;;;}; ;;;;m.each(function(i){ ;;;;;;;;$(this).mouseenter(function(){ ;;;;;;;;;;;;change(i); ;;;;;;;;}); ;;;;}) }2、调用方法：$(functi

正则表达式记巧

2019-08-14 前端

2741 0

正则表达式不要背正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候，同样的场景又再来一遍。作为一门用途很广的技术，我相信深入理解正则表达式并能融会贯通是值得的。所以，希望这篇文章能帮助大家理清思路，搞懂正则表达式各种符号之间的内在联系，形成知识体系，当下次再遇到正则表达式的时候可以不借助搜索引擎，自己解决。正则表达式到底是什么正则表达式(Regular Expression)其实就是

vue.js 最基本的功能介绍教程

2019-08-11 前端

3170 0

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：<!--;开发环境版本，包含

微信小程序API五种页面跳转方法总结

2019-07-20 前端

3511 0

//;保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。 //;注意：调用;navigateTo;跳转时，调用该方法的页面会被加入堆栈，但是;redirectTo; wx.navigateTo({ ;;url:;'page/home/home?user_id=111' }) //;跳转到页面;A wx.navigateBack({ ;;delta:;2 }) //;关闭当前页面，跳转到应用内的某个页面。 wx.redirectTo({ ;;url:;'page/home/home?user_id=111' }) //;跳转到tabBar页面（在app.json中注册过的tabBar页面），同时关闭其他非tabBar页面。 wx.switchTab({ ;;url:;'p

微信小程序实现购物车全选功能

2019-07-19 前端

4473 0

微信小程序购物全选与反选，CheckBox（全选、全不选）的操作！效果图：wxxml文件：<view;class="jybox"> <view;class="orderlist";wx:for="{{listData}}";wx:key=""> <view;class="order_left"> <checkbox-group;bindchange="checkboxChange"> <checkbox;value="{{item.code}}";class="cheack";checked="{{item.checked}}"/> </checkbox-group> <image;src="{{item.img}}";mode=&quo

jquery.cookie.js实现记住手机号功能

2019-06-16 前端

3467 0

记住账号或者密码，在很多网站上都可以看到，以下是一个简单的方法，用到的是 jquery.cookie.js ，供大家参考注意：cookie必须在线上才能起效的哦。附件下载地址：jquery.cookie.txt百度云盘下载地址：链接：https://pan.baidu.com/s/14h5EsL3Z4U3bGSssbByEjA;提取码：9rza;html代码：;;//引入jquery.cookie.js ;;<script;src="jquery.cookie.js"></script> ;;;;<h1;class="title3">电话<span>*</span></h1> ;;;;<div;class="inp4"> ;;;;;;;<input;type=

JS判断页面加载是否完成

2019-06-13 前端

2567 0

在做页面的时候,经常碰到要在页面加载完全之后再去展现。JS判断页面加载是否完成;;document.onreadystatechange;=;function(){; 　　;if(document.readyState;==;"complete"){ ;;;;;;;;;;window.location="https://www.tpxhm.com/" ;;;　;} ;;}

自定义radio单选按钮样式

2019-06-06 前端

3189 0

思路：1. 可以为<label>元素添加生成性内容(伪元素)，并基于单选按钮的状态来为其设置样式；2. 然后把真正的单选按钮隐藏起来；3. 最后把生成内容美化一下。<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> <meta;content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0";name="viewport"> </head> <body> <p;class="tm2"> ;;;;<span>性别：</span> ;;;;<label;for="sex

JavaScript异步加载，document.write页面空白问题如何解决？

2019-04-17 前端

4564 0

1、Dom元素加载是在文档流中执行的。当最后一行加载出来后。文档流就关闭了。document.close().2、文档流关闭后，如果再去执行document.write()。因为document没有文档流了无法write.所以就会重新document.open()一个新的文档流。导致之前的页面内容被清空。由此可知。在页面加载完毕后再次使用document.write()会导致页面空白。怎么办呢？以下提供解决方法：var;head;=;document.getElementsByTagName('head')[0]; var;script;=;document.createElement('script'); script.src;=;'feature.js'; head.appendCh

JS 循环遍历JSON数据

2019-04-13 前端

3914 1

JSON数据如：{"options":"[{/"text/":/"张三/",/"value/":/"9/"},{/"text/":/"李四/",/"value/":/"10/"},{/"text/":/"王五/",/"value/":/"13/"}]"}用js可以写成：var;data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];;; ;;;;;;for(var;o;in;data){;; ;;;;;;;;console.log("text:"+data[o].name+&q

js 短信60秒倒计时

2019-03-21 前端

4347 0

Javascript 实现点击按钮倒计时60秒方可再次点击发送的效果<!DOCTYPE;html> <html> <head> ;;;;<meta;charset="UTF-8"> ;;;;<title>Document</title> </head> <body> ;;;;<a;href="javascript:void(0);";id="gSMS";onclick="get_sms_captcha('2')">获取短信验证码</a>; </body> </html>Javascript代码：var;countDownT;=;60; function;get_sms_captcha(type){ ;;;;countDownT;=;60; ;;;;setTime

css六种隐藏元素的方法

2019-03-21 前端

3305 0

1、display，使用none值会让元素从文档中直接删除，”直接消失不见了”用法：display:none优点：简单暴力，不需要多余代码。不占空间，对布局没影响。缺点：元素从文档删除，不利于seo2、text-indent，一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个足够大的负值，大到一般我们浏览器无法显示。用法：text-indent:-999em优点：利于搜索引擎缺点：它的作用其实就是把文字提到段落前面，不让我们看见，不影响宽度？会影响布局。3、position，假如说一个元素的距离我们的视窗（电脑显示屏幕）足够大，大到我们浏览器也无法显示出

Sublime text3行首,行尾,批量编辑

2019-03-20 前端

3759 0

Ctrl + H输入^，然后Find All，查找所有的行首输入$，然后Find All，查找所有的行尾光标闪动,就可以进行编辑了!!注意:;Sublime text3需要打开正则匹配才可以查找所有的行尾或者行首!!

调用腾讯、优酷视频播放器APi

2019-02-26 前端

5384 0

工作中经常用到一些腾讯的或者优酷的视频，以下是调用视频接口的方法，注意线上才有效。调用腾讯视频播放器APi<!doctype;html> <html> ;<head> ;<meta;charset="utf-8"> ;<title>调用腾讯视频播放器APi</title> ;<script;src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js";charset="utf-8"></script> </head> ; <body> <div;id="videoCon";class="video"></div> <script> ;;;

图片延时加载jquery-lazyload.js的使用

2019-01-25 前端

3444 0

细心的游客可能会发现，本网站加了图片延时加载，使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。jquery-lazyload.js用于长页面图片的延迟加载，视口外的图片会在窗口滚动到它的位置时再进行加载，以下是使用详解：附件：jquery-lazyload.js.txtimg标签：<img;data-original="/uploads/book/20190108/5b44a5cb123633242b4cba83ac87cdc1.jpg";alt="";>js代码：$(function();{;;;; $("img").lazyload({effect:;"fadeIn",placeholder:;"/images/4e8b6995-

js随机数组，随机显示3个不重复数字

2019-01-18 前端

5000 0

js随机数组，随机显示3个不重复数字案例：<!DOCTYPE;html>;;;; <html;lang="en">;;;; <head>;;;; <meta;charset="UTF-8">;;;; <title>Document</title>;;;; </head>;;;; <body>;;;; <script>;;;; //原数组;;;; var;arr;=;[0,1,2,3,4,5,6,7,8,9,10,11];;;;; //输出数组;;;; var;out;=;[];;;;; //输出个数;;;; var;num;=;3;;;;; while(out.length;<;num){;;;; var;temp;=;(Math.random()*arr.length);>>;0;;;;; out.push(arr.splic

js滑动指定特效

2019-01-10 前端

2674 0

我们逛网页的时候有时会看到，鼠标滚动到指定位置就会加载动画，以下是一个方法，仅供大家参考。主要用了2个文件，jquery.waypoints.js和animate.min.css附件：jquery.waypoints.js.txtanimate.min.css.txt引入两个文件，在</body>前面加上以下js，还有在每个版块加上class="column"$(function(){ ;;reAnimate(); ;;;; }) ;; //;滑动指定特效 function;reAnimate(){ ;;var;_ele;=;$(".column"); ;;;;;;_ele.each(function(index,;element);{ ;;;;;;;;var;eleAnimate;=;$(element).find(".animate

jquery验证手机号码、邮箱格式是否正确示例代码

2017-05-02 前端

4697 0

jquery验证手机号码、邮箱格式是否正确示例代码本文为大家介绍下使用jquery验证邮箱、验证手机号码，具体实现思路及代码如下，感兴趣的朋友可以学习下代码如下://jquery验证邮箱; function;checkSubmitEmail();{; if;($("#email").val();==;"");{; //$("#confirmMsg").html("邮箱地址不能为空！");; alert("邮箱不能为空!"); $("#email").focus();; return;false;; }; if;(!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0

centos重置mysql密码

使用clipboard.js 实现复制隐藏文本的内容

jquery 实现类似淘宝换一换功能

html选项卡封装案例及调用

正则表达式记巧

vue.js 最基本的功能介绍教程

微信小程序API五种页面跳转方法总结

微信小程序实现购物车全选功能

jquery.cookie.js实现记住手机号功能

JS判断页面加载是否完成

自定义radio单选按钮样式

JavaScript异步加载，document.write页面空白问题如何解决？

JS 循环遍历JSON数据

js 短信60秒倒计时

css六种隐藏元素的方法

Sublime text3行首,行尾,批量编辑

调用腾讯、优酷视频播放器APi

图片延时加载jquery-lazyload.js的使用

js随机数组，随机显示3个不重复数字

js滑动指定特效

jquery验证手机号码、邮箱格式是否正确示例代码

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

centos重置mysql密码

使用clipboard.js 实现复制隐藏文本的内容

jquery 实现类似淘宝换一换功能

html选项卡封装案例及调用

正则表达式记巧

vue.js 最基本的功能介绍教程

微信小程序API五种页面跳转方法总结

微信小程序实现购物车全选功能

jquery.cookie.js实现记住手机号功能

JS判断页面加载是否完成

自定义radio单选按钮样式

JavaScript异步加载，document.write页面空白问题如何解决？

JS 循环遍历JSON数据

js 短信60秒倒计时

css六种隐藏元素的方法

Sublime text3行首,行尾,批量编辑

调用腾讯、优酷视频播放器APi

图片延时加载jquery-lazyload.js的使用

js随机数组，随机显示3个不重复数字

js滑动指定特效

jquery验证手机号码、邮箱格式是否正确示例代码

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录