• HTML的入门概念

    超文本a 文本或图像都可以用作链接的标签。 使用“..”可以连接到源文件的上层文件夹。“..”表示“父文件夹”。 a href="目标网址#锚点" name="页面锚点名称" title="鼠标滑过显示的文本"链接显示的文本/a a href="http://www.w3school.com.cn/html/html_links.asp#ti...

    2018-06-24 00:57:36

  • 微信小程序 引用其他js里的方法

    微信小程序中,在微信官方开发文档我们可以知道小程序的目录结构。 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js...

    2018-06-24 00:57:43

  • 利用border制作三角形原理

    网站前端页面中,有时候会使用一些三角形,除了使用图片的方式之外,利用css的border属性也可以做出相对应的三角形。那么,利用border是如何实现三角形的制作的呢? 先看下面一个例子: CSS代码: width:100px; height:100px; border-top: solid 100px blue; border-le...

    2018-06-24 00:57:33

  • 人人都能读懂的css3 3d小demo

    css3 3d案例总结 最近入坑 Web 动画,所以把自己的学习过程记录一下分享给大家。就把最近做的比较好的给大家分享下 1.旋转拼图 首先看下效果 代码主要由HTML和CSS3组成,应该说还是比较简单的。 首先是HTML代码: div class="camera" id="camera" div class="kuai" div...

    2018-06-24 00:57:35

  • border-radius属性值参数详解

    border-radius是CSS3设置圆角的一个属性,其属性值得单位可以使用:em、px、百分比等等。但是,border-radius属性值得参数形式有好多种,那么具体都代表什么意思呢?下面以实际例子分析一下: 首先是最常见的一种形式,一个值:border-radius: 值; border-radius: 10p...

    2018-06-24 00:57:32

  • 前端优化带来的思考,浅谈前端工程化

    这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚: 传输层面:减少请求数,降低请求量执行层面:减少重绘 回流 传输层面的从...

    2018-06-24 00:57:22

  • Sass与Compass——回顾

    compass 是sass的一个工具库 compass在sass 的基础上封装了一系列有用的模块,用来补充和丰富sass的工能, 安装: compass是用 ruby语言开发的,所以安装它之前必须安装ruby。 命令: gem install compass 项目初始化: 要创建一个你的Compass 项目,如果项目的名字叫...

    2018-06-24 00:57:30

  • 如何把SVG小图片转换为 html字体图表

    自制作的简单字体图表使用案例:查看demo 制作步骤: 1:登录制作工具在线网站 https://icomoon.io/ 2:右上角红色 按钮进入到:https://icomoon.io/app/#/select 3:点击左上角:imports icons 按钮导入自己的svg图片,之后会上传到该在线网站上 4:点击选中刚刚上传的...

    2018-06-24 00:57:30

  • css遇到的那些坑——浏览器默认样式设置

    今天自己写css样式,其中用到了ul标签,设置了一系列效果后运行,发现位置与设置有出入。chrome上打开检查项,发现ul标签的styles底部多了以下一段: ul,menu, dir{ display:block; list-style-type:disc; -webkit-margin-before:1em; -webkit-margin-after:1em; -webk...

    2018-06-24 00:57:27

  • 【前端】:我的第一个网页

    前言 : 感觉前端知识有点杂, 不记笔记,不写博客挺难搞定~~ 可谓是千呼万唤屎出来啊~~ 上次简单地学了HTML和CSS, 然后整理写了两篇博客【前端】:HTML各【前端】:CSS; 12号的晚上就开始做美乐乐的界面;刚开始真的是一脸懵逼,心里骂了N次:我擦,太难了~ 一个晚上,也...

    2018-06-24 00:57:22

2