- 浏览: 974900 次
- 性别:
最新评论
-
ouyida3:
大年初一写技术博客,牛
多种方案实现 CSS 斜线 -
青春..荒唐:
标准①lang 属性规定元素内容的语言,lang=" ...
前端面试问题总结 -
青春..荒唐:
新增1:①垂直居中一个img:img{ display: ...
前端面试问题总结 -
青春..荒唐:
新增:①事件委托:利用事件冒泡,自己所触发的事件,让父元素代替 ...
前端面试问题总结 -
田进丰:
居然还有java代码?
基于jQuery图片轮播
文章列表
【前言】
本文总结下tp中字符相关操作
【主体】
(1)限制输出显示的长度,截取显示前几个字符
这里显示0到10个字符,###表示本身
{$vol.content|msubstr=###,0,10}
例如:数据库中的字符过长时,会限制输出10个。后面为...
(2)去除前几个字符
php 在不知道字符串有多长的情况下,如何去除前三个字符?
$string='字符串';
$subject=substr_replace(string,'',0,3);
【总结】
最后附上修改封装后的截取字符 ...
【前言】
本文介绍下如何实现thinkphp——上传新图并且删除旧图的操作
【主体】
原理很简单,与上传操作原理类似。不过在上传前添加了删除操作。
(1)控制器里添加操作
//addData方法
public function addData($post,$file){
//判断是否有文件上传
if($file['error'] == '0'){
//1. 配置数组,定义配置
$cfg = array(
//配置上传路径
'rootPath' => WORKING_PATH . UPLOAD_R ...
【前言】
分析下click与change区别
【主体】
(1)change与click区别
$('#filepath').on('change',function(){
alert('ll');
});
与
$('#filepath').on('click',function(){
alert('22');
});
区别在于一个是点击就触发,一个是改动后才触发
.
【前言】
在项目中经常用到input标签来上传文件,而这些文件通常是图片文件。图片有很多格式我们只需要其中的几种,就需要对用户上传的文件进行验证,在HTML5中有一个新的属性:accept文件类型限制。但是通常我们会用javascript或jQuery编写方法进行验证图片的大小限制、类型判断、像素判断。
【主体】
<input type="file" name="files" id="file" onchange="verificationPicFile(this)">
/ ...
(1)在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像:
<form>
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
</form>
如果不限制图像的格式,可以写为:
accept="image/*"
(2)定义和用法
accept 属性只能与 <input type=" ...
【前言】
本文介绍个数字滚动特效的插件,jQuery.Running.js (奔跑吧,数字!)是一款可以让数字,柱形图,饼形图跑起来的插件,支持滚动条响应。压缩后文件大小仅4k。
效果包含:数字跑动、柱形图跑动、环形图跑动等
【主体】
使用方法
(1)加载jQuery.Running.css 样式文件
<link rel="stylesheet" href="css/jquery.running.css">
(2)调用jQuery类库和jQuery.Running.min.js文件
<script ty ...
【前言】
本文介绍下ThinkPHP统计某个分类的文章数目的实现思路
【主体】
(1)控制器
//统计该类别的文章数目
$cateCount = M('article_category')->where('pid != 0')->count();
$cate = M('article_category')->where('pid != 0')->select();
for($i=0;$i<$cateCount;$i++){
$cate[$i]['count'] = M('article')->where(array('ca ...
PS镜像旋转:图像操作
链接https://jingyan.baidu.com/article/15622f241ecd66fdfcbea5ed.html
PS裁减:图像操作
链接https://jingyan.baidu.com/article/9f7e7ec07448ef6f281554b9.html
【前言】
本文介绍下实现文章或新闻上下篇的语法,可以解决ID不连续的问题
【主体】
(1)上篇
$pre = M('article')->where(array('id>"'.$_GET["id"].'"','cateid' => $cateid))
->limit('1')->find();
注意:这里我在where里的条件加了一条,即分类。也就是和当前文章处于同一分类,这里用array数组形式添加多个条件。如没有分类,则可以去除cateid条件
...
【前言】
分享个特效,canvas绘制圆形钟表
先看下效果
【主体】
<canvas width="200px" height="200px" id="clock"></canvas>
var dom = document.getElementById("clock");
var ctx = dom.getContext("2d");
var width = ctx.canvas.width;
var height = ctx.can ...
【前言】
分享个特效,jQuery挂在墙上的钟表。原理很简单,注意点:①transform-origin 属性设置旋转元素的基点位置;transform转换;
效果图:
【主体】
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>jQuery挂在墙上的圆盘时钟动画特效</title>
<link rel="stylesheet" href=" ...
【前言】
分享个显示更多的插件
原理,将后台数据整个发到前端。所以缺点就是不适用于大数据页面
【主体】
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery.more.js 显示更多</ti ...
【前言】
本文介绍个jquery分页插件jquery.pagination.js
【主体】
链接:https://blog.csdn.net/qq_28883885/article/details/70767291
【前言】
本文总结下js获取php数组
【主体】
可以先把数组用php原生的方法json_encode()转化成json格式,赋值后再把json格式的数据通过eval()转化为数组,然后再遍历;
function getDwxx(){
var did=$('#dwxx').val();
var arr=<?php echo json_encode($wybs);?>;
var aarr=eval(arr);
for(i=0;i<aarr.length;i++){
if(a ...
本文分享个Thinkphp带表情的无限评论回复功能,这里发下链接http://www.sucaihuo.com/js/557.html