- 博客(15)
- 资源 (1)
- 收藏
- 关注
原创 基于Vue的电商星星评价demo
基于Vue的电商星星评价demo封装组件注册组件设计事件绑定事件封装组件首先需要封装星星评价组件,通常每个评分项为五个星组成,使用v-for循环渲染出五个星星。var Star={ template:`<div> <span class="iconfont icon-xing" v-for="i in 5" ></span> </div>`, };注册组件设计好组件样式先在vue实例中注册组件,在html中使用,检测是否符合
2020-06-15 10:54:46 524
原创 git常见命令使用与演示
git常见命令基本操作git initgit clonegit addgit statusgit diffgit commitgit push分支管理git branchgit branch (branchname)git checkout (branchname)git merge (branchname)git branch -d (branchname)合并冲突基本操作git init使用git进行代码版本管理前需要在目录中创建新的git仓库,运行系统命令提示框,进入该目录后执行git ini
2020-06-14 13:08:24 226 1
原创 Vue常用指令使用与演示
Vue指令指令渲染数据v-htmlv-textv-showv-ifv-elsev-forv-oncev-cloakv-pre属性绑定v-bind绑定事件v-on数据绑定v-model指令你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。渲染数据v-html更新元素的innerHTML内容,传入的参数可以包含html标签<!DOCTYPE html><
2020-06-13 18:00:51 264
原创 基于原生js实现的todolist(todomvc)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>todolist</title> <style> .active { .
2020-06-05 21:01:09 647 1
原创 打包工具webpack常用方法
一:安装1.全局安装npm i webpack -gnpm i webpack-cli -g测试是否安装成功:webpack --version2.项目内安装npm init -ynpm i webpack -Dnpm i webpack-cli -D测试是否安装成功:在package.json 文件的scripts中加入如下代码,自定义一个版本查询命令"version":"webpack --version"在终端窗口里输入npm run ver
2020-05-18 02:45:01 275
原创 JavaScript数组方法的基本使用
一.创建数组1.常规方法var persons=new Array(); persons[0]="zhangsan"; persons[1]="lisi"; persons[2]="wangwu";2.简洁方式
2020-04-22 01:02:32 227
原创 VMware安装虚拟机教程:Ubuntu安装
一.安装准备1.本机安装VMware2.下载镜像文件本次演示Ubuntu系统安装,Ubuntu19.10镜像下载链接:https://pan.baidu.com/s/1fHtIpXDv6xKhqAMvTolzQA提取码:mat5二.安装步骤1.打开VMware,选择“创建新的虚拟机”2.选择典型(推荐),下一步3.选择本地下载好的镜像,下一步4....
2020-04-20 03:21:48 344
原创 MongoDB4.2.5安装
一. 下载1.官方下载:官网下载MongoDB安装包,下载自己所需的版本https://www.mongodb.com/download-center/community2.百度云盘下载这边提供的是4.2.5的安装包链接:https://pan.baidu.com/s/1i0fUCfjLcU4grfW2e24n3g提取码:ders二. 安装1.打开安装包,next...
2020-04-13 18:04:00 1850
原创 jQuery框架的基本使用
一:jQuery三问Q:什么是jQuery?A:jQuery 是一个 JavaScript 库。Q:jQuery有什么用?A:jQuery 极大地简化了 JavaScript 编程。Q:jQuery难吗?容易上手吗?A:jQuery 很容易学习。二:jQuery特点1.优质的选择器和筛选器2.方便的隐式迭代3.强大的链式编程ps:基于以上特点:很多时候我...
2020-03-21 23:37:40 458
原创 JavaScript对象创建的5种方法
JavaScript的对象创建方法:目录1.字面量2.内置构造函数3.工厂模式4.自定义构造函数5.原型函数1.字面量//字面量形式创建 var obj = { name: "lin", age: 22, };格式:var objname=...
2020-03-08 15:22:18 344
原创 JavaScript实现下拉列表select控件
一.html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2020-02-28 11:09:05 566
原创 JavaScript Math方法的基本使用
1.Math.sin()方法定义:返回一个数的正弦。语法:Math.sin(x),x必须是一个数值。实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Math</title></head&g...
2020-02-23 17:07:03 644
原创 css常见元素通用样式表
@charset "utf-8";html,body,a,h1,h2,h3,h4,h5,h6,p,a,b,i,em,s,u,dl,dt,dd,ul,ol,li,strong,span,table,th,tr,td,img,div,form,fieldset,legend,input,button,select,option,tex...
2020-01-04 20:56:09 414
原创 html css二级导航栏
二级导航栏制作:1.将一级导航栏去除列表样式(list-style:none),并给予浮动,使其横向排列(float:left)2.给每个li中添加一个<a></a>标签,给a设置样式,使其成为块级元素( display:block),这样只需要点击当前 li 范围区域即可触发a的跳转3.给需要添加二级导航栏的li里面添加 ul>li ,给个类名,设置其...
2020-01-04 20:48:42 2750 1
原创 web前端sprite,精灵图,雪碧图
css sprite俗称:精灵图,雪碧图,指将整个页面不同的图片or图标合并在一张图上;优点:使用CSS Sprite 可以减少网络请求,提高网页加载性能,不会出现网页上端加载完毕下面还在加载中这一问题缺点:如果后期更改其中某一图标,且其像素大小发生改变,需要重新对所有图标进行定位精灵图制作:photoshop选择透明图层,将需要的图标和图片放入测试用图:&l...
2019-12-18 15:30:41 699
简易购物车cart.zip
2020-06-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人