- 博客(13)
- 收藏
- 关注
原创 php上传图片
这几天整理做过的php项目,感觉这个经常会用到,传上来共享一下咯首先,前端界面1、表单的首行需要加上enctype=“multipart/form-data”,需要上传的图片必须设置 type="file"表示选择文件<form id="img_form" method="post" class="form-horizontal" role="form" enctype="multip...
2019-06-27 14:59:53 184
原创 webstorm+less环境搭建
在编写css代码时,使用less能提高我们编程得效率。Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。那么如何在webstorm上使用less且能够自动生成更新css代码呢?我记录一下第一步:File->Setting...
2019-06-10 21:17:45 298
原创 JS动态append之后点击事件无效
今天做项目用了append向HTML里面添加结构代码,代码添加之后,单击事件就没反应了。搞得我一脸懵逼,调了代码很久实在不行,我百度了一下才发现,append添加的节点单击事件是不会生效的。原因:原来append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件不会生效。解决方法:于是我只好改用事件代理来完成这次我的项目...
2019-06-07 16:28:38 2052
原创 nodejs学习篇(2)-读取显示图片路由方式
通常我们开发项目的时候都要用到图片,那么nodejs是如何读取图片的呢?我们来看一下,因为一个网页中图片的数量是不确定的,而我们不能每一张图片都去写它的src路径,这时候最好的方法就是写一个专门读取图片的路由,通过路由加载图片,这样既快捷又方便我们的理解。文件目录:我要加载的图片在index页面注:问号?前面部分表示路由,问号后面才是图片的路径(现对于服务器文件,我的是first_se...
2019-06-05 19:54:05 1010
原创 nodejs学习篇(1)-动态路由
主要功能:根据输入路由的不同,加载访问不同的HTML页面在这里我不得不说webstorm真的是一个很棒的开发工具,我学习nodejs也是用的它。文件目录:first_server.js:首先我们通过url获取当前路径,变量path来存储。path因为我们输入路由的不同而改变url.parse(request.url).pathname获取当前总路径,path.substr(1)去掉根...
2019-06-04 21:37:47 249
原创 php实现信息上下翻页
这几天做项目因为数据太多,需要对信息进行上下翻页展示,就自己写了翻页的代码大致功能就是页面只显示几条信息,按上一页、下一页切换内容,当显示第一页时上一页和首页选项不可选,当页面加载到最后一页时下一页和尾页选项不可选具体效果如下:接下来是实现代码1)原生PHP方法先说一下总思路吧,首先我们要查询所有符合条件需要进行分页的总数据,计算展示的总页数。然后获取当前显示的是第几页信息,用当...
2019-06-03 19:55:09 744
原创 JS实现简单时钟效果
老师上课需要我们做一个时钟的小作业 ,我把它放在上面记录一下啦表盘和时针我都是用的背景图的形式,然后绝对定位,通过调整left和top确定时针、分针、秒针的位置,transform-origin设置它们的旋转中心具体效果:HTML代码:<div class="box" id="box"> <span></span> <span&g...
2019-05-30 13:51:47 810
原创 js实现考试随机选题
考试的时候经常用到,发在这里记录一下效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> table{ ...
2019-05-29 21:33:12 2201
原创 PHP实现用户登录注册功能
初学php做了一些比较常见且有用的页面,放在上面记录一下咯我是用了bootstrap框架里面的模态框做注册登陆页面,这样页面比较美观页面效果:注册成功条件/功能:1)用户名不能冲突2)两次密码必须相同3)用户注册数据添加进数据库4)注册/登录成功之后,用户自动登录HTML代码: <link rel="stylesheet" href="css/bootstr...
2019-05-28 13:50:38 6012 1
原创 PHP实现用户登录页面
PHP学习日常,放在上面记录一下咯我用了bootstrap框架,这样的界面要好看一点登录页面:必须用户名、密码、验证码都输入正确才能登录成功喔,否则出现下面提示登陆成功之后,登录和注册选项切换为用户昵称和注销选项:登陆成功之后:选择注销: HTML代码: <link rel="stylesheet" href="css/bootstrap.css">...
2019-05-27 15:22:42 8424
原创 JS实现自动轮播图效果
现在很多网站都有轮播图,这篇文章主要为大家详细介绍了js实现轮播图的完整代码及原理,需要的小伙伴可以参考一下。轮播图主要功能:1、 图片自动轮播(主图切换同时下面导航图片也会跟着变化)2、 鼠标悬停的时候,图片轮播停止,鼠标离开后继续3、 单击左右按钮切换图片4、 鼠标移入后左右按钮出现,移出消失工作原理:具体效果如下:轮播图片数量、css样式等,小伙伴也可根据自己的需求做相应...
2019-05-26 09:49:29 9114 3
原创 JS实现购物车功能(JS案例)
整理了一下当时学js写的一些案例,觉得购物车功能在一般网站比较常见且基础,现在把它整理出来,需要的小伙伴可以参考一下。该案例购物车主要功能如下:1、 商品单选、全选、反选功能2、 商品添加、删除功能3、 商品价格自动计算具体效果:打开效果添加商品数量(自动计算价格):取消选择:删除商品:商品显示与隐藏:做这些案例呢,我还把一些经常使用到的函数成了一个框架,需要的小伙...
2019-05-26 09:48:46 29022
原创 JS自制SEO框架
学习了JS一段时间,自己封装了一些日常码代码需要用到的框架,需要的小伙伴可以参考一下该框架主要功能有:阻止事件冒泡、阻止默认事件、获取元素、添加事件、删除事件、单个事件代理,多个事件代理、清除class、获取滚动距离等框架代码如下:var sEO={ $:function(exp){//获取对象(1个、多个) var el; if (/^#\w+$/.te...
2019-05-25 21:35:18 147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人