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