- 博客(22)
- 收藏
- 关注
原创 JS不可修改的原始值与可修改的对象引用
基于这一术语,对象值就是引用,对象是按引用比较的,换句话说,两个对象当且仅当它们引用同一个底层对象时,才是相等的。对象不同于原始值,对象是可修改的,即它们的值可以改变。对象不是按值比较的,两个不同的对象即使拥有完全相同的属性和值,它们也不想等。原始值是按值比较的,即两个值只有在他们的值相同的时候才是相同的。JS中的原始值(undefined,null,boolean,数值,字符串)与对象(数组和函数)有一个本质区别,原始值是不可修改的,即没有办法可以修改原始值。
2023-09-26 11:41:18
85
原创 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关注的人