2019年10月3日

vue实战：路由监听

摘要： 一、场景：在页面刷新后，仍然定位到之前菜单栏选中的按钮，即之前的菜单栏按钮仍为激活状态，而非重新定位到第一个默认激活状态的菜单栏按钮。 二、1、在element-ui组件库中，有一个名字为NavMenu导航菜单的组件，<el-menu>标签上有一个属性default-active，其值表明当前激活的 阅读全文

posted @ 2019-10-03 17:46 shidingzhang 阅读(5108) 评论(0) 推荐(0) 编辑

2019年9月29日

vue实战——登录页面

摘要： 一、入口文件main.js配置 （入口文件就是项目或系统被访问时第一个访问到的文件，所有的指令功能都是从这个文件分发出去，再找相对应的模块进行处理，初始化vue实例、编写全局方法、使用插件等） axios.interceptors.response.use(res => { // 请求拦截器，在发送 阅读全文

posted @ 2019-09-29 23:27 shidingzhang 阅读(13700) 评论(0) 推荐(0) 编辑

2018年8月29日

一个电商首页

摘要： css部分: 阅读全文

posted @ 2018-08-29 16:26 shidingzhang 阅读(213) 评论(0) 推荐(0) 编辑

2018年7月25日

网页换肤

摘要： 1、需求分析 为网站”换肤"，为用户提供了多种选择，提高了用户的满意度，同时也能提高网站的知名度。 2、技术分析 基于HTML、CSS、JavaScript。 3、详细分析 点击第一栏颜色按钮，网页会转换成对应颜色页面。 3.1 HTML部分 如图，页面内容由两部分构成，皮肤颜色按钮栏，和导航栏，也 阅读全文

posted @ 2018-07-25 16:39 shidingzhang 阅读(383) 评论(0) 推荐(0) 编辑

小游戏—九宫格（拼图游戏）

摘要： 1、需求分析 简单益智类游戏 2、技术分析 基础的HTML、CSS、JavaScript。 3、详细分析 如图：包含两大部分，左边是一个游戏区，点击卡片可实现向相邻空格的移动；右边是一个控制区，包含两小部分，一个计时器，一个游戏进程控制（开始、暂停、重来）。 3.1 HTML部分 内容部分设置一个d 阅读全文

posted @ 2018-07-25 12:39 shidingzhang 阅读(3666) 评论(0) 推荐(0) 编辑

复选框（checkbox）、多选框

摘要： 1、需求分析 可同时选中多个选项，实现全选、全不选、反选等功能。 2、技术分析 基础的HTML、CSS、JavaScript。 3、详细分析 3.1 HTML部分 图示是一个列表加底部一段文字说明，列表包含三个部分，整体是一个多选列表，上部是总的选项，下面是具体选项，因此该列表是一个自定义列表： 3 阅读全文

posted @ 2018-07-25 10:11 shidingzhang 阅读(64190) 评论(0) 推荐(1) 编辑

2018年7月24日

CSS实现水平垂直居中

摘要： 1、需求分析 子元素在父元素中水平垂直居中 2、技术分析 基础的css、html 3、详细分析 如图: 3.1 HTML部分 如图所示，大边框内包含一个小边框两部分，设置一个父元素div和一个子元素div。 3.2 CSS部分 注释: 1.position属性: 语法：object.style.po 阅读全文

posted @ 2018-07-24 15:59 shidingzhang 阅读(330) 评论(0) 推荐(0) 编辑

控制元素的div属性

摘要： 1、需求分析 改变元素的宽、高、颜色、显示、重置等属性。 2、技术分析 基础的css、html、js 3、详细分析 如图，单击按钮，改变元素属性: 3.1 HTML部分 根据视图不难发现，内容分两大不分:按钮栏和效果图，所以设置两个div。 3.2 CSS部分 3.3 JS部分 阅读全文

posted @ 2018-07-24 13:17 shidingzhang 阅读(906) 评论(0) 推荐(0) 编辑

导航