前端
无边落木萧萧下,不尽长江滚滚来
hober.z
修炼
展开
-
关于jquery中html()、text()、val()的区别
用法.html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素.text()用来读取或修改元素的纯文本内容 对应js中的innerText .text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在...转载 2018-09-09 23:37:20 · 150 阅读 · 0 评论 -
如何根据一个值来动态让select下的option选中
html如下:<select id="test"> <option value="0">请选择</option> <option value="1&am原创 2018-08-04 10:57:52 · 1887 阅读 · 0 评论 -
local Storage使用
基本概念Web Storage 中包含如下两种机制:sessionStorage 为每一个给定的源(given origin)维持一个独立的存储区域,该存储区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复)。localStorage 同样的功能,但是在浏览器关闭,然后重新打开后数据仍然存在。 这两种机制是通过 Window.sessionStorage...原创 2018-08-04 10:40:16 · 1275 阅读 · 0 评论 -
ajax提交请求时radio取值的坑
HTML页面<label> <input type="radio" name="cat_id" id="cat_id" value="0" /> <input type="radio" name="cat_id" id="cat_id" value="1" /&原创 2018-04-16 00:07:58 · 6950 阅读 · 4 评论 -
JavaScript cookie操作实现点赞功能
实现一个点赞功能十分简单,主要问题在于不能重复点赞。 若是一个有用户的网站,可以通过数据库设计记录用户的点赞,这是可行的。 但是若是一个不记名的网站,如何记录一个用户呢? 这里有两种方法: 第一种是利用IP,维护一个IP表,记录点赞过的用户,防止该IP重复点赞,问题是IP可能会更换。 第二种是利用cookie,通过一个cookie标注一个用户,防止重复点赞,问题是cookie是原创 2017-11-12 13:56:31 · 4061 阅读 · 1 评论 -
KindEditor4.1.4代码高亮显示设置
在线编辑器KindEditor很强大,但是默认没有开启代码高亮功能。网上找到了一些方法。1.后台还需要加载prettify.js和prettify.css编辑器初始化设置后,在里面加cssPath(注意路径)和prettyPrint()KindEditor.ready(function(K) { window.editor = K.create('#editor_id',{转载 2017-05-01 14:38:14 · 1556 阅读 · 0 评论 -
CSS实现三个button分别居左、居中、居右
上层div使用text-align:center左右button分别使用float属性案例(忽视bootstrap的class) <div style="text-align: center;"> <button style="float: left;" class="btn btn-primary">Left Button</button>...原创 2019-11-17 00:11:59 · 30305 阅读 · 2 评论 -
npm路径问题
修改全局安装路径在windows平台下,使用npm install -g进行全局安装时,默认安装到C盘下,作为一个强迫症,一定是要修改路径的。方法一:修改配置文件在nodejs安装目录中找到npm配置文件, 默认路径为”/node_modules/npm/npmrc”,我的环境中路径为:E:\nodejs\node_modules\npm\npmrc打开文件,可以看到默认...原创 2018-04-22 15:32:40 · 6838 阅读 · 0 评论 -
使用fastdfs统一管理ueditor上传的文件
目标使用fastdfs统一管理ueditor上传的资源文件。使上传的图片、附件、视频上传到fastdfs中,而不是默认的项目目录下思路根据官方文档,config.json中的imagePathFormat配置项配置的是上传文件保存路径,默认也是上传后文件url返回地址。 我们在此基础上将文件保存路径从项目下目录上传到fastdfs(项目目录下的文件可以自行删除),并将返回url替换成原创 2018-01-21 17:26:51 · 1578 阅读 · 0 评论 -
vue安装教程(自己安装过程及遇到的一些坑)
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入: npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装…(windows使用管理员身份进行安装)3.安装全转载 2017-12-17 13:57:02 · 2691 阅读 · 1 评论 -
你确定你真的懂Nginx与PHP的交互?
原文地址:http://www.imooc.com/article/19278Nginx是俄国人最早开发的Webserver,现在已经风靡全球,相信大家并不陌生。PHP也通过二十多年的发展来到了7系列版本,更加关注性能。这对搭档在最近这些年,叱咤风云,基本上LNMP成了当下的标配。可是,你用了这么多年的Nginx+PHP的搭配,你真正知道他们之间是怎么交互怎么通信的么?作为一道常常用来转载 2017-10-13 10:55:50 · 765 阅读 · 0 评论 -
一个简易的“返回顶部”页面效果
参考的廖大神的实现方法:https://www.liaoxuefeng.com/article/0013738939371174a66d9fcf5094b1dbf28e9e9ccbf9d61000当网页页面过长时,查看内容多有不便,因此大多数的网页都实现了一个“返回顶部”的功能按钮。以下使用的是html+css+js实现的“返回顶部”功能。1.在html页面中嵌入“返回顶部”的部件原创 2017-07-27 11:21:12 · 612 阅读 · 0 评论 -
div+css 常用三种自动适应宽度分栏
CSS两列布局,右侧固定,左侧自适应宽度<div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;"> <div style="width:200px; float:right; background:#090">这是右侧的内容</div> <div style=" margin-righ转载 2017-08-17 14:17:06 · 1241 阅读 · 0 评论 -
input、button、submit表单提交区别
最近项目中用了很多的表单提交,发现input、button、submit甚至回车键都可以引发表单提交,下面将分别验证他们在使用中的区别。1.input[type=submit]我们直接来看例子:代码如下:<form> <input name="name"> <input type="submit" value="提交"></form>其中点击按钮后的url变为?name=222转载 2017-06-27 17:48:27 · 704 阅读 · 0 评论 -
解决bootstrap多模态框跳转时页面左移问题
需求是这样的:我有一个页面,点击登录跳出一个登录模态框,登录模态框上又有一个注册链接,点击跳出注册模态框,原来的登录模态框隐藏。问题是:大家都知道,bootstrap的模态框跳出时,页面是无法滚动的。但是每次通过登录模态框跳转到注册模态框时,页面却是可以滚动的,而且当退出注册模态框时,页面会向左偏移一个页面滚动条的距离。bootstrap官方也说但是有时候确实需要实现这个功能 >-<网...原创 2017-06-26 14:05:48 · 4062 阅读 · 1 评论 -
jQuery下ajax的使用模板
下面简单介绍jQuery下使用ajax验证用户名的几个API的使用,方便遗忘后快速上手。界面如下: 用户名: 密 码:后台return.php如下,返回的数据有三种形式:text、xml、json。 <?php //返回text格式 /* header("Content-Type:text/html;charset=utf-8"); $name=$_POST['na原创 2017-03-08 20:36:41 · 3103 阅读 · 0 评论 -
js控制只允许输入数字
avascript 只允许输入数字有很多方法,总结如下1,只允许输入数字和小数点。<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">2,判断的更详细一些,甚至22..2这样不算数字也判断得出来<script> fun...转载 2016-11-12 09:45:10 · 473 阅读 · 0 评论 -
【<meta name="" content=">】的作用
一、语法:二、参数解析:a、name项:常用的选项有keywords(关键字) ,description(网站内容描述),author(作者),robots(机器人向导)等。b、http-equiv项:可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-targ转载 2016-11-06 14:58:36 · 791 阅读 · 0 评论