前端开发
关注
分享
扫一扫
前端开发文章：HTML,CSS,JS
秦理
好的代码像粥一样，都是时间熬出来的。
展开
-
JavaScript思维导图详细整理版
原创 2020-08-14 21:10:26 · 2643 阅读 · 0 评论
-
JavaScript获取节点的方法大全
1. 通过document节点获取1.1 通过ID语法：document.getElementById（“id”）；特点：应用场景：推荐指数：示例：1.2 通过标签名语法：document.getElementById（“id”）；特点：应用场景：示例：1.3 通过name值语法：document.getElementById（“id”）；特点：应用场景：示例：1.4 通过class语法：document.getElementById（“id”）；特点：应用场景：示原创 2020-10-26 22:49:31 · 14871 阅读 · 0 评论 -
前端开发中HTML 规范
DOCTYPE 声明HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：<!DOCTYPE html>HTML5标准模版<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML5标准模版</title> </head> <body> &l原创 2020-10-24 19:45:38 · 3105 阅读 · 0 评论 -
前端开发中图片使用规范
内容图内容图多以商品图等照片类图片形式存在，颜色较为丰富，文件体积较大优先考虑 JPEG 格式，条件允许的话优先考虑 WebP 格式尽量不使用PNG格式，PNG8 色位太低，PNG24 压缩率低，文件体积大PC平台单张的图片的大小不应大于 200KB。背景图背景图多为图标等颜色比较简单、文件体积不大、起修饰作用的图片PNG 与 GIF 格式，优先考虑使用 PNG 格式,PNG格式允许更多的颜色并提供更好的压缩率图像颜色比较简单的，如纯色块线条图标，优先考虑使用 PNG8 格式，避免不使原创 2020-10-24 19:32:21 · 3135 阅读 · 0 评论 -
前端开发中的命名规范
前端开发命名规范目录（文件）命名ClassName命名常用命名推荐目录（文件）命名项目文件夹：文件名即可样式文件夹：css脚本文件夹：js样式类图片文件夹：img产品类图片文件夹： upload字体类文件夹： fontsClassName命名ClassName的命名应该尽量精短、明确，必须以字母开头命名，且全部字母为小写，单词之间统一使用下划线 “_” 连接.nav_top常用命名推荐注意：ad、banner、gg、guanggao 等有机会和广告挂勾的字眠不建议直接用来做Cl原创 2020-10-24 19:31:07 · 2482 阅读 · 0 评论 -
CSS属性书写顺序规范
建议遵循以下顺序：布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）自身属性：width / height / margin / padding / border / background文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word原创 2020-10-24 19:25:17 · 2234 阅读 · 0 评论 -
javascript原生项目：剑网三
javascript原生项目：剑网三技术：html+css+javascript页面：欢迎页，游戏列表页，充值页，登录页项目效果：ps:项目源码文件评论区见原创 2020-10-16 21:48:39 · 2734 阅读 · 7 评论 -
H5模拟商品大图切换效果
H5模拟商品大图切换效果技术：html+css+javascript代码：ps:项目代码文件评论区见原创 2020-10-16 21:38:50 · 2147 阅读 · 0 评论 -
H5模拟微信红包效果
H5模拟微信红包效果技术：html+css+javascript效果：代码：ps：项目代码文件评论区见原创 2020-10-16 21:35:14 · 2898 阅读 · 2 评论 -
H5模拟划拳小游戏
H5模拟划拳小游戏技术：html+css+js代码：ps:项目代码文件评论区见原创 2020-10-16 21:31:26 · 2294 阅读 · 0 评论 -
H5模拟长沙橘子洲烟花
H5模拟长沙橘子洲烟花技术：html+css+js+jq模拟中秋国庆长沙橘子洲烟花特效代码：ps:文件资源评论区见原创 2020-10-16 21:27:18 · 2240 阅读 · 1 评论 -
div盒子实现垂直水平居中
CSS实现div盒子垂直水平居中未修改前样式：方法一：定位（父元素相对定位，子元素绝对定位） <style> .bigBox{ position: relative; widows: 600px;; height:400px; border: 2px solid black; } .smallBox{ posit原创 2020-09-20 20:42:48 · 2466 阅读 · 0 评论 -
CSS实现三列布局方法汇总
未设置时原布局效果，div垂直排列方法一：浮动 <style> .con{width: 100%; } .con>div{height: 500px; } .left{width:20%;float:left;background-color: pink; } .center{ width: 60%;float: left;background-color: yellowgreen;} .right{width:20%;float:l原创 2020-09-20 19:38:55 · 3132 阅读 · 0 评论 -
3D立方体拆解动画
3D立方体拆解动画:HTML+CSS项目源码评论区分享原创 2020-09-20 15:00:41 · 2864 阅读 · 1 评论 -
HTML+CSS模拟时钟转动
HTML+CSS模拟时钟转动项目代码评论区分享原创 2020-09-20 14:56:31 · 3233 阅读 · 1 评论 -
3D动画实现太阳系运转体系
3D动画实现太阳系运转体系：HTML+CSS实现项目代码评论区分享原创 2020-09-20 14:54:16 · 2855 阅读 · 2 评论 -
3D立体相册效果
HTML+CSS实现旋转立体相册项目代码评论区分享原创 2020-09-20 14:51:04 · 2452 阅读 · 1 评论 -
3D魔方旋转效果
真实实现魔法转动：HTML+CSS项目源码评论区分享原创 2020-09-20 14:47:58 · 2438 阅读 · 1 评论 -
静态页面重构项目（一）
首页列表页详细页页面代码评论区见原创 2020-09-13 20:19:18 · 2438 阅读 · 1 评论 -
JavaScript内置对象之数组（Array)
数组：数组对象是使用单独的变量名来存储一系列的值。数组中的元素可以是任意的数据类型创建构造函数创建数组构造函数创建 new Array();()中可以是数组的长度，或者包含的项；var colors=new Array(1);字面量创建数组字面量创建：[]var names=[];读写读数组写入数据读写时使用[],提供相应索引；// 1.准备工作 var names=new Array("小张","小米","小明"); var c..原创 2020-08-20 09:55:14 · 2624 阅读 · 0 评论 -
SASS学习总结
思维导图：1. SASS作用CSS预处理器，功能上大同小异，都是使用类似程序样式语言的方式来编写CSS，都具有变量，混入，嵌套，继承等特性，最终目的都是方便CSS的书写及维护。2. SASS注释标准注释：/ 评论 /，会保留到编译后的文件。单行注释：//评论，只保留在Sass源文件中，编译后被省略。强制注释：/！ 评价/ 在压缩状态 下也显示；3. SASS样式导入@import 可以根据文件扩展名不同而用不同的方式处理如果文件是.css的扩展名，将与CSS中的@import语句保原创 2020-08-16 00:21:59 · 2577 阅读 · 0 评论 -
Less学习总结
1.Less作用Less是一种动态式语言，属于CSS预处理器的范畴，拓展CSS语言，增加变量，Mixin，函数等特性，使CSS更易维护和拓展；Less既可以在客户端上运行，也可以借助Node.js在服务端运行。Less注解以//开头的注释，不会被编译到css文件中；以/* */ 包裹的注释会被编译到css文件中；3.Less变量变量：使用@来申明一个变量：@pink:pink；作为普通属性值使用，直接使用@pink;作为选择器和属性值：#@{selector的值}的形式；作为.原创 2020-08-14 18:06:30 · 2486 阅读 · 0 评论 -
HTML思维导图详细整理版
HTML思维导图，如有未完善的地方，欢迎评论区补充原创 2020-08-13 17:43:29 · 4107 阅读 · 1 评论 -
CSS思维导图详细整理版
CSS思维导图，总结了css的部分知识，没有完善的地方欢迎大家评论区补充。原创 2020-08-13 17:37:40 · 3820 阅读 · 2 评论 -
HTML基础学习攻略（二）
第二章 HTML基础2.1 文件格式HTML文档的后缀名：.html 或者 .htm2.2 语法格式HTML的基本组成单位是元素，语法结构如下：<标签 属性=“属性值”>内容</标签>2.3 注释格式 定义注释 ：浏览器会忽视注释并且不显示，主要是为了提高可读性，代码更容易理解；2.4 代码规范HTML不区分大小写，而XHTML区分大小写；HTML标签的属性与属性值；标签可以嵌套使用。2.5 基本概念元素（标签）：html中的标记称为原创 2020-05-30 13:59:23 · 654 阅读 · 1 评论 -
HTML基础学习攻略（一）
第一章 HTML简介1.1 HTML是什么超文本标记语言简称：HTML是一种用于创建网页的标准标记语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容1.2 HTML做什么使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析；在前端三剑客中起结构的作用原创 2020-05-30 13:40:35 · 2498 阅读 · 1 评论