自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 JS不可修改的原始值与可修改的对象引用

基于这一术语,对象值就是引用,对象是按引用比较的,换句话说,两个对象当且仅当它们引用同一个底层对象时,才是相等的。对象不同于原始值,对象是可修改的,即它们的值可以改变。对象不是按值比较的,两个不同的对象即使拥有完全相同的属性和值,它们也不想等。原始值是按值比较的,即两个值只有在他们的值相同的时候才是相同的。JS中的原始值(undefined,null,boolean,数值,字符串)与对象(数组和函数)有一个本质区别,原始值是不可修改的,即没有办法可以修改原始值。

2023-09-26 11:41:18 85

原创 JS 日期格式化 YYYY-MM-DD

将日期对象格式化封装在timeFormat方法中。

2023-09-26 10:58:22 243

原创 react 图片压缩工具(可下载)

react 图片压缩工具(可下载)

2022-05-19 18:57:58 571

原创 TS 与 JS vue 中对比

TypeScript常用数据类型1.Boolean: let isFlag: boolean = false;2.Number: let decLiteral: number = 6;3.String: let name: string = “bob”;4.Arry:(1)let list: number[] = [1, 2, 3];(2)let list: Array = [1, 2, 3];5.Any: let notSure: any = 4;6.Void:function war

2021-06-10 14:54:51 3406

原创 js调接口时,landing 加载图片

