前端绘制动画（svg） 如何优雅嵌入动画到前端页面？通常情况下，对于一些简单的有规则的图形，可以使用css直接编写图形，给这个元素添加动画规则即可（可参考文章3d转动正方体）。但是当要给一个比较复杂的矢量图形添加动画时，以上方法显然是不可行的。便捷方法：将要添加动画的图标转化成svg格式，打开svg文件，复制svg代码到你的项目中来。（以下我使用svg在线编辑器绘制的图形）<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
移动端有时候触发不了touchend 使用event.preventDefault()后页面无法滚动 使用移动端设备监听手指触摸事件时发现有时候无法触发touchend事件，因此在监听touchend事件时通过 阻止页面默认事件 event.preventDefault()来实现事件监听，但是发现页面的滚动事件也被阻止了。怎么样既不会阻止页面滚动又可以监听手指抬起事件？通过查看资料发现元素上绑定了touchcancel和touchend两个事件：1、长按后不移动直接抬起手指，触发的是touchcancel；2、长按后轻轻移动一下再抬起手指，触发的是touchend；针对这细微的变化实际上用户很难去.
移动端页面自适应布局（rem布局） 根据设计稿宽度750px，如何布局自适应各移动端设备？1、首先自定义一个font-size：16px；此时有 1rem = 16px；可以用font-size去定义最小单位，使用rem单位计算宽度/高度。根据设计稿去计算布局，此时的rem单位只能适配宽度像素为750px的设备，不具备适应各种移动端设备。2、根据css3自适应布局单位vw已知：100vw = 100% （视口宽度）； 100vh = 100% (视口高度)对于不同设备可视视口比例大小不同，但是vw总能代表该视口宽度比例以设计稿75
leetcode 贪心算法 jump-game（JavaScript） 给出一个非负整数数组，你最初在数组第一个元素的位置数组中的元素代表你在这个位置可以跳跃的最大长度判断你是否能到达数组最后一个元素的位置例如A =[2,3,1,1,4], 返回 true.A =[3,2,1,0,4], 返回 false
thinkphp+Ajax文件上传/图片上传 thinkphp文件上传、图片上传使用 type=“file” 的元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上。<div class="col-sm-2">上传商品图片</div><div class="col-sm-10"> <input type="file" id="addfile" data-image=""></div>监听文件上传事件，利用Ajax提交上传的文件到服务器var addfile
微信公众号开发之：实现微信扫一扫 引入js文件<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>通过jssdk配置接口注入权限验证配置wx.config({ debug: false, appId: "", // 公众号唯一标识 timestamp: "", // 生成签名的时间戳 nonceStr: "", // 生成签名的随
JavaScript事件委托 事件委托机制原理利用事件冒泡传播机制完成。（mouseenter、mouseleave等不会冒泡）什么是事件冒泡？事件冒泡：结构上嵌套关系的元素（非视觉上），会存在时间冒泡的功能，即同一事件，自子元素冒泡向父元素。例：假如界面中存在这样一个嵌套关系： <div id="red"> <div id="blue"> <div id="green"> </div> <
Ajax：告别“单击--等待”的交互模式 文章目录Ajax （Asynchronus Javascript and XML）XMLHttpRequest 对象Ajax-HTTP请求请求过程（7个步骤）一个HTTP请求组成（4个部分）一个HTTP响应组成（3个部分）XMLHttpRequest 发送请求XMLHttpRequest 取得响应封装Ajax发送请求Ajax （Asynchronus Javascript and XML）即异步的JavaScript和XMLAjax不是某种编程语言，而是一种在无需重新加载整个页面的情况下能够重新更新部
文件媒体类型MIME Type MIMEType：文件媒体类型，浏览器可以根据MIME类型，选择以何种形式显示文件。常见的MIME类型：'xml' => string 'application/xml,text/xml,application/x-xml' 'json' => string 'application/json,text/x-json,application/jsonrequest,text/json''js' => string 'text/javascript,application/jav
json : javascript对象表示法 JSON (javascript object notation)json 是存储和交换文本信息的语法，类似XML。它采用键值对(key => value)形式来组织，易于阅读和编写。json 是一种传输数据的格式。以对象为模板，其本质就是对象，但用途有区别，对象是作用于本地，而json 是用来传输的。json 是独立于语言的，也就是不管什么语言都能解析json，只需按照json 规则来就行。json 语法规则：书写规则： “姓名” : “值”；// ( “key” : “value”
mysql中的事务 什么是事务？举个例子，小王有金额5000，今天他手机转账给员工小李发奖金1000元。当小王点击汇款时，他的账户减少1000，但是在发送的过程中网络不稳定，导致汇款没到小李的账户，那么这1000元去哪了？事务的出现就可以帮我们解决这类问题，事务主要用于处理操作量大，复杂度高的数据。每条SQL语句都是事务事务只对DML语句有效，对DQL无效。...
关于 use strict 严格模式 严格模式（strict mode）是JavaScript定义的一种不同的解析与执行模型。ECMAScript 5引入了严格模式，在此模式下，关于ECMAScript 3中的一些不确定的行为将得到处理，对一些不安全的操作也会抛出错误。"use strict"; //启用严格模式看似字符串，其实是一个编译指示，告诉支持的JavaScript引擎切换到严格模式。可以说严格模式为JavaScr...
关注
