- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue 实现购物车
购物车是电商必备的功能，可以展示出用户购买的多个商品以及价格信息。最近在做一个电商的项目，使用了vue.框架，一个轻量级的mvvm，数据变化视图一起变化；为了响应式布局，使用了bootstrap。该购物车的主要功能有，增加购买数量，价格实时变化，可以单选，全选，不选。html单个商品金额使用{{good.price*good.num}}数量框中加减的数字使用{{good.num}} 并且使用三元运...
2018-07-14 00:09:02
5469
2
原创 express + mysql数据库 + ejs 进行的增删改查
使用express + 数据库 + ejs 进行的增删改查注意：Express默认并不处理HTTP请求体中的数据，对于普通请求体(JSON、二进制、字符串)数据，可以使用body-parser中间件。1.使用form表单进行请求 form的使用事项： a) 在进行文件上传时： -.enctype设置 需要使用enctype=“multipart/form-data”，（不对字符...
2018-07-02 19:42:36
1975
原创 javascript 搜索功能的模拟demo (command+f（mac）或ctrl+f（windows）)
经常在编译器和浏览器上使用command+f（mac）或ctrl+f（windows）查找某些字符，最近在复习正则以及字符串的一些方法所以写了个小demo模拟了这个小功能。主要使用了：正则execexec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。这个数组中input 属性则存放的是被检索的字符串 string。index ...
2018-06-25 13:29:04
1122
原创 基于canvas 十滴水小游戏改造--彩色豆豆
最近在写一个canvas小游戏，十滴水游戏的改造版本，一样是点击球会变大，变到最大之后会爆开变成四个小球，我写成了彩色豆豆的样式，下面就把我的思路大概讲一下。游戏规则：每关的难度随机，每关减少两个球，为0是则game over一.首先是页面的布局，在顶部是关卡数和剩余球数，中间是核心的canvas画布，底部是重新开始游戏的按钮。二.canvas画布上逻辑的实现1）首先个人觉得不要一下在就想着把所有...
2018-05-14 00:09:16
948
1
原创 面向对象思想实现canvas时钟
最近在学习canvas，利用面向对象的思想做了一个表的小demo，和大家一起共享一下，有不足之处请多多指点。小demo中进行了函数的封装，原型函数的使用，canvas动态绘制的方法；其中利用到了canvas的渐变色方法 — createLineargradient；文本对齐方法 — textAlign/textBaseline;注意ctx.save()和ctx.restore()必须一起出现<...
2018-05-02 20:59:56
185
原创 jQuery学习
一.jQuery的概念jQuery是一个快速，简洁的javascript框架，jQuery设计的宗旨是“write less，do more”。二.jQuery.js和jQuery.min.js的区别jQuery-1.版本号.js 开发版 268K 完整无压缩的版本，主要用于测试学习jQuery-1.版本号.min.js 发布版 91K ...
2018-04-28 09:13:08
124
原创 img 灰色默认外边框的去除
最近在做一个小游戏时发现了一个问题，总是在弹出img时先出现一个灰色的边框，所以为了查找问题，查找了一些关于img 默认边框的小知识点。在这里整理了一些知识点：一. 下面代码都试验过后会发现，img会有外边框，这个也是使用img元素的一个坑 一般在img为空时出现，因为浏览器找不到图，就会用一个边框来代替<!DOCTYPE html><html> &l...
2018-04-13 12:46:36
20474
1
原创 元素同行排列布局
在页面布局时经常会遇到一些明明设置了固定width的元素但是不能正常排列，简单的整理了下原因与方法demo：五张img同行排列，每张宽度为20%，但是不可以全部同行排列原因：由于img之间的间隙存在，占据了本应正常排列的宽度，影响正常布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
2018-04-13 00:33:54
930
原创 HTML5/CSS3相关 ------HTML5 新增标签，HTML5新增表单，CSS3新增选择器
HTML5新增标签及规范css3新增选择器整理HTML5 新增表单 及 input设置样式注意点
2018-03-03 18:03:42
305
原创 CSS+HTML 利用背景background添加图片
可以用CSS+html实现图片的添加与切换，不需要总是加img，可以换方向考虑，加入背景图片，用padding撑开盒子，添加background，去重复就可以，代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> &l
2018-02-25 12:40:19
19888
原创 前端学习-1
1. HTML+CSSHTML（结构）------ Hyper Text Markup language 超文本标记语言标记<>单标记<></>双标记标签单标签 双标签 标签类型1.块元素特点1.独占一行，纵向排列2.可以设置宽高div2.行元素[内联元素，内嵌元素]特征1.横向排列2.不可设置宽高3.由内容撑开宽度高度 span3.行内块元素[内联块元素]页...
2018-02-05 21:22:32
198
原创 前端学习-1
1. HTML+CSSHTML（结构）------ Hyper Text Markup language 超文本标记语言标记双标记标签单标签 双标签 标签类型1.块元素特点1.独占一行，纵向排列2.可以设置宽高div2.行元素[内联元素，内嵌元素]特征1.横向排列2.不可设置宽高3.由内容撑开宽度高度 span3
2018-02-04 22:35:06
218
原创 div和span的区别
1.div默认独占网页一行由内容撑开高度但是可以设置宽高属于块标签2.span默认在一行显示由内容撑开高度，但是不可以设置宽高属于行标签（1）块标签可以嵌套块标签，但是p标签不能嵌套块标签（2）行标签只能嵌套行标签，不能嵌套块标签，但是行标签不能嵌套a标签在div和span上都可以使用id或者class选择器，div是特指在一个页面中只有一个特定的属性的
2018-01-23 21:03:28
270
原创 2.延迟加载的学习 2
html>html>head> meta charset="UTF-8"> title>Titletitle>head>style type="text/css"> *{ margin: 0; padding: 0; font-family:Helvetica,sans-serif; font-size
2018-01-19 23:13:42
151
原创 1. 延迟加载的学习1
html>html>head> meta charset="UTF-8"> title>Titletitle>head>style type="text/css"> *{ margin: 0; padding: 0; font-family:Helvetica,sans-serif; font-size
2018-01-19 22:30:43
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人