1.先写一个遮罩层和动态图片loading = { show: function () { var html = '<div class="loading_image aiabase parbase section" tabindex="-1"' + 'style="overflow: hidden; position: fixed;top: 0;right: 0;bottom: 0;left: 0;min-width: 320px;z-index: 1050;o

2021-03-12 18:23:53 186

原创 JQ引入本地Json 文件(格式化)并替换option

$.getJSON('url', function (res) { // change key // 引入的json文件关键字是a,b let keys = ["value", "data"]; var jsonData = res.map(function (item) { return { value: item.a, data...

2020-12-16 14:33:58 693

原创 String 字符的处理(字符提取,字符转数组,数组转字符)

字符长度 str.length是否存在某个字符str.indexOf(’。’)>-1 // true为存在截取字符var str=‘123456789’;str.substring(2,7)截取从第2位到第7位字符 34567str.substring(0,7)截取从第0位到第7位字符 1234567去掉最后一位 str = str.substr(0, str.length-1);提取数字var str=‘123ad45v6’;var num = parseInt(str.r

2020-11-04 16:47:45 281

原创 base64 + AES 前端加密解密代码实现

需要两个自己定义的值。一个是密钥key,一个是偏移量iv。1.页面引入js <script type="text/javascript" src="js/crypto-js.js"></script>2.加密函数var key= '' ;var iv= '' ;var test= '' ;//test是明文encrypt: function (text) { var key = CryptoJS.enc.Utf8.parse(key),

2020-11-04 15:43:39 1640

原创 JQ CSS 常用选择器及相关操作

普通选择器$(".error p") error类名下所有p标签$(".error .err") error类名下err类名$("#error .err") errorID名下err类名准确查找某个类名: window.getComputedStyle($(‘.xxxxx’))选择存在某个属性: $(".label-error").attr(‘name’)选择属性为某个值: $ ("[name$=‘paymentOption’]")选择可见: $(’.label-error:visibl

2020-11-04 15:24:40 160

原创 React map列表点击切换 classname(state)

React map 列表中点击切换 classname (state)1.首先需要map一个ul列表const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May','Jun','Jul','Ang','Sep','Oct','Nov','Dec'];const monItems = months.map((item,index) => <div className={index===this.state.isclick?'monthClick m

2020-11-03 17:34:25 719

原创 cordova+ext

1.cordova咳咳,Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个设备的功能,比如说:传感器、数据、网络状态等。以上来自cordova官方网站在我这小白看来,应该就是一个套子,将h5项目封装起来,使得在各个操作系统里面都可...

2019-12-19 17:40:45 156

原创 vue小总结

做vue四个月,然后狗带了,换到另一家现在在接触ios了,总觉得要总结一下vue吼吼1.数据驱动与双向绑定,这个我认为应该是vue里面的核心了,一定要理解,一个html里面最重要的就是data里的数据了,通过v-model就可以直接操作了,或者{{a}}这样可以直接用。这样的好处是,通过methods可以直接操作这些数据,而页面中数据有所改变时(例如input,或者select),所绑定的变量直...

2019-12-19 17:29:45 126

原创 vue-开发日记(了解api接口相关概念)

1.描述流程基本功能链条(1)客户端组装数据(2)客户端使用组装的数据请求服务端(霍操作系统的api)(3)服务端的api处理数据并返回结果如果对方需要你提供一个api,是指工程提供给另外一个工程的接口2.vue中的http请求如图,分为三部分,第一个请求,第二个then里面写方法,最后捕获异常,...

2019-07-10 16:10:29 574

原创 vue开发日记-mp3播放以及事件绑定(2)

1实现mp3播放功能详细的页面不说了,跟h5写法一样一样的,so easy功能的话,有一个事件绑定不太一样,mvc模式中,绑定事件用的是geTelementByID对吧,这种办法我行不通,我用的是mvvc模式中以数据为中心的想法,在标签后绑定数据以及方法,在data中对数据进行初始化,在methods中写方法操作数据,用这个思路呢,对标签进行操作就很方便了在网页中放一张图片,然后放一个...

2019-07-05 12:11:16 901

原创 vue开发日记--安装调试(1)

1.安装与配置先安装node.js这个就不说了,然后在需要创建的目录下启动命令行,直接在这里敲cmd回车就可以啦,然后输入常规操作,可以参考这个https://baijiahao.baidu.com/s?id=1621989444415819861&wfr=spider&for=pc然后creat新建一个vue项目,进入项目目录,用cnpm 淘宝镜像安装vant框架2....

2019-07-05 11:53:56 281

原创 arcgis开发小心得

1.引用acrgis的包时,一定要放在jQuery,bootstrap后面,最好也放在用到arcgis api的js后面,不然会报错2.用实例中的例子时要注意引入路径,版本有时会有变化3.最最难受的是3.x版本好多可以用的函数,4.xx用不了或者在犄角旮旯的地方找都找不到(哭死)多说一句,貌似3.版本适用于二维开发,4.版本适用于三维开发,4版本中的map,mapview是用在二维上的,sen...

2019-05-24 10:53:58 566

原创 web前端一些细节

1.前端里面的css~鼠标形状cursor:pointer(手)w-resize (水平调整)s-resize (竖直调整)move(移动)wait(缓冲)crosshair(精确选择/坐标)~ul默认点点<ul>:list-style-type:none(无)circle(圈圈)square(方块)lower-alpha(小写字母)upper-roman(古希腊字母)~选择...

2019-05-23 17:57:17 258

原创 web组件目录页

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="public/content/css/font-awesome/css/font-awesome.css"> <link rel="stylesheet" hre...

2019-05-22 18:30:04 229

原创 openlayer影像鹰眼图

需要注意的是引入如果只有ol.css和ol.js的话,import需要修改 import Map from 'ol/Map.js'; import View from 'ol/View.js'; import {defaults as defaultControls, OverviewMap} from 'ol/control.js'; import...

2019-05-22 18:28:14 590

转载 leaflet左右影像对比

leaflet左右影像对比<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>leafletdemo</title> <link rel="stylesheet" href="../leaflet/leaflet.css...

2019-05-22 18:23:37 710

原创 icon图标

图标网站:1.阿里巴巴矢量图标库https://www.iconfont.cn/2.fontawesome矢量图标库http://www.fontawesome.com.cn/3.arcgis矢量图标库https://github.com/Esri/calcite-ui-icons/tree/master/icons4.easyiconhttps://www.easyicon.ne...

2019-05-20 11:04:35 485

转载 左右拖拽div

代码展示 <style> body,html{ margin:0; padding:0; height:100%; } #box{ width:600px; height:500px; overflow:hidden; } #left{ width:calc(30% - 5px); height:100%; background...

2019-05-20 10:59:22 607 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除