记得刚开始学习前端的时候,每次写css样式都是用到什么就在样式表后添加什么,完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看,并且也属于css样式优化的一种方式。那么是怎么个顺序呢?
(1)定位属性:position display float left top right bottom over……继续阅读 »
496849654@qq.com
5年前 (2020-06-16) 1114浏览 0评论
2个赞
<style>
body{
background:#A3C5A8;
}
#nav{
background:green;
border-color:#fff;
}
#nav li{
border-color:#fff;&n……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 986浏览 0评论
1个赞
控制div属性
<style>
#outer{width:500px;margin:0 auto;padding:0;text-align:center;}
#div1{width:100px;height:100px;background:black;margin:10px auto;display:block;……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1012浏览 0评论
2个赞
如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。
我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1068浏览 0评论
1个赞
最近在内部项目中做了一些基于 vue + webpack的项目,在此稍微总结了一下。
首先,我会先简单介绍一下 vue 和 webpack:
(当然如果你已经比较熟悉它们的话前两个部分可以直接跳过)
介绍 vue
Vue.js 是一款极简的 mvvm 框架,如果让我用一个词来形容它,就是 “轻·巧” 。如果用一句话来描述它,它能够集众多优秀主流的前端框架之大……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1048浏览 0评论
1个赞
安装nodejs
1、下载nodejs引擎,32bit version或者64bit version
2、下载最新版的npm zip格式压缩包:http://nodejs.org/dist/npm/
3、在硬盘某个位置,如D盘下建立一个文件nodejs,把上面两个下载的东西都放在这里,npm要解压。
4、配置两个环境变量:一个是PATH上增加node.ex……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1529浏览 0评论
4个赞
今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用CSS3实现图片模糊效果也非常简单,用CSS3中的filter属性即可,针对不同浏览器用-webkit-filter、-moz-filter、-o-filter和-ms-filter。
<!DOCTYPE html>
<html&g……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1278浏览 0评论
3个赞
HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能。HTML5是HTML4的升级版本,相比于后者,HTML5增加了Web网页的表现力,同时也增加了表单、本地数据等全新功能,对于我们网站的建设是一个全新的体验,也是一个机遇,因为HTML5里面众多功能的创新以及改革对于我们未来网站建设是一个很好的指引。
绘画CANVAS;
用于……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1150浏览 0评论
4个赞
小程序初期,会遇到一些问题,例如:
1、小程序开发者工具提示没找到可以构建的npm包
解决方案
1、第一步:npm init(一定要进行初始化,生成package.json文件)
2、第二步:npm install –production
3、第三步:npm i vant-weapp -S –production )(这里……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 1380浏览 0评论
7个赞
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。
点击之后,怎么做……继续阅读 »
496849654@qq.com
5年前 (2020-06-15) 5438浏览 0评论
2个赞