前端
文章平均质量分 72
请叫我院士
Keep smile everyday,everything will be ok
展开
-
前端.进度条样式的原理与解释
模仿项目的时候看见的又CSS3写的进度条样式,十分美观 但是该内容在书上和W3S里涉及的也很少,看的不是很懂,在网上拜读大神的总结之后分享一下我的收获。 首先要理解渐变属性与自定义渐变 渐变属性分两种:linear-gradient和radial-gradient radial-gradient是径性渐变,即类似从圆的中性向四周渐变那种 linear-gradient是线性渐变,顾名思原创 2016-11-06 20:34:48 · 2019 阅读 · 0 评论 -
前端.基础数据类型&引用数据类型&判断方法
被学姐提了一下,可能作为笔试面试题考,于是补了一下。基础数据类:Undefined、Null、Boolean、Number、String,和Symbol(唯一值,ES6新设)引用数据类型:Object,array,function判断方法: 1)Undefined、Null、Boolean、Number和String, Symbol(唯一),function——可通过typeof(x...原创 2018-04-23 14:52:39 · 1617 阅读 · 0 评论 -
前端.时间戳&&dateformat时间格式化
emmmm,最近几个月因为准备实习和项目,需要和其他人线上交流的原因,基本上笔记都在有道云笔记里了。博客都积灰了。。。。 今天记一下的是时间戳与时间格式化的运用。 ——————————————————————————————————————————————先是实现的时间戳函数Date.parse(time)//time中需带有日期信息,格式为字符串,如"2018/03/15" ,"20...原创 2018-04-23 14:42:51 · 6663 阅读 · 0 评论 -
前端.H5.语义化标记&Selector API
一.语义化标记 《H5程序设计》里作者有一句话,即H5的宗旨之一就是“存在即合理”。由于旧版HTML代码中通用ID名称重复量极大,所以制定H5规定的大佬们干脆就将几个通用的ID直接语义化标记元素。即下面这几个 header ——标记顶部区域内容 footer ——标记底部区域的内容 section ——标记Web页面中的一块区域 article ——文章 aside原创 2017-11-20 21:43:37 · 458 阅读 · 0 评论 -
前段.微信小程序开发Ⅰ(结构、逻辑、工作流)
最近因为一些原因,在负责微信小程序的开发与维护。对于一个初接触的东西,在开发过程中就难免会遇到一些问题,自然就需要去将其解决并进行一定的总结。一个小程序分为逻辑层和视图层,逻辑层包括js文件,视图层包括wxml文件和wxss文件。 初建项目会有两个文件夹和三个以app命名的js/json/wxss文件,即 其中app.js为小程序的逻辑文件,其中包括了小程序的生命周期函数、监听函数,以及定义全原创 2017-07-29 14:19:06 · 1795 阅读 · 0 评论 -
前端.什么是冒泡和阻止冒泡的原因和方法
咸鱼最近在看微信小程序的开发,在看框架的时候在<btton>中有个被用到的属性叫做bindtap,作用是“事件绑定,不阻止冒泡”。因为之前搞Html和Css为多,没有看过冒泡,所以看到陌生的名词就去查了一圈,在这里总结一下冒泡的概念和为什么要阻止冒泡的原因。一.什么是冒泡? 首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生原创 2017-07-04 19:03:33 · 11152 阅读 · 1 评论 -
前端.关于清除浮动和盒子无法撑开的问题(图文解释)
在打码的时候遇到了一个问题<!DOCTYPE html ><head><title>something about float</title></head><style>#one{ background-color:#CCCCCC;}.mid{ float: left;} .main{float: left;} .main_left{float: left;}</sty原创 2016-11-06 20:24:27 · 1877 阅读 · 0 评论 -
前端.什么是页面渲染&&影响渲染速度的两个因素
最近看到的不熟悉的词挺多的,只能一个个找资料一个个字看,然后自己根据自己的理解进行一定的总结,若有不对之处,还请路过的大佬不吝指正。一.什么是渲染 页面渲染引擎的基本操作,简单而言是从一个网页的Url开始,根据Url所对应的网页各项资源,输出可视化的结果的过程;基本流程可大致分为:Compute Style。根据Url读取解析Html、Css文件,根据Html代码形成Dom(文本对象模型)Tre原创 2017-07-06 16:02:14 · 3325 阅读 · 0 评论 -
前端.@font-face自定义字体
做一个网页,风格不同的漂亮独特的字体总是一个不错的加分项,所以CSS3增加的自定义字体@font-face属性让网页上的字体不再局限于web-safe字体,而只要你加载好,就可以随你喜欢,想怎么加就这么加了。首先是@font-face 的规则 效果 其中自定义font-family的name没有规定,想怎么命名就怎么命名src 是你想加载的自定义字体的路径format括号中是的值指的是你自原创 2016-11-16 18:29:26 · 1596 阅读 · 0 评论 -
前端.如何让进度条样式动起来
之前已经写过进度条的原理,是以自定义渐变为核心,这样的进度条已经很美观了,但如果能让它动起来,那就更棒了~ 所以奋斗了两个晚上,作为一只前端咸鱼把看了下之前没有接触过的CSS3,用捉鸡的智商理解之后 分享一下自己的理解,欢迎讨论欢迎指错,咸鱼不胜感激。咸鱼看的让进度条动起来的方法,是通过CSS3的animation实现的,个人认为这是最简便的方法之一。 先介绍animationanimatio原创 2016-11-07 22:22:13 · 1824 阅读 · 0 评论 -
前端.call/apply/bind的作用和区别
在了解一个东西前,先需要了解这个东西为什么需要被创造出来举个例子,ex:<script> var a = { name : "fang" , setName : (name) => { console.log(name) } } var b = { name : "...原创 2018-05-14 15:20:01 · 3412 阅读 · 0 评论