- 博客(19)
- 资源 (2)
- 收藏
- 关注
原创 node基本模块使用
node基本模块使用模块分类自定义模块系统核心模块fs 文件操作http 网络操作path 路径操作querystring 查询参数解析url url解析…1.导出和导入在NodeJS中,每个js文件就是一个模块,而文件路径就是模块名, 在编写每个模块时,都有require、exports、module三个预先定义好的变量可供使用。require函数用于在当前模块...
2020-03-19 23:00:03
137
原创 node基本模块使用
nodejs什么是 Node.js,众所周知 javascript 是在浏览器上运行的脚本语言,主要用来控制 html 元素, 即 html dom 对象,是纯粹的 客户端语言。那么要和服务端交互,就需要等待服务端的开发人员,而服务端开发又以 java 居多,对于不了解 java 语言的前端开发人员,有的时候就不得不干等着服务端准备可以把 node.js 简单的看成 ...
2020-03-19 14:35:42
716
原创 node和npm
npm介绍在正式开始Node.js学习之前,我们先认识一下npm。npm是什么东东?npm其实是Node.js的包管理工具(node package manager)包可以理解为实现了某个功能模块的集合,用于分布和维护;包是在模块基础上更深一步的抽象,node.js包类似c++函数库或者Java的类库,他将某个独立的功能封装起来,用于发布,更新,依赖管理和版本控制,node.js根据是C...
2020-03-19 11:03:44
728
原创 localStorge
一 什么是localStorage?1、localStorage是一个和cookie类似的,用于浏览器存储数据,它是HTML5新加入的2、localStorage是window下的一个对象,我们将以键值对的形式存储数据localStorage.setItem(“name”,“skipper”)3、localStorage改变将处罚storage事件,可以做到页面之间的交流二、如何使用?...
2020-03-15 14:50:19
884
原创 CSS3动画
Animation 组成CSS3 Animation 是由三部分组成。1.关键帧(@keyframes)关键帧(keyframes) - 定义动画在不同阶段的状态。动画属性(properties) - 决定动画的播放时长,播放次数,以及用何种函数式去播放动画等。css属性 - 就是css元素不同关键帧下的状态。案例:创建了一个@keyframes命名为dropdown。关键帧主要分...
2020-03-11 00:35:39
153
原创 响应式开发
一、网页布局方式响应式开发1、固定宽度布局:为网页设置一个固定的宽度,通常以px做为长度单位,常见于PC端网页。2、流式布局:为网页设置一个相对的宽度,通常以百分比做为长度单位。3、栅格化布局:将网页宽度人为的划分成均等的长度,然后排版布局时则以这些均等的长度做为度量单位,通常利用百分比做为长度单位来划分成均等的长度。4、响应式布局:通过检测设备信息,决定网页布局方式,即用户如果采用不同的...
2020-03-10 23:24:57
583
转载 Flex弹性布局+rem实现移动端适配(JS+rem+viewport)
前端开发工程师根据UI设计师给的设计稿进行开发。为了保证在各种屏幕上的不失真,就要根据实际屏幕宽度做等比例换算,才能写进CSS实现如下:1、设置width=device-width 也就是将layout viewport(布局视口)的宽度设置 为ideal viewport(理想视口)的宽度。网页缩放比例为100%时,一个CSS像素就对应一个 dip(设备逻辑像素)2、满足关系:写入...
2020-03-10 23:22:32
474
1
转载 @media标签+rem+viewport实现移动端屏幕适配
从设计稿说起:采用rem来布局,其实设计稿是多大都没有关系,设计稿给480、600或者750都可以,其他尺寸也可以,你就想成它是一张A4纸,然后这些数字只是对这张纸的最大计量单位。反正一张图就那么大,无论计量单位是多少,UI设计师能够在一张A4上给的东西都是一样的。比如说要在这个A4纸的设计稿上横向排列连个元素一个占比1:2,那么在设计稿上的体现就是下图:对,关键词是元素在设计稿上的占比、比...
2020-03-10 23:18:40
288
原创 移动端布局方案
移动端适配方案?百分比布局,也叫流式布局。代表网站:优酷、百度、天猫、腾讯。 元素大小是不会变化的,只是设备屏幕的大小不同会导致元素的间距发生变化等比缩放布局,也叫rem布局。代表网站:网易、爱奇艺、淘宝、美团。 设备屏幕小,元素就小一些,屏幕大则元素会大一些,但是元素的间距是不会变化的。移动端的布局方案1、使用 媒体查询+rem单位2、使用vw单位 + re...
2020-03-10 23:06:41
257
原创 iscroll插件使用
iScroll的版本针对iScroll的优化。为了达到更高的性能,iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本:iscroll.js,这个版本是常规应用的脚本。它包含大多数常用的功能,有很高的性能和很小的体积。iscroll-lite.js,精简版本。它不支持快速跳跃,滚动条,鼠标滚轮,快捷键绑定。但如果你所需要的是滚动(特别是在移动平台) iScroll 精...
2020-03-09 12:37:32
575
原创 Sass入门篇
加粗样式## CSS预处理器CSS预处理器是一种语言用来为css增加一些变成的特性,无需考虑浏览器的兼容性问题,例如你可以在css中使用变量,简单的程序逻辑,函数等等在编程语言中的一些基本技巧,可以让你的css更加简洁,适应性更强,代码更直观等诸多好处常见css预处理器sass,less,stylus的比较SASS使用背景1、CSS 是一些非常基础简单的语句的组合,既然简单的语句,就不...
2020-03-08 21:51:01
232
转载 移动web必会技能--屏幕适配
屏幕适配屏幕适配,一直是作为一个前端开发始终逃不掉的问题,这个话题可以追溯到最开始的PC端浏览器的不同分辨率,再到移动端不同的屏幕尺寸,一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配,可以理解为一个网页元素或者网页布局,在不同尺寸,分辨率等场景下,如何呈现最佳的效果。从最早的PC端屏幕来说,大部分的屏幕适配采取的是:页面框架最外层元素宽度固定,并且居中,高度随内容自适应,比较常见的...
2020-03-08 20:41:15
675
1
原创 移动端布局
移动端布局在移动web中常用的布局有四种流式布局(百分比布局)Flex布局(弹性布局)响应式布局rem布局各种布局特征的对比一、流式布局(百分比布局)流式布局的特点(也叫"百分比布局") 是页面元素的宽度按照屏幕分辨率进行适配调整,但整体布局不变流式布局的特征:a、宽度自适应,高度写死,并不是百分百还原设计图b、图标都是固定死大小的,包括字体等也是固定死的。并不是所有的东...
2020-03-06 17:13:52
162
原创 js day01(H1910A)
JavaScript历史回顾1990 欧洲的Tim Berners-Lee(伯纳斯·李) 终端浏览网页1992 开发一个独立的浏览器,叫做Mosaic1994 网费贵,有些操作不宜在服务器端完成,比如表单验证1995 布兰登·奇 发明了javascript,最初目的就是为了在客户端验证表单数据1996 navigator2.0浏览器正式内置了javascript脚本语言。JavaScr...
2019-12-16 17:17:38
92
原创 js day01
JavaScript历史回顾1990 欧洲的Tim Berners-Lee(伯纳斯·李) 终端浏览网页1992 开发一个独立的浏览器,叫做Mosaic1994 网费贵,有些操作不宜在服务器端完成,比如表单验证1995 布兰登·奇发明了javascript,最初目的就是为了在客户端验证表单数据1996 navigator2.0浏览器正式内置了javascript脚本语言。我这是。...
2019-12-16 16:58:16
76
原创 js-day01
javascript发展过程1994年 Netscape公司推出免费版本浏览器 Netscape Navigator(网景浏览器1.0)1995年微软公司发布 Internet Explorer1.0。1995年网景公司为适应市场变化,需要开发一门专门在浏览器运行的脚本语言,这个任务交给了布兰登,为了应付公司安排的任务他只用10天时间就提交了工作,并将这门语言命内Nept后来为了路5u...
2019-06-01 16:43:16
201
原创 动画制作1
动画引入想让一个块级元素的宽逐渐变大的动画效果,不用css3,用原生JS做的话,就要用定时器用offsetWidth能取到元素宽度offsetWidth定时器里不能用this取到对象如何解决呢?把this指向保存到一个变量里面,这样就不怕被定时器改成指向window了在定时器处理函数后面绑定改变this指向的函数bind,只绑定,不调用,到时候他点击的时候自己调用...
2019-05-29 21:23:00
158
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人