- 博客(31)
- 收藏
- 关注
RSS订阅
原创 arcgis for js 添加自定义叠加图片到地图坐标点上
arcgis for js 地图显示坐标点 使用多个叠加组合图片（canvas绘制自定义图标）
2023-12-11 13:53:04
862
原创 前端绘制动画（svg）
如何优雅嵌入动画到前端页面？通常情况下，对于一些简单的有规则的图形，可以使用css直接编写图形，给这个元素添加动画规则即可（可参考文章3d转动正方体）。但是当要给一个比较复杂的矢量图形添加动画时，以上方法显然是不可行的。便捷方法：将要添加动画的图标转化成svg格式，打开svg文件，复制svg代码到你的项目中来。（以下我使用svg在线编辑器绘制的图形）<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
2022-03-28 17:39:28
1887
1
原创 移动端有时候触发不了touchend 使用event.preventDefault()后页面无法滚动
使用移动端设备监听手指触摸事件时发现有时候无法触发touchend事件，因此在监听touchend事件时通过 阻止页面默认事件 event.preventDefault()来实现事件监听，但是发现页面的滚动事件也被阻止了。怎么样既不会阻止页面滚动又可以监听手指抬起事件？通过查看资料发现元素上绑定了touchcancel和touchend两个事件：1、长按后不移动直接抬起手指，触发的是touchcancel；2、长按后轻轻移动一下再抬起手指，触发的是touchend；针对这细微的变化实际上用户很难去.
2021-12-31 16:25:57
1779
1
原创 移动端页面自适应布局（rem布局）
根据设计稿宽度750px，如何布局自适应各移动端设备？1、首先自定义一个font-size：16px；此时有 1rem = 16px；可以用font-size去定义最小单位，使用rem单位计算宽度/高度。根据设计稿去计算布局，此时的rem单位只能适配宽度像素为750px的设备，不具备适应各种移动端设备。2、根据css3自适应布局单位vw已知：100vw = 100% （视口宽度）； 100vh = 100% (视口高度)对于不同设备可视视口比例大小不同，但是vw总能代表该视口宽度比例以设计稿75
2021-07-08 11:44:40
534
原创 leetcode 贪心算法 jump-game（JavaScript）
给出一个非负整数数组，你最初在数组第一个元素的位置数组中的元素代表你在这个位置可以跳跃的最大长度判断你是否能到达数组最后一个元素的位置例如A =[2,3,1,1,4], 返回 true.A =[3,2,1,0,4], 返回 false
2020-07-13 12:03:56
385
原创 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
2020-06-27 22:51:57
579
原创 微信公众号开发之：实现微信扫一扫
引入js文件<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>通过jssdk配置接口注入权限验证配置wx.config({ debug: false, appId: "", // 公众号唯一标识 timestamp: "", // 生成签名的时间戳 nonceStr: "", // 生成签名的随
2020-06-20 19:28:04
615
原创 JavaScript事件委托
事件委托机制原理利用事件冒泡传播机制完成。（mouseenter、mouseleave等不会冒泡）什么是事件冒泡？事件冒泡：结构上嵌套关系的元素（非视觉上），会存在时间冒泡的功能，即同一事件，自子元素冒泡向父元素。例：假如界面中存在这样一个嵌套关系： <div id="red"> <div id="blue"> <div id="green"> </div> <
2020-06-14 16:06:09
193
1
原创 Ajax：告别“单击--等待”的交互模式
文章目录Ajax （Asynchronus Javascript and XML）XMLHttpRequest 对象Ajax-HTTP请求请求过程（7个步骤）一个HTTP请求组成（4个部分）一个HTTP响应组成（3个部分）XMLHttpRequest 发送请求XMLHttpRequest 取得响应封装Ajax发送请求Ajax （Asynchronus Javascript and XML）即异步的JavaScript和XMLAjax不是某种编程语言，而是一种在无需重新加载整个页面的情况下能够重新更新部
2020-06-06 16:14:25
347
1
原创 文件媒体类型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
2020-06-06 15:36:51
604
原创 json : javascript对象表示法
JSON (javascript object notation)json 是存储和交换文本信息的语法，类似XML。它采用键值对(key => value)形式来组织，易于阅读和编写。json 是一种传输数据的格式。以对象为模板，其本质就是对象，但用途有区别，对象是作用于本地，而json 是用来传输的。json 是独立于语言的，也就是不管什么语言都能解析json，只需按照json 规则来就行。json 语法规则：书写规则： “姓名” : “值”；// ( “key” : “value”
2020-06-06 14:51:18
887
原创 mysql中的事务
什么是事务？举个例子，小王有金额5000，今天他手机转账给员工小李发奖金1000元。当小王点击汇款时，他的账户减少1000，但是在发送的过程中网络不稳定，导致汇款没到小李的账户，那么这1000元去哪了？事务的出现就可以帮我们解决这类问题，事务主要用于处理操作量大，复杂度高的数据。每条SQL语句都是事务事务只对DML语句有效，对DQL无效。...
2020-05-30 20:04:59
843
原创 关于 use strict 严格模式
严格模式（strict mode）是JavaScript定义的一种不同的解析与执行模型。ECMAScript 5引入了严格模式，在此模式下，关于ECMAScript 3中的一些不确定的行为将得到处理，对一些不安全的操作也会抛出错误。"use strict"; //启用严格模式看似字符串，其实是一个编译指示，告诉支持的JavaScript引擎切换到严格模式。可以说严格模式为JavaScr...
2020-05-17 17:53:28
631
原创 求无重复字符的最长子串（JavaScript）
题目：给定一个字符串，请你找出其中不含有重复字符的最长子串的长度。示例1：输入： “abcabcdc”输出： 4示例2：输入： “aabbcd”输出： 3示例3：输入： “aaaa”输出： 1思路：遍历字符串，当遍历到的项与前面出现的项重复时，记录此时的字符串长度并删除与该项重复的前面的项，继续遍历。最后判断最长子串。以示例1为例：不含有重复字符的 最长子串 的长度为len2即为4解答：var lengthOfLongestSubstring = function(s) {
2020-05-17 15:26:01
1147
原创 怎么实现无缝轮播图？用原生js写一遍
用原生js实现无缝轮播图index.js：var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'), divDots:document.querySelector('.circle'), divDirection:document.q...
2020-05-03 17:38:13
708
原创 用原生js实现放大镜功能
html：由于样式简单，所以将css样式内嵌于html <title>放大镜</title> <style type="text/css"> .small{ width:350px; height:350px; border:1px solid #999; float:left; position:relative; ...
2020-05-03 16:17:47
627
原创 js类的创建和继承
要想了解js类的创建和继承，我们要先掌握js原型与原型链。简单介绍一下js原型：JavaScript规定，每一个函数都有一个prototype对象属性，其指向另一个对象（原型链上）。prototype上的所有属性和方法，都会被构造函数的实例继承。我们可以把不变的公用的属性和方法，直接定义在prototype对象属性上。原型链：实例对象与原型之间的连接，叫做原型链。__ proto _...
2020-04-24 15:11:08
5846
原创 css3 手写正方体实现3D旋转
html： <div class="container"> <div class="back"></div> <div class="prev"></div> <div class="bg1"> <div class="item">bg...
2020-04-21 21:16:38
630
原创 css3 animation实现硬币3D旋转
html： <div class="container"> <div class="back"></div> <div class="middle"></div> <div class="front"></div> </div>css：...
2020-04-21 15:34:27
1375
原创 cookis，localStorage，sessionStorage区别？
1. 关于生命周期cookie：可设置失效时间，在失效时间内有效。默认为一次回话（即浏览器窗口被关闭）后失效。localStorage：永久有效，除非手动清除。sessionStorage：仅在当前网页回话下有效，关闭网页浏览器后会被清除。2. 关于存放数据cookie：有存储大小限制，一般为4K左右。localStorage，sessionStorage：有存储大小限制，但比cook...
2020-04-21 14:42:21
358
原创 vue项目实现用户登录认证
本项目是在node环境下用vue-cli3搭建根目录下创建server文件夹，用来创建后台api接口连接数据库：server / db.jsmodule.exports = { mysql: { host: 'localhost', user: 'root', password: '1234', database: 'mydb', port: '3306', mu...
2020-04-21 14:10:05
1735
原创 输入一个URL到这个页面呈现出来，这个过程发生了什么？
这里写自定义目录标题在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？题外在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存 --> 系统缓存 --> 路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录，...
2020-04-19 14:32:19
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人