前端技术
HOUJIEHOU
这个作者很懒,什么都没留下…
展开
-
侧边导航栏居中固定
一、页面初始化 在写html代码中,为了各版本浏览器的兼容性,不同浏览器及同一浏览器不同版本默认的body元素和块级元素自带一定像素的margin或者padding, 因此需要在写代码前先消除这些margin和padding,之后的css样式才能出现预期的效果。具体可以这样: *{ margin= 0; paddi...原创 2019-03-05 14:34:37 · 2160 阅读 · 0 评论 -
用CSS3实现图片切换效果
当几个页面的整体布局相同,只有某个部分在各页面不同时,可以将整体布局的CSS样式写在同一个.css文件中。本次的CSS实现图片s是每个页面下的图片切换效果不同,除此之外,其他的效果都一样。因此,我们可以创建一个common.css文件设置整体界面的样式。一、圆形超链接 创建四个超链接a标签,分别为Page1、Page2、Page3、Page4。设置displa...原创 2019-03-06 14:52:40 · 8791 阅读 · 0 评论 -
利用express框架mock后台数据(模拟后台数据)
Mock数据(模拟后台数据)第一步、加载数据第二步、配置webpack.dev.conf.js获取数据编写路由以及相应接口第三步、运行第一步、加载数据将data.json文件复制到你的工程目录下,我这里的是mysell目录。模拟的数据请求是从data.json中读取数据,接下来就是编写这些接口第二步、配置webpack.dev.conf.js在vue 1.x版本中是在dev-server....转载 2019-03-11 14:51:50 · 656 阅读 · 0 评论 -
vue-router创建单页面
vue-router创建单页面第一步、加载vue-router依赖第二步、项目中添加路由及接口1、添加router文件夹2、main.js里面import router3、效果图ps:(如果文章有任何错误,请大家谅解并指出。)第一步、加载vue-router依赖如果新建项目时,没有安装vue-router依赖的话,需要手动安装该依赖。在终端中输入npm install vue-router...转载 2019-03-11 18:28:58 · 272 阅读 · 0 评论