
前端开发者的灵丹妙药
前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。本专栏是前端开发的学习总结。
谁动了我的bug
不为失败找理由,只为成功找方法。
展开
-
H5如何让img图片自适应?
基本的CSS样式:<link rel="stylesheet" href="./layui/css/layui.css" media="all"><script src="layui/layui.js"></script><style>.banner { display: block; width: 100%; background-size: cover; background-position: center; backgr原创 2020-06-17 18:37:00 · 4901 阅读 · 0 评论 -
前端自动化及优化
less、sass、stylus它们是三种类似的样式动态语言,属于css预处理语言,它们有类似css的语法,为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。它们使用的文件分别是:.less、.scss、*.styl,这些文件是不能再网页上直接使用的,最终要编译成css文件来使用,编译的方法有软件编译,或者用nodejs程序。less、sass编...原创 2019-01-15 17:15:46 · 375 阅读 · 0 评论 -
移动端库和框架
移动端js事件移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件:1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、touchcancel: //系统取消touch事件的时候触发,比较少用移动端一般有三种操作,点击...原创 2019-01-15 17:08:51 · 316 阅读 · 0 评论 -
JQuery学习
jquery介绍jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的。jquery是一个函数库,一个js文件...原创 2019-01-15 17:01:19 · 421 阅读 · 0 评论 -
JavaScript学习
JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等。前端三大块1、HTML:页面结构2、CSS:页面表现:元素大小、颜色、位置、隐藏或显示...原创 2019-01-15 15:31:37 · 354 阅读 · 0 评论 -
HTML5与CSS3
CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为 100002、内联样式,如:style=””,权重值为10003、ID选择器,如:#content,权重值为1004、...原创 2019-01-08 22:19:41 · 340 阅读 · 0 评论 -
CSS学习
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS学习</title> <style type="te原创 2019-01-03 10:06:13 · 244 阅读 · 0 评论 -
HTML学习
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>HTML学习</title> <style type="t原创 2019-01-02 16:23:33 · 311 阅读 · 0 评论