Web前端
Felix-微信(Felixzfb)
字节跳动数据分析工程师,个人微信AXiaShuBai。加微信,进Python小伙伴群。
展开
-
原生 JavaScript 中 window.onload 全局加载模块中定义的函数 不能执行的一些问题
一个关于在window.onload里面定义函数,然后在html里面调用函数时出现错误。具体见下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com原创 2020-07-23 23:50:16 · 1310 阅读 · 1 评论 -
Web前端性能优化汇总
前端性能优化前端页面需要先下载到本地,然后渲染展示出来从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量,所有前端性能优化很重要。前端性能优化分为如下几个方面:一、代码部署:1、代码的压缩与合并(最终代码都会压缩成一行)2、图片、js、css等静态资源使用和主...原创 2019-11-26 09:31:04 · 410 阅读 · 0 评论 -
Web前端----移动端库和bootstrap框架
Web前端笔记第十一部分:js移动端库和bootstrap框架,re正则1. 移动端js事件移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件:1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、touchcanc...原创 2019-11-26 09:29:35 · 1150 阅读 · 0 评论 -
Web前端补充----json ajax cookie webStorage jqueryUI
Web前端笔记第十部分:json ajax1. jsonjsonjson是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。javascript自定义对象:var oMan = {...原创 2019-11-20 21:58:27 · 495 阅读 · 0 评论 -
JavaScript服务器环境运行步骤
安装node环境cmd下输入 node -v有版本号就说明已经安装成功了C:\Users\HP>node -vv10.16.3切换到要运行服务器文件夹里面,文件夹名称和文件夹路径最好都设置为英文,中文会出错C:\Users\HP>D:D:>CD D:\PyProject\Web_front_end_study\09_jQuery_ServerD:\PyPro...原创 2019-11-20 21:56:43 · 896 阅读 · 0 评论 -
Web前端——jQuery库
Web前端笔记第七部分:jQuery1. jQuery介绍jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1....原创 2019-11-19 20:38:04 · 398 阅读 · 0 评论 -
Web前端----原生JavaScript
Web前端笔记第六部分:JavaScript1. JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript直接有浏览器解释执行不需要编译JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公...原创 2019-11-13 15:38:38 · 229 阅读 · 0 评论 -
Web前端——CSS最常用样式列表总结
常用css列表color 设置文字的颜色,如: color:red;font-size 设置文字的大小,如:font-size:12px;font-family 设置文字的字体,如:font-family:‘微软雅黑’;font-style 设置字体是否倾斜,如:font-style:‘normal’; 设置不倾斜,font-style:‘italic’;设置文字倾斜font-weigh...原创 2019-11-05 15:52:12 · 441 阅读 · 0 评论 -
Web前端——移动端页面开发
Web前端学习笔记第五部分:移动端页面开发1. 移动端与PC端页面布局区别视口视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样带来的后果是移动端会出现横向滚动条,为了避免这种情况,移动端会将视口缩放到移动端窗口的大小。参考:001-移动端和PC端网页渲染区别.png由于产生按比例缩...原创 2019-11-04 23:16:16 · 907 阅读 · 0 评论 -
Web前端——HTML5与CSS3新增内容
Web前端学习笔记第四部分:HTML5与CSS31. 圆角border-radius各种圆角实例/左上角60的圆弧//border-top-left-radius: 60px;//四个角设置相同的圆弧//border-radius: 60px;//四个角用边长的做圆弧//border-radius: 30%;//正方形画成一个正圆//border-radius: 50%;/...原创 2019-11-04 23:15:32 · 159 阅读 · 0 评论 -
Web前端——PS知识
Web前端学习笔记第三部分:PS学习1. 常用图片格式图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式,图片格式及特性如下:1、psdphotoshop的专用格式。优点:完整保存图像的信息,包括未压缩的图像数据、图层、透明等信息,方便图像的编辑。缺点:应用范围窄,图片容量相对比较大。2、j...原创 2019-10-28 22:22:01 · 269 阅读 · 2 评论 -
Web前端——CSS层叠样式表
Web前端学习笔记第二部分:css学习1. 概述CSS Cascading Style Sheets 的首字母缩写,意思是层叠样式表为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结...原创 2019-10-28 22:20:47 · 252 阅读 · 0 评论 -
Web前端——HTML
Web前端学习笔记第一部分:HTML学习HTML概述1. 什么是HTMLHTML是用来描述网页的一种语言超文本标记语言(HyperTextMarkupLanguage),是一种用于创建网页的标准标记语言HTML不是一种编程语言,而是一种标记语言标记语言是一套标记标签(markup tag)HTML文档包含了HTML标签及文本内容HTML文档也叫web页面2. HTML...原创 2019-10-28 22:19:32 · 129 阅读 · 0 评论 -
Web前端-HTML标签
Web前端学习笔记第一部分:HTML学习HTML快速创建,配合tab键使用table>tr>td*4 一个表格,一行四列table>(tr>td*5)*6 一个表格下面创建5列6行的表格HTML概述1. 什么是HTMLHTML是用来描述网页的一种语言超文本标记语言(HyperTextMarkupLanguage),是一种用于创建网页的标准标记语言H...原创 2019-10-10 20:14:38 · 350 阅读 · 1 评论 -
HTML常用标记汇总
本文汇总了最常用的HTML标记HTML基本结构格式标记文本标记图像标记超链接标记HTML基本结构格式标记文本标记图像标记超链接标记原创 2019-02-23 19:59:49 · 2005 阅读 · 5 评论 -
前端开发中FormData使用方法说明
**FormData的主要用途有两个:**1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。2、异步上传文件**一、创建formData对象****1、创建一个空对象:**//通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追...原创 2019-01-17 21:17:14 · 907 阅读 · 0 评论