html
1登峰造极
一个很拉胯的前端,呜呜呜
展开
-
apiclod中新手的都会用的图片上传
1HTML部分<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="format-detection" content="telephone=no" /> <meta name="viewport&qu原创 2018-12-03 10:10:16 · 456 阅读 · 1 评论 -
apicloud中的常用的小知识点
1.确认框 api.confirm({ title: '退出', msg: '点击确定退出程序', buttons:['确定', '取消'] },function(ret,err){ if(ret.b...原创 2019-01-18 11:55:23 · 945 阅读 · 0 评论 -
史上最简单注释最全的原生js选项卡切换,一遍永久会写
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset='uft-8'&amp;gt; &amp;lt;title&amp;gt;史上最简单注释最全的原生js选项卡切换&amp;lt;/t原创 2019-01-23 10:04:05 · 654 阅读 · 1 评论 -
模仿boos的筛选,可以多选,点击添加背景,再次点击移除背景并且取消选中的
1.布局就随便乱写一点,根据自己的需要自己排版效果如图2.数组 splice用法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>筛选</title> <meta name="viewport"原创 2019-02-20 11:34:28 · 293 阅读 · 0 评论 -
手机访问网页的时候让其跳转到写好的手机版首页
需求如下,比如一个官网,正常访问是wwww.aaa.com/index.html当我们用手机访问的时候这个网址的时候。需要跳转到 wwww.aaa.com/mobel.html重要如下<script src="https://unpkg.com/current-device/umd/current-device.min.js"></script> <scrip...原创 2019-03-21 14:55:23 · 587 阅读 · 0 评论 -
一款用来下载pdf word zip img各种文件的js插件
HTML代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js下载各种文件</title> <script src="js/download.js" type="text/javascript" charset="utf-8"&...翻译 2019-03-22 18:11:36 · 1026 阅读 · 3 评论 -
通用按钮点击特效
网站中的按钮常用按钮通用特效,首先按钮可以随意自己写样式<div class="box waves"> <p>按钮特效</p></div> .box { width: 300px; height:100px; background: darkblue; margin: 200px auto; bo...原创 2019-05-24 18:05:06 · 1235 阅读 · 1 评论 -
jq动态拼接html,不用任何模板渲染,
当页面需要循环一个数组,然而你没有使用像vue v-for这样的循环的时候,也没有用其他模板喜渲染。直接举个例子 jq的方法静态页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态拼接html</title> </head>...原创 2019-07-12 11:27:11 · 2991 阅读 · 1 评论 -
移动端选项卡切换带每一步的解析
**直接复制运行前提你的引进需要的东西**请使用Swiper3.x**效果图如下**![在这里插入图片描述](https://img-blog.csdnimg.cn/20181114180811220.png)<!DOCTYPE html><html> <head> <meta content="width=device-width, i...原创 2018-11-14 18:08:24 · 881 阅读 · 0 评论 -
-webkit-filter
wyy2018-webkit-filter-webkit-filter:CSS滤镜属性。可以在元素呈现之前,为元素渲染提供效果。常用于图像、背景、边框的渲染。语法:ele{-webkit-filter: none | blur(px) | brightness() | contrast() | grayscale() | hue-rotate(deg) | invert() | opac...原创 2018-11-13 15:50:03 · 840 阅读 · 1 评论 -
swper轮播图
1.我以前也是自己写轮播,用原声js写,后台也用一些人家写好的插件,后来发现有swiper这东西后,写轮播省了很多时间,不扯直接写demo,简单粗暴好了解、首先如果你还有这些插件,请到http://www.swiper.com.cn/download/index.html#file7下载 我们需要用到swiper.css和swiper.js以及jquery.js相信这些东西你们都知道哪里下,百度一原创 2017-10-22 17:04:34 · 986 阅读 · 0 评论 -
h5打开QQ聊天 就一句话
<a href="tencent://message/?uin=1077321622&Site=sc.chinaz.com&Menu=yes">tencent咨询</a>原创 2018-07-04 14:49:06 · 4455 阅读 · 0 评论 -
template-native.js帮后台请求过来的数据渲染在页面上
template-native.js帮后台请求过来的数据渲染在页面上话不多说,直接上代码。感觉好笨重 ,用惯了vue,再来用这个感觉天塌下来了自己网上下载一个 template-native.js 其他代码直接复制到编辑器即可运行&lt;html&gt; &lt;head&gt; &lt;title&gt;template-native模板渲染&lt;/tit原创 2018-07-06 16:37:35 · 2459 阅读 · 0 评论 -
css3背景晃动实现
<html> <head> <title>aaa</title> </head> <style> .banner { background-image: url(img/d-bg.png); width: 562px; ...原创 2018-07-25 17:00:10 · 1336 阅读 · 0 评论 -
css3实现小图标向下引导小箭头动态效果
css3实现小图标向下引导小箭头动态效果 网上转的 ,记录下来,方便下次用到<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty翻译 2018-07-26 09:58:08 · 18887 阅读 · 1 评论 -
css实现六边形
拷贝的代码 顺便记录一下 效果图如下 <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3 实现六边形图片展原创 2018-07-26 10:14:16 · 3064 阅读 · 1 评论 -
template-native.js模板渲染数据并根据条件渲染
模板的用法先看几个语法,反正我是跟看不清,多谢几层条件感觉要疯 循环&lt;% for(var i = 0; i &lt; target.length; i++){ %&gt;&lt;% } %&gt; 显示&lt;%=target[i].字段%&gt; 条件&lt;% if (value) { %&gt; ... &lt;%原创 2018-08-01 16:37:43 · 4671 阅读 · 0 评论 -
js input连续输入回退连续删除 js input模仿移动端连续输入回退连续删除 全网只有一份
确实是全网找不到的例子,也确实是吹牛逼公司前端写了一点,但是存在ug当输入完四个,回退删了两个,获取的只剩下两个,我又天天补补了一下,直接上代码吧<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>模仿移动端的input连续输入回退删除</tit..原创 2018-09-19 22:10:02 · 1357 阅读 · 0 评论 -
时间戳转化成年月日 时分秒函数封装,一次再也不用写
直接上js ,你可以单独保存在一个js文件中,当要用的时候直接饮用即可//日期格式化年月日时分秒函数var formatTimeToDate = function(time){ return new Date(time).format("yyyy-MM-dd hh:mm");};//日期格式化年月日时var formatTimeToDay = function(time){ retu...原创 2019-07-12 11:38:08 · 2218 阅读 · 1 评论