前端 - yumefx

当前位置：首页 › 技术 › 分类：前端( 第2页 )

yumefx - 4年前
Chrome插件(扩展)开发（下）

Chrome插件学习笔记转载

上一篇主要说了5种注入JS脚本的方式和常用的功能，这一篇说一下不同注入方式之间的通信以及一些有用的小技巧。通信上一篇说的5种JS之间的通信方法，可以用一张图来表示。其中，popup和background其实几乎可以视为一种东西，因为它们可访问的API都一样、通信机制一样、都可以跨域。 popup和back……

来自分类：前端 / 技术

6.35k 7 0 阅读
yumefx - 4年前
Chrome插件(扩展)开发（上）

Chrome插件学习笔记转载

前言这几天研究前端技术走火入魔，突发奇想琢磨着自己搞一个谷歌浏览器插件，因此找了好多教程，也算是有些收获，记录一下。所谓chrome插件，严格来说应该叫做Chrome扩展(Chrome Extension)，是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一……

来自分类：前端 / 技术

6.93k 3 0 阅读
yumefx - 4年前
网页布局之像素

HTML 前端原创学习笔记

本文想简单介绍一下CSS像素、物理像素、逻辑像素、设备像素比等概念，并记录一下自己对于网页在不同平台的不同设备中的显示效果以及处理逻辑的思考。概念介绍 CSS像素 CSS像素，顾名思义其实就是在网页开发中，用于CSS样式和Javascript代码中的px单位，是一个相对单位，在不同显示设备中可能显示为不同的物理像……

来自分类：前端 / 技术

3.31k 3 1 阅读
yumefx - 5年前
CSS样式表基础（二）

CSS HTML 前端原创学习笔记

这一篇主要说一下网页布局。网页布局的本质，其实就是用CSS来摆放盒子。 CSS提供了三种传统布局方式：普通流（标准流）、浮动、定位。普通流就是标签按照规定好的默认方式顺序排列。浮动（float）浮动可以改变标签的默认排列方式，最典型的应用就是让多个块级元素在一行中排列显示。 div { float: lef……

来自分类：前端 / 技术

1.48k 0 0 阅读
yumefx - 5年前
CSS样式表基础（一）

CSS HTML 前端原创学习笔记

CSS和HTML一样，也是一种标记语言，主要用于设置HTML页面中的文本、图片以及版面的显示样式和布局。格式与书写 CSS格式如下：选择器 { 属性: 值; … } 主要有三种书写位置，一种是单独的css文件，叫做外部样式表，然后在html中引入。 <head> … <link rel……

来自分类：前端 / 技术

2.33k 0 0 阅读
yumefx - 5年前
常用HTML标签

HTML 前端原创学习笔记

在前端三大件（网页元素、CSS层叠样式表、JavaScript）中，网页元素像骨骼，定义好大体框架和功能；CSS像皮肤，用来美化和增添细节；JS像肌肉，负责让整个系统动起来。因此今天开始会将这几部分内容梳理一下记录下来，今天就从常见的HTML标签开始。基础 <h1> to <h6> 定义……

来自分类：前端 / 技术

2.84k 0 0 阅读
yumefx - 5年前
触发事件之click与touch

HTML 前端原创学习笔记

网页中的可交互元素有很多触发事件，其中最为常用的就是点击事件了，其中PC上的点击事件使用鼠标触发事件，代表鼠标的点击，例如onmousedown事件；移动终端例如手机、平板等一般使用touch，代表触屏操作，例如ontouchstart事件。两者存在一定对应关系，又有所区别，本文就是在给一个项目做移动端兼容时解决遇到……

来自分类：前端 / 技术

6.14k 2 0 阅读
yumefx - 5年前
JS匿名函数与变量作用域

JavaScript 前端原创学习笔记

匿名函数在JavaScript这门脚本语言中，默认的定义函数格式如下： function fn(a,b){ console.log(a+b); } 某些情况下定义函数时会省略掉函数名称如下： function (a,b){ console.log(a+b); } 这样的函数就叫做匿名函数。而众所周知，函数是通过函数……

来自分类：前端 / 技术

9.08k 6 0 阅读

(｡・`ω´･)点我加载更多

Chrome插件(扩展)开发（下）

Chrome插件(扩展)开发（上）

网页布局之像素

CSS样式表基础（二）

CSS样式表基础（一）

常用HTML标签

触发事件之click与touch

JS匿名函数与变量作用域

标签云

文章归档