摘要:
在编写css代码时,使用less能提高我们编程得效率。 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。 那么如何在webstorm上使用less且能够 阅读全文
摘要:
今天做项目用了append向HTML里面添加结构代码,代码添加之后,单击事件就没反应了。搞得我一脸懵逼,调了代码很久实在不行,我百度了一下才发现,append添加的节点单击事件是不会生效的。 原因: 原来append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使 阅读全文
摘要:
通常我们开发项目的时候都要用到图片,那么nodejs是如何读取图片的呢? 我们来看一下,因为一个网页中图片的数量是不确定的,而我们不能每一张图片都去写它的src路径,这时候最好的方法就是写一个专门读取图片的路由,通过路由加载图片,这样既快捷又方便我们的理解。 文件目录: 我要加载的图片在index页 阅读全文
摘要:
主要功能:根据输入路由的不同,加载访问不同的HTML页面 在这里我不得不说webstorm真的是一个很棒的开发工具,我学习nodejs也是用的它。 文件目录: first_server.js : 首先我们通过url获取当前路径,变量path来存储。 path因为我们输入路由的不同而改变 url.pa 阅读全文
摘要:
这几天做项目因为数据太多,需要对信息进行上下翻页展示,就自己写了翻页的代码 大致功能就是页面只显示几条信息,按上一页、下一页切换内容,当显示第一页时上一页和首页选项不可选,当页面加载到最后一页时下一页和尾页选项不可选 具体效果如下: 接下来是实现代码 1)原生PHP方法 先说一下总思路吧,首先我们要 阅读全文
摘要:
老师上课需要我们做一个时钟的小作业 ,我把它放在上面记录一下啦 表盘和时针我都是用的背景图的形式,然后绝对定位,通过调整left和top确定时针、分针、秒针的位置,transform origin设置它们的旋转中心 具体效果: HTML代码: css代码: JS代码(设置一个定时器,每1秒执行一次, 阅读全文
摘要:
考试的时候经常用到,发在这里记录一下 基本信息包括: 学号、姓名、题号、题目名称 实现原理:给每一个题目添加一个编号,JS生成随机数,遍历每一个学生,把题目根据生成的随机数作为题目编号放入学生信息中 效果图: 代码: 学生数据表: 阅读全文
摘要:
初学php做了一些比较常见且有用的页面,放在上面记录一下咯 我是用了bootstrap框架里面的模态框做注册登陆页面,这样页面比较美观 页面效果: 注册成功条件/功能: 1)用户名不能冲突 2)两次密码必须相同 3)用户注册数据添加进数据库 4)注册/登录成功之后,用户自动登录 HTML代码: JS 阅读全文
摘要:
PHP学习日常,放在上面记录一下咯 我用了bootstrap框架,这样的界面要好看一点 登录页面: 必须用户名、密码、验证码都输入正确才能登录成功喔,否则出现下面提示 登陆成功之后,登录和注册选项切换为用户昵称和注销选项: 登陆成功之后: 选择注销: HTML代码: JS代码: connect.ph 阅读全文
摘要:
整理了一下当时学js写的一些案例,觉得购物车功能在一般网站比较常见且基础,现在把它整理出来,需要的小伙伴可以参考一下。 该案例购物车主要功能如下: 1、 商品单选、全选、反选功能 2、 商品添加、删除功能 3、 商品价格自动计算 具体效果: 打开效果 添加商品数量(自动计算价格): 取消选择: 删除 阅读全文