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