分享
扫一扫
超级会员免费看
Dove言和
皮卡皮卡~种一棵树最好的时间是十年前，其次是现在，厚积而薄发。
有合作想法欢迎评论区留言或私信联系！
展开
-
flex布局篇——justify-cont:center/space-between/space-around最后一行靠左
flex布局篇——justify-cont:center/space-between/space-around最后一行靠左原创 2023-07-27 16:30:04 · 890 阅读 · 0 评论 -
微信小程序端富文本输入
组件里有些参数可以自己设置，比如“是否显示工具栏、默认文案、字体、斜体等等”有个需求是用户端也就是小程序端，需要可以富文本发布文章。4、将之前的textarea组件替换成。2、放在小程序自定义组件文件夹下。3、需要用到的页面引入该组件。转载 2023-03-06 16:17:35 · 2205 阅读 · 4 评论 -
笔记：HPlus模板 单选框
这个文章单纯记录HPlus-V4.1.0 单选框的问题1、将页面内原本的这个css注释掉<!--<link href="__PUBLIC__/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">-->2、引入这个css<link href="__PUBLIC__/css/plugins/iCheck/custom.css" rel..原创 2020-08-27 15:13:22 · 271 阅读 · 0 评论 -
PHP获取第三方接口，GET/POST提交方式
post方法function send_post($url, $post_data){ $options = array( 'http' => array( 'method' => 'POST', 'header' => 'Content-type:application/json', ...原创 2020-03-31 10:38:13 · 1184 阅读 · 0 评论 -
前端调用：jquery的POST/GET方法
前端调用var iinum=0;function postopenid() { $.get('http://dove.io/Home/Index/getnum.html?id='+iinum, { }, function(res) { console.log(res); if(res){ i...原创 2020-03-31 10:15:10 · 437 阅读 · 0 评论 -
jquery轮播图插件unslider
举一个最常见的轮播图例子，五张轮播图 + 圆点指示器 + 左右箭头<!--首先引入jQuery和unslider--><scriptsrc="jquery-1.11.1.min.js"></script><scriptsrc="unslider.min.js"></script><!--写点样式，让轮播好看...原创 2019-08-07 18:45:18 · 276 阅读 · 0 评论 -
turn.js （翻页效果）总结
Turn.js是一个内置的jQuery翻页插件1 html中引入<script type="text/javascript" src="js/turn.js"></script>2 创建html<div id="flipbook"> <div class="hard"> Turn.js </div> <di...原创 2019-07-29 10:19:07 · 2726 阅读 · 0 评论 -
TP3.2 使用 ajax 写法demo
水平线下面是之前5.21写的。今天(9.10)来补充一下依然是在ThinkPHP 3.2框架下index.html 页面部分代码：<a href="#" class="aj">这是ajax</a><script type="text/javascript" src="__PUBLIC__/js/jquery-2.1.1.min.js">&...原创 2019-05-21 02:54:28 · 1817 阅读 · 0 评论 -
返回上一级
<button class="btn btn-white" type="button" onclick="javascript:history.back(-1);">返回</button>原创 2019-11-29 15:47:08 · 1063 阅读 · 0 评论 -
bootstrap-datepicker日期选择器的使用
1.css和js文件的导入：<!-- 日期控件所用css --><link href="static/css/bootstrap.min.css" rel="stylesheet" media="screen"><link href="static/css/bootstrap-datetimepicker.min.css" rel="stylesheet"...转载 2019-07-23 18:11:33 · 519 阅读 · 0 评论 -
微信小程序、前端：背景图片样式拉伸不变形
wxml:<image class="lecturer_head"mode="aspectFill"src="XXXX/Public/Uploads/2019-06-18/5d0883e70b422.jpg"></image>主要是下面四行代码css:.lecturer_head{ background: no-repeat center 0rpx...原创 2019-06-18 15:41:19 · 6249 阅读 · 0 评论 -
小程序 H5(demo)
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> <script type="text/javascript"> // wx.miniProgram.navigateBack({delta: 1}) // let id = getUrlParam('id'); .原创 2020-05-20 11:44:08 · 824 阅读 · 0 评论 -
Import与Require
一、基本语法require用于读取并执行js文件，并返回该模块的exports对象。若无指定模块，会报错。Node使用CommonJS模块规范，require属于node的内置命令。CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。// example.jsvar invisible = function () { console.log("i...转载 2019-11-27 11:41:17 · 787 阅读 · 0 评论 -
Html form 表单提交前验证
下面的代码所生成的页面，只能在表单里输入 ‘dove’ 才能提交，否则不进行提交<HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <BODY> ...原创 2019-03-26 11:22:51 · 2037 阅读 · 6 评论 -
web Storage(临时储存和本地储存)
示例： HTML的代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/ja转载 2018-11-08 17:20:05 · 335 阅读 · 0 评论 -
animate.css的使用
animate.css的使用原创 2020-06-17 10:58:43 · 191 阅读 · 0 评论 -
animate.css
animate.css 一款强大的预设css3动画库GitHub动画总结了一下1. bounce 弹跳2. flash 闪烁3. pulse 放大，缩小4. rubberBand 放大，缩小，弹簧5. shake 左右晃动6. headShake ...原创 2019-08-06 18:56:06 · 3552 阅读 · 0 评论 -
前端：点击底部导航切换图标文字
H5点击底部导航切换图标文字html代码：<div class="btm_group"> <div class="bbtn btn1 btm_s" data-type="u" data-id="1" > <img id="b_img1" src="__PUBLIC__/img/btm1-s.png" class=""/> <span>福利</span> ..原创 2020-07-18 15:03:18 · 699 阅读 · 0 评论 -
使用jquery操作session方法分享
今天分享的是使用jquery来处理session。我们将使用sessionStorage对象，它类似与localStorage对象，只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。语法：添加数据 $.session.set('key', 'value')删除数据 $.session.remove('key');获取...原创 2019-05-20 09:47:38 · 2591 阅读 · 0 评论 -
用jquery的.each将数组循环出来放入html的div里改怎么写？
js:$(function() {var arr = { one:1, two:2, three:3, four:4};var div_z = ""; //定义一个空变量$.each(arr, function(key, val) {div_z += val; //循环添加数组的value});$("#thecity").html(div_z); //通过div的id给div赋值...原创 2019-05-19 10:33:57 · 5670 阅读 · 0 评论 -
jquery js 设置 div 的内容，给 div 添加一个属性
设置 div 的内容的写法：jquery 的写法: $( "#div1" ).html( "aa" ); // 将 div1 元素里面的 html 赋值为字符串 "aa"，不能用 $( "#div1" ).val( "aa" );js 的写法:document.getElementById("div1").innerHTML = "aa";给 d...转载 2019-05-19 10:35:20 · 7772 阅读 · 0 评论 -
在js中使用createElement创建HTML对象和元素
1.创建链接<script language="javascript">varo = document.body;//创建链接functioncreateA(url,text){vara = document.createElement("a");a.href = url;a.innerHTML = text;a.style.color =...转载 2019-05-16 11:17:39 · 2478 阅读 · 0 评论 -
Flex 布局教程——阮老师
超级实用的css布局原创 2019-05-06 17:18:57 · 1280 阅读 · 0 评论 -
jquery 等待3秒钟执行函数
setTimeout(function(){$("#div2").hide()}, 3000);原创 2019-04-18 15:51:48 · 657 阅读 · 0 评论 -
jQuery -- touch事件之滑动判断（左右上下方向）
$(".p1_img4").on("touchstart", function(e) { // 判断默认行为是否可以被禁用 if (e.cancelable) { // 判断默认行为是否已经被禁用 if (!e.defaultPrevented) { e.preventDefault(...转载 2019-04-18 15:30:17 · 1173 阅读 · 0 评论 -
如何获得select被选中option的value和text和其他属性值
我想获取select选中的value，或者text，或者……比如这个：<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第...转载 2019-03-26 11:33:38 · 2246 阅读 · 1 评论 -
js数组与字符串的相互转换
一、数组转字符串需要将数组元素用某个字符连接成字符串，示例代码如下：var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde 二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：...转载 2018-11-18 09:19:47 · 212 阅读 · 0 评论 -
js将控件隐藏及display属性的使用介绍
用JavaScript隐藏控件的方法有两用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。 当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。不同的...原创 2018-08-30 16:06:24 · 3496 阅读 · 0 评论 -
js获取单选框里面的值
<script>window.onload = function(){//通过名字获取 getElementsByName//var obj = document.getElementsByName("fruit");//通过标签获取 getElementsByTagNamevar obj = document.getElementsByTagName("inpu...原创 2018-08-30 16:04:57 · 17438 阅读 · 1 评论 -
HTML 固定div于页面固定位置，实现悬浮按钮
2019/5/23补充 ↓css实现按钮固定在底部按钮固定在底部css:<style>.bottom{position:fixed; bottom:0;}</style>html:<div> <div class="bottom"> <input type="submit" value="...原创 2019-01-02 16:03:58 · 19497 阅读 · 6 评论 -
输入数量和价格自动计算输出金额的js代码
<script> function checkInt(o){ theV=isNaN(parseInt(o.value))?0:parseInt(o.value); if(theV!=o.value){o.value=theV;} txtTotal.value=txtAmount.value*txtPrice.value; } function checkP(o){ th...原创 2018-08-13 17:19:57 · 9080 阅读 · 14 评论 -
table合并单元格 colspan（跨列）和rowspan（跨行）
原文链接colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span（跨列）”的缩写。colspan属性用在td标签中，用来指定单元格横向跨越的列数：在浏览器中将显示如下：单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”，则该单元格将只跨越两列，于是有必要在第一行插入另外一个单元...转载 2018-07-03 17:17:01 · 34304 阅读 · 0 评论 -
H5 移动端禁止上下滚动css设置
html,body{ overflow: hidden; height: 100%;}要同时设置html、body两个的属性原创 2019-04-24 15:25:36 · 10055 阅读 · 0 评论 -
如何用php实现分页效果
分页效果在网页中是常见的，可是怎样才能实现分页呢？首先前期建表这些就不演示了，自己写好与数据库表的连接，然后下面是分页的主要代码，条条大路通罗马，方法多种多样，如果你有更好的建议或方法，欢迎提出来大家一起学习。一：这是ecstore里的写法，不太适合其他的PHP代码：function paging($page=1){ $pageLimit = 2; ...原创 2019-04-04 14:17:29 · 611 阅读 · 0 评论