自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

fjxylin

前端分享

  • 博客(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 776

原创 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 653 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 542

原创 基于原生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 763 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 386

原创 JavaScript数组方法的基本使用

一.创建数组1.常规方法var persons=new Array(); persons[0]="zhangsan"; persons[1]="lisi"; persons[2]="wangwu";2.简洁方式

2020-04-22 01:02:32 340

原创 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 430

原创 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 2185

原创 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 535

原创 JavaScript对象创建的5种方法

JavaScript的对象创建方法:目录1.字面量2.内置构造函数3.工厂模式4.自定义构造函数5.原型函数1.字面量//字面量形式创建 var obj = { name: "lin", age: 22, };格式:var objname=...

2020-03-08 15:22:18 500

原创 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&gt...

2020-02-28 11:09:05 791

原创 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 1365

原创 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 475

原创 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 3238 1

原创 web前端sprite,精灵图,雪碧图

css sprite俗称:精灵图,雪碧图,指将整个页面不同的图片or图标合并在一张图上;优点:使用CSS Sprite 可以减少网络请求,提高网页加载性能,不会出现网页上端加载完毕下面还在加载中这一问题缺点:如果后期更改其中某一图标,且其像素大小发生改变,需要重新对所有图标进行定位精灵图制作:photoshop选择透明图层,将需要的图标和图片放入测试用图:&l...

2019-12-18 15:30:41 806

简易购物车cart.zip

多店铺的购物车界面,具有全选,单选,修改数量,点击删除等功能,使用vue框架,复选框部分原理是使用计算属性,实现一级控制三级,三级控二级,同时三级也控制一级,商品的增加使用watch深度监听,每次数据改变都与库存相对比,达到最大值时不再增加,减到1时不再减少。

2020-06-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除