前端教程

Html5 canvas学习和笔记——初级-QUX轻博客七娃博客

Html5 canvas学习和笔记——初级

七娃博客阅读(15)评论(0)赞(0)

近期很想学CANVAS,想学习那种很炫酷的特效,然后就按照思否的大神《学习HTML5 Canvas这一篇文章就够了》学习了一下,为避免遗忘和丢失,在此做个笔记! 首先,html里面写好canvas,避免浏览器不支持,写入不支持需要加载的图片...

var,let及const的区别-QUX轻博客七娃博客

var,let及const的区别

七娃博客阅读(21)评论(0)赞(0)

七娃总是看见大神写的js中有const,之前还以为是什么固定的变量,百度之后才发现自己有多么小白,还是老老实实的作笔记吧! const,和var、let一样,都是定义变量的方式!以下为三者的区别: let,一般在函数内使用,局部定义,使用范...

js实现html内容拼接-QUX轻博客七娃博客

js实现html内容拼接

七娃博客阅读(23)评论(0)赞(0)

很多时候,前端需要处理一个数据,并把数据加载到指定的位置,直接用ajax获取到数据传值到html中是最简单的方式,但是很多数据的时候不能每个都载入命名,用js传值,这个时候就需要用js实现html内容的拼接,然后把拼接的内容载入到html中...

js获取链接的域名、端口、文件地址及协议-QUX轻博客七娃博客

js获取链接的域名、端口、文件地址及协议

七娃博客阅读(26)评论(0)赞(0)

上周七娃更新了静态html页面传参数的教程,其中在url+参数=*,访问的时候页面就可以有选择进行加载,那么参数错误,或者id不存在的时候,我想让跳到默认的页面,而不是弹窗报错,这样显示更加友好,那么就需要知道当前网站的域名及文件夹状态,当...

css伪元素:before和:after,实现三角形-QUX轻博客七娃博客

css伪元素:before和:after,实现三角形

七娃博客阅读(24)评论(0)赞(0)

之前写过css伪类实现切三角形的方法,今天再复习一次,很多东西不用就会忘,所以还是经常使用或者回顾的好! 我们都知道三角的实现是根据border的边框来设置的,一个方向有填充色,另外几个方向变成透明色transparent ,就可以实现了,...

弹性布局:flex的学习-css实现水平垂直居中-QUX轻博客七娃博客

弹性布局:flex的学习-css实现水平垂直居中

七娃博客阅读(26)评论(0)赞(1)

弹性布局可以理解为将盒子分为若干块,通过css对弹性布局的几个属性的控制,将盒中盒移动到合适位置。这是七娃对弹性布局flex的初步认知! flex的属性:flex-direction、flex-wrap、justify-content、al...

border渐变,css边框渐变-QUX轻博客七娃博客

border渐变,css边框渐变

七娃博客阅读(25)评论(0)赞(0)

前端经常会用到渐变背景,如果总是用图片,显得自己很不专业,对于背景渐变很多人都会,也经常用,那么今天七娃总结一个 border边框的渐变实现方法: border: 2px solid; border-image: -webkit-linea...

如何遍历数组?js遍历数组-QUX轻博客七娃博客

如何遍历数组?js遍历数组

七娃博客阅读(22)评论(0)赞(0)

昨天在用js遍历数据的时候,涉及到了遍历数据到数组中,对于没有太多经验的我来说,可是懵逼了很久,不过辛亏解决了。 思路,先声明 空数组,然后把遍历的数组赋值给数组;具体的看如下代码: var lists =[]; for (i =0;i&l...

静态页面html传参数实现动态加载-QUX轻博客七娃博客

静态页面html传参数实现动态加载

七娃博客阅读(27)评论(0)赞(0)

静态页面实现参数传递,然后js加载对应的数据,这样就能实现前端加载动态的数据了,这样说可能不明不白! 举个栗子:用户1和用户2同时访问一个静态页面,但是页面内容显示的不一样,就是实现这样的区分,让html能够本地加载数据! (functio...

七娃设计,让设计贴近生活

联系我们