JavaScript
Altaba
技能尽如人意,但求无愧于心
展开
-
CPU、进程、线程之间的关系
欢迎来到Altaba的博客…今天看到一篇非常通俗易懂的介绍,CPU、进程、线程之间的关系,js为什么是单线程,以及宏任务和微任务。迫不及待的给大家一个入口,后续如果可以我这边会迁移一下原作者的文档内容,先给上链接地址点这里,你想了解的相关知识...转载 2019-10-30 10:01:11 · 341 阅读 · 1 评论 -
JavaScript判断对象是否含有某个属性
欢迎来到Altaba的博客 2017年2月19日1:通过hasOwnProperty方法判断2:in运算符3:propertyIsEnumerable()方法4:!==undefined总结:in 自身存在的属性,继承的属性,返回truehasOwnProperty() 自身存在的属性返回true,继承属性返回falsepropertyIsEnumerabl转载 2017-02-19 16:32:41 · 2129 阅读 · 0 评论 -
JavaScript对象,JSON对象,JSON字符串之间的相互转化大全{包含三者的具体介绍和定义}
欢迎来到Altaba的博客 2017年12月22日1、什么是json? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。2、json的格式? JSON建构于两种结构: (1)“名称/值”对的集合 对象 (2)值的有序列表 数组 数据以名称/值原创 2017-12-22 17:14:49 · 1297 阅读 · 0 评论 -
websocket断开重连解决方案,基于子慕大诗人博客修改 健壮强化版
欢迎大家来到Altaba的博客 2017年11月27日相信随着H5的演进,我们越来越多接触到websocket的使用,本身就使用此技术并不难,但是在开发中会遇到各种无法预测的原因,有浏览器兼容问题,有后台的意外断开,状态百出。本人前端开发遇到这样的问题:websocket部分使用了nginx服务,默认配置是60s,就是60s,如果一直没有数据传输,连接会在过了这个时间之后自动关闭。解转载 2017-11-27 14:43:16 · 13313 阅读 · 2 评论 -
原生js实现和jQuery实现 屏幕自由滚动广告 悬浮停止
欢迎来到Altaba的博客 2017年12月15日相信大家都见过某一个网页出现一个广告小方框,像气泡一样滚动在屏幕上,鼠标放上去就停止了还可以做一些操作,本人在工作时候基于一些需求动手实现了这个效果,写了两套,原生js实现和基于jQuery插件实现的,有需要请参阅以下代码 漂浮广告代码 #thediv { z原创 2017-12-15 11:31:52 · 1847 阅读 · 0 评论 -
webpack4 + react + react-bootstrap + bootstrp配置及使用(附源码)
欢迎来到Altaba的博客 2018年5月9日首先附上package.json配置信息{ "name": "webpack4", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev"原创 2018-05-09 10:41:37 · 2013 阅读 · 2 评论 -
new Date safari不支持
欢迎来到Altaba的博客 2018年5月2日1、开发中,遇到数据格式转换问题,要把SQL中的datetime格式时间(yyyy-mm-dd)在原有基础上加一天,采取方法是将datetime格式转换为时间戳,然后将时间戳加上 1000 * 60 * 60 * 24,然后再转换为datetime格式时间,发现Safari浏览器竟然不支持这样的格式,所以当你输入如下语句时,会返回空的时间或者NaN,n...原创 2018-05-02 20:32:17 · 597 阅读 · 0 评论 -
js 判断变量类型(完整版),包括ES6 新类型Symbol
欢迎来到Altaba的博客...相信大家在开发中遇到需要判断变量类型的问题,js变量按存储类型可分为值类型和引用类型,值类型包括Undefined、String、Number、Boolean,引用类型包括object、Array、Function,具体差距请参阅本人另一博客直接上辨别类型的封装函数function varType(n) { var typeStr = Object....原创 2018-05-22 15:14:05 · 3151 阅读 · 0 评论 -
接口数据问题导致的前端界面样式错乱 (解决前端BUG思路)
欢迎来到Altaba的博客 2018年6月8日今天在维护老版的新闻监测项目时候,发现一个问题,列表数据样式错乱了,我第一反应是自己是不是自己不小心动了js里面那个拼接字符串部分,少了什么闭合标签(页面列表数据都是通过拼接字符串动态加载到页面的,这个项目我是维护的,维护拼接字符串这块真的好累呀)简单介绍下自己平时改BUG思路,问题来了首先是要找到问题所在(此处省略10000字),逐步缩小范围,然后...原创 2018-06-08 10:58:15 · 3279 阅读 · 1 评论 -
angularJS 单击ng-click和双击ng-dblclick嵌套或者出现在同一元素 避免事件互相干扰方法
欢迎来到Altaba的博客 2017年11月22日在实际开发中遇到这样一问题:项目是基于angular开发的,表格中tr绑定了单击跳转事件 tr中每个td绑定了双击事件,当你想通过双击去操作td时候,发现总是会触发外部的双击事件,通过查阅资料,测试各种解决办法,一下代码为本人测试,拓展了同一元素上同时绑定单击和双击事件怎么排除互相干扰。欢迎遇到同样问题的童鞋参考解决原创 2017-11-22 16:15:14 · 5779 阅读 · 0 评论 -
js利用正则表达式筛选并获取字符串中的URL链接(只是筛选完整URL,单独域名不筛选)
欢迎来到Altaba的博客 2017年11月15日 有时候我们某些营销活动需要捕获用户输入的短信内容,内容中如果用户输入的某些链接,我们后台捕获通过运营商发送的时候是需要用新的配置好的链接(假设配置的链接长度都为22字)替换,导致营销者输入的链接和最后发送到用户手中的链接长度不一致,这时候前端提示营销者的短信字数就可能和实际消耗的短信字数不一致,怎么办,前端这边必须精准提示实际将会发送的短信字数原创 2017-11-15 14:21:18 · 23731 阅读 · 0 评论 -
jQuery js脚本控制页面滚动到指定dom位置
欢迎来到Altaba的博客 2017年11月2日近期在优化一个交互体验,当早顶端点击按钮多下列表某项数据(列表很长,出现滚动条)进行操作,操作完页面自动滚动到刚刚操作项位置,运用jQuery完美实现下面是demo源码,欢迎有需要的人参考使用 Title .box{ height: 100px;原创 2017-11-02 16:17:17 · 8628 阅读 · 1 评论 -
getClientRects 和 getBoundingClientRect 的用法和区别
欢迎来到Altaba的博客 2017年2月19日getClientRects获取元素占据页面的所有矩形区域 描述:getClientRects 返回一个TextRectangle集合,就是TextRectangleList对象。TextRectangle对象包含了, top left bottom right width height 六个属性TextRectangle转载 2017-02-19 16:09:34 · 5266 阅读 · 0 评论 -
jQuery对象和原生JavaScript对象不能混用的问题及其相互转化
欢迎来到Altaba的博客 2017年2月28日14:09:57 相信大家在使用jQuery时候会发现 jQuery实在是太方便了 封装了好多方便的方法提供调用 我们需要实现什么后台逻辑或者判断的时候 直接拿来就用,真是懒人的必备啊 但是用多了你会发现 你在用jQuery选中的对象去调用JavaScript原生的方法时候会报错 用JavaScript选中的DOM对象也是调用不了jQu原创 2017-02-28 15:35:47 · 1473 阅读 · 0 评论 -
使用JavaScript修改伪类样式的方法
欢迎来到Altaba的博客 2017年2月19日项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。HTMLHi, this is a plain-old, sad-looking paragraph tag.CSS.red::bef转载 2017-02-19 16:11:58 · 7828 阅读 · 1 评论 -
表格td使用百分比宽度 超出显示省略号,鼠标悬浮显示完整信息。样式设置,难点分析
欢迎来到Altaba的博客 2017年2月20日大家在前端编写过程中,难免会遇到表格问题,要求不高的话表格相信大家会首选bootstrap里面的样式,响应式的表格大小是最省事的,可是前端工作中难免会遇到一些奇葩的需求,这时候对于喜欢编写js代码突然去研究CSS的样式问题,会烦死,下面是本人为了解决:表格大小要响应式,每个td占用的大小用百分比确定好,虽然宽度大小会随着页面大小变化,但是对应的宽原创 2017-02-19 16:59:07 · 9969 阅读 · 0 评论 -
JS常见实用算法,不断更新中,欢迎大家提意见
Q1**判断一个单词或者数字是否是回文** 很多人拿到这样的题目非常容易想到用for 将字符串颠倒字母顺序然后匹配就行了。其实重要的考察的就是对于reverse的实现。其实我们可以利用现成的函数,将字符串转换成数组,这个思路很重要,我们可以拥有更多的自由度去进行字符串的一些操作。 /*split(“”)分割字符串,返回一个由字符串每个字符组成的数组 *原创 2017-01-13 16:20:55 · 517 阅读 · 0 评论 -
页面分享到各个社交平台的插件
欢迎来到Altaba的博客,2017年4月25日20:23:12相信大家在开发的过程中都遇到过需要将当前的页面分享到某一社交平台上,在开发中,我遇到这样公共的可以导入的js插件,地址如下,大家可以到GitHub上下载或者直接引用http://dreamsky.github.io/main/blog/common/init.js">原创 2017-04-25 20:31:32 · 3101 阅读 · 0 评论 -
npm介绍及常见命令
欢迎来到Altaba的的博客,2017年8月20日相信一个优秀的前端开发工程师如果不知道使用node.js的npm下载插件进行辅助开发都不能跟上前端发展趋势。首先,我来一一带大家踏入前端npm使用道路1、什么是npmnpm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)NPM是随同NodeJS一起安装的包管理工具,能原创 2017-08-21 00:36:05 · 8476 阅读 · 0 评论 -
js 拼接HTML字符串 onclick事件传多个参数问题
欢迎来到Altaba的博客 2017年10月27日问题:烦躁工作让技术博客停了好久才更新,实在对不住大家和自己了,今天重新捡起来 直接上源码 js字符串拼接onclick出现的问题 function show(a,b) { //console.log(a.name); //console.原创 2017-10-27 14:54:03 · 24515 阅读 · 0 评论 -
简单倒计时实现,精确到到天,时,分,秒,具体可自行设置
欢迎来到Altaba 的博客不废话,直接上代码,代码虽然简单,能给读者带来点丝毫的便利也是好的。 倒计时实现 .ddd{ width: 700px; height: 100px; margin: 100px auto; text-align: ce原创 2017-01-17 16:54:49 · 2307 阅读 · 0 评论