web前端Jquery/Js/Html/Css
ROVAST
这个作者很懒,什么都没留下…
展开
-
vue router push new tab,使用vue router push 新标签页
openNewTab(to) { const routeData = this.$router.resolve(to) window.open(routeData.href, '_blank')}调用openNewTab({name: name, query:{query: query}})原创 2018-10-18 18:47:19 · 3189 阅读 · 0 评论 -
js把日期字符串转换成时间戳
前端有时候可能要从日期控件中拿到日期,然后参与计算,下边记录一个把日期字符串转换成时间戳的小函数。 dateStr格式为2014-05-08 00:22:11function get_unix_time(dateStr){ var newstr = dateStr.replace(/-/g,'/'); var date = new Date(newstr); var转载 2016-08-20 16:39:30 · 1701 阅读 · 0 评论 -
js 格式化数字,html input type=datetime-local赋值
js 格式化数字,html input type=datetime-local赋值转载 2016-07-19 10:19:05 · 12880 阅读 · 0 评论 -
一些简单而又不失个性的css3片段(持续更新)
一些简单而有不是个性的css3片段(持续更新)原创 2016-05-12 09:45:08 · 710 阅读 · 0 评论 -
奇淫技巧:移动端图片处理,设定最大宽度,高度等比处理
奇淫技巧:移动端图片处理,设定最大宽度,高度等比处理原创 2016-05-21 14:17:49 · 8211 阅读 · 0 评论 -
(待测试) html 页面跳转效果(http-equiv 标签使用)
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主转载 2016-05-20 15:40:09 · 1015 阅读 · 0 评论 -
SuperSlide 最简demo
呵呵哒 .wrap{ width: 1000px; margin: 50px auto; background-color: #ccc; min-height: 600px; } .bd li{ line-height: 30px; text-align: center; width: 100px; border: 1px原创 2016-05-20 09:09:48 · 2074 阅读 · 0 评论 -
CSS @font-face属性实现在网页中嵌入任意字体
参考:http://www.jb51.net/css/23073.html字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1. 不可能大范围的使用该字体;2. 图片内容相对使用文字不易修改;3. 不利于网站S转载 2016-05-19 17:36:54 · 3683 阅读 · 0 评论 -
移动端常见div同行自适应布局
移动端常见div同行自适应布局原创 2016-05-19 11:32:42 · 2289 阅读 · 0 评论 -
css3 实现版像素边框
一.思路普通的1px黑色实线边框:border: 1px solid #000;半像素边框当然不是简单地把1px改为0.5px(没测试过,可能会被解析成1或者0),border-width的值只能是自然数类似的,outline, box-shadow等等也没有办法画出0.5px的细线常规思路是不可行的,我们可以用伪元素 + 缩放巧妙地实现,具体步骤如下:转载 2016-05-19 11:07:38 · 1666 阅读 · 0 评论 -
在THinkPHP中使用pjax
在TP中使用pjax的时候,若是我们能够在模板渲染的时候直接将pjax渲染的自动加上后缀去找他的模板就好了。修改核心文件 /Core/Library/Think/View.class.php 这个是TP3.1.3的目录//add for pjaxif($_SERVER['HTTP_X_PJAX']){ $template .= "_pjax";}这样,假设一个控制器的原创 2016-05-26 11:35:28 · 2221 阅读 · 0 评论 -
网页顶部加载进度条
网页顶部加载进度条原创 2016-05-10 16:13:43 · 3902 阅读 · 0 评论 -
jquery插件汇总
jquery插件集合,持续更新中。。。原创 2016-05-10 10:55:35 · 989 阅读 · 0 评论 -
js点击空白处隐藏div
$(function(){ $(document).bind("click",function(e){ var target = $(e.target); if((target.closest(".header-nav .circle-btn").length == 0)){ $(".header-nav .circle-bt原创 2016-03-25 16:42:36 · 3319 阅读 · 0 评论 -
HTML5新增结构标签
原文:http://www.cnblogs.com/fly_dragon/archive/2012/05/25/2516142.html引言在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签。HTML5时代的召唤HTML4与HTML5的区别HTML5新结构标签HTML5时代的召唤转载 2016-03-23 17:22:42 · 1564 阅读 · 0 评论 -
移动端meta常用参数
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=de原创 2016-09-05 10:56:12 · 795 阅读 · 0 评论 -
移植SUI Mobile省市区选择器至PC端,使用select完成地区联动
没了解过sui的童鞋可以先去了解下,很好用的一个H5 UI框架。一、sui省市区选择器简单介绍其中,sui的拓展组件中有一个地区选择器,仿的ios中的select样式,效果如下地址:http://m.sui.taobao.org/extends/#city-picker我们更改地区的选择发现其中input的值会跟着变化为对应的【省 市 县】。二、原创 2016-11-10 14:47:57 · 7693 阅读 · 4 评论 -
phpstorm 设置 webpack alias 路径
文章目录成功后的效果图进行 如下设置,正确配置 webpack 目录即可原创 2018-09-28 11:20:19 · 1152 阅读 · 0 评论 -
Vue检测object变化
在开发中,object必不可少。使用Vue时,往往会结合 watch 和 computed 等方法进行更好地编码。如何检测 object 的属性变化是个问题。let app = new Vue({ data:{ user:{ name:"apple", color:"red" } }, computed:{ fullName:...原创 2018-07-24 17:30:20 · 907 阅读 · 0 评论 -
使用nvm安装node
安装nvmsudo apt-get updatesudo apt-get install build-essential libssl-devcurl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh -o install_nvm.shbash install_nvm.shsource ~/....原创 2018-04-27 14:12:35 · 1020 阅读 · 0 评论 -
使用PHP htmlentities处理单双引号
在开发过程中,如果是使用PHP进行模板混编的问题,容易遇到单双引号问题。典型的例子,赋值PHP的一个变量 $var 给 js 变量 name不安全的写法: var name= <?php echo $var ?>处理后的写法: var name = '<?php echo htmlentities(htmlentities($var, ENT_QUOTES),EN...原创 2018-04-23 16:22:53 · 1002 阅读 · 0 评论 -
ES6 promise 理解
// 现有如下需求 1秒后打印:1s ,再过0.5秒打印:1.5s,再过0.3秒打印1.8s,再过0.1秒打印1.9s。使用ES5写法有回调地狱问题,代码如下,试用ES6新语法优化代码//ES5 回调地狱setTimeout(function(){ console.log('1s'); setTimeout(function () { console.log(...原创 2018-04-12 11:42:32 · 347 阅读 · 0 评论 -
laravel-mix npm 使用时报错 Couldn't find preset "es2015" relative to directory
在使用mix时,经常遇到上述情况,按下述方法成功解决注:这个问题和node还有npm的版本没有太大关系1、新建 .babelrc 文件{ "presets": ["es2015", "stage-0"]}2、cnpm install babel-preset-es2015 babel-preset-stage-0 --save-dev...原创 2018-04-11 20:07:24 · 1365 阅读 · 0 评论 -
使用鼠标拖拽div,实现横向滚动
效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.bootcss.co原创 2018-04-09 20:29:21 · 12212 阅读 · 6 评论 -
js格式化时间
原文:https://www.jianshu.com/p/ece7c472fea6// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date())....转载 2018-03-19 20:21:03 · 1090 阅读 · 0 评论 -
一个效果,用于提示用户操作
呼吸的点原创 2017-11-21 14:39:50 · 341 阅读 · 0 评论 -
html 调起 QQ
1、 http://wpa.qq.com/msgrd?v=3&uin=8888888&site=qq&menu=yes 2、如果不能调起QQ 8888888 点击http://shang.qq.com ,再点击“推广工具”,弹窗中点击开启原创 2017-11-04 09:17:38 · 3943 阅读 · 0 评论 -
好神奇,好无聊
ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ฏ ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ฏ๎็็็็็็oฏ๎๎๎๎๎๎๎๎๎ฏฏด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ฏ๎็็็็็็oด้้้้้็็็็็้้้้้็็็็็้้้้้้้้็็็็็้้้้้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้้转载 2016-09-17 21:00:32 · 549 阅读 · 0 评论 -
html 发短信 打电话 拨号
html 发短信 打电话转载 2017-09-08 19:24:13 · 544 阅读 · 0 评论 -
js sort方法根据数组中对象的某一个属性值进行排序
ort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age:8}];function compare(property){ return function(a,b){转载 2016-11-17 15:32:15 · 13355 阅读 · 0 评论 -
iphone input 框调用数字
可以看到这样的数字框中不会有 #*等多余输入原创 2016-11-14 12:47:21 · 1875 阅读 · 0 评论 -
手机/移动前端开发需要注意的20个要点
转自:http://sentsin.com/web/54.html贤心按:移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。转载 2016-03-23 13:25:48 · 1227 阅读 · 0 评论 -
更改浏览器palceholder属性
::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:原创 2016-02-26 09:53:14 · 1009 阅读 · 2 评论 -
pjax使用心得总结
初次结识pjax是在使用tower时钟发现的。当时使用时发现网站可以局部刷新,当然我们知道使用ajax也是可以实现局部刷新的。然而我们知道,使用ajax进行局部刷新时网站的title是不会变化的,并且使用浏览器的后退按钮也不能使网站返回上个状态,这时候我们就需要使用pjax了。关于pjax,推荐先阅读几个文章http://my.oschina.net/sub/blog/1234原创 2016-02-17 09:55:11 · 7139 阅读 · 0 评论 -
获取当前位置信息
可以直接使用sina的一个位置接口代码如下,放在php文件中即可 // 定位当前位置 <?php $sina_data = file_get_contents('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js'); ?>原创 2015-10-20 15:29:40 · 728 阅读 · 0 评论 -
chrome表单自动填充去掉input黄色背景解决方案
原文:http://blog.csdn.net/wangxiaohui6687/article/details/10149579、版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[+]chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:转载 2015-11-25 19:42:00 · 663 阅读 · 0 评论 -
jQuery页面滚动图片等元素动态加载实现
转载 http://www.zhangxinxu.com/wordpress/?p=1259一、关于滚动显屏加载常常会有这样子的页面,内容很丰富,页面很长,图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面,或者是新浪微博之类。这些页面图片数量多,而且比较大,少说百来K,多则上兆。要是页面载入就一次性加载完毕。乖转载 2015-12-01 15:06:39 · 815 阅读 · 0 评论 -
巧用Ajax的beforeSend 提高用户体验
转载自:http://www.cnblogs.com/fanyong/p/3883670.htmljQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/$.ajax({ befor转载 2015-12-05 11:03:37 · 868 阅读 · 0 评论 -
jquery的ajax全局事件详解
转载自:http://blog.sina.com.cn/s/blog_81e93ca9010143du.htmljquery在ajax方面是非常强大和方便的,以下是jquery进行ajax请求时方法模板:$.ajax({ type: "get", url: "", data转载 2015-12-09 10:49:12 · 4581 阅读 · 0 评论 -
js 屏蔽浏览器右键菜单
js 屏蔽浏览器右键菜单,css屏蔽浏览器长按弹出菜单原创 2015-12-23 11:25:18 · 8711 阅读 · 1 评论