iscroll插件

前端开发

IScroll:滚动划屏类插件 原理就是css3的transform属性来模拟除了渐进原生的滚动插件 iscroll.min.js是最常用的版本,他是包含了下拉刷新,上拉加载等功能 iscroll-lite-min.js是移动端开发的版本,大小只有几kb,当然功能也进行了删减 iscroll-probe.js:当你需求滚动要求十分精确时候,采取使用 iscroll-zoom-min.js添加了对于zoom缩小放大监听 iscroll对于jquery的兼容性较好,对于swiper的兼容性较差 iscroll已经出到5.0版本 iscroll是一个js类型的插件,所以对类名,没有严格的要求

使用flex

html

使用flex: .box{ display: flex/inline-flex/-webkit-flex } flex-direction:主轴方向上的排列方向

html中的多媒体

html

html5中为了方便页面中引入音频和视频,audio|video 弊端:支持的格式比较少,早期有些支持格式还需要收费 audio 支持音频格式:mpeg-3,acc(wav),ogg controls:控制空间的显示隐藏 autoplay:自动播放 src:显示路径 loop:循环播放 pause:暂停 muted:静音 preload:预播放,在onload加载,在页面加载完成后加载,和autoplay只能有一个 audio兼容写法 <audio controls> <source src=''></source>

java环境变量设置

前端开发

- 第一步: 右击【我的电脑】---【属性】-----【高级】---【环境变量】 - 第二步: 【新建系统变量】,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径 - 第三步: 设置Path变量 最前边输入”%JAVA_HOME%in;“

前端http请求总结

前端开发

原生js-ajax使用方法 varhttp; window.XMLHttpRequest? http=newXMLHttpRequest(): http=newAtiveXObject('Microsoft.XMLHTTP'); http.onreadystatechange=function(){ if(http.readyState==400&&http.status==200){ //console.log(http.responseText); }; get方式: http.open('GET','http://wthrcdn.

css媒体查询

css

- width:浏览器可视宽度。 - height:浏览器可视高度。 - device-width:设备屏幕的宽度。 - device-height:设备屏幕的高度。 - orientation:检测设备目前处于横向还是纵向状态。 - aspect-ratio:检测浏览器可视宽度和高度的比例。(例如:aspect-ratio:16/9) - device-aspect-ratio:检测设备的宽

gulpfile

前端开发

此文章已删除,点击查看gulp文档,gulp

echarts demo

前端开发

此文章已删除,点击查看 官方demo

上手idea

前端开发

- idea编译插件(个人项目编译需要): lombok vcs annotations preloader - 快捷键 Alt + enter,自动导入jar包 Shift + F2,快速定位错误

php上传七牛云

七牛

requireonce DIR . '/../../upload/qiniusdk/autoload.php'; $filePath = DIR . '/temp'; // 引入鉴权类

swiper简单记录

前端开发

swiper是一个轮播图插件 它可以在移动端和pc端都可以使用的轮播图插件,不推荐在pc端使用 可以利用sweiper来实现一些微场景

上手webstorm

前端开发

好用命令: shift+enter:切换下一行 ctrl+shift+backspace:返回上次编辑位置 shift+F10:运行项目 alt+←/→:切换选项卡 alt+上下箭头:上下方法 ctrl+shif+c:复制文件位置 Ctrl + Shift + U:切换大小写

canvas基础

前端开发

- 简介 在js中进行图片的绘制 往往用于全屏类的动画和小游戏的制作和图标的绘制 - 基本语法 <canvas width='400' height='500' id='canvas'></canvas> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); - canvas常用方法 ctx.beginPath():设置起始路径 ctx.closePath():自

一个百度地图的例子

前端开发

此文章已删除,点击查看,官网文档

css(三角形,箭头,省略号)

css

/*三角形*/ div { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-

标签

  • 全部
  • html
  • css
  • js基础
  • react
  • nodeJs
  • 前端开发
  • 娱乐
  • linux
  • windows
  • 关于我
  • mysql
  • 七牛
  • 微信
  • vue
  • git
  • webpack
  • 小程序
  • docker
  • python