Altaba-CSDN博客

原创 js 函数的length 和函数内部argument的length

欢迎来到Altaba的博客…今天遇到一个一个需求，怎么知道函数的行参的数量，查阅了解到可以通过function.length拿到，进而对比了下和argument.length的区别。 // 当参数是行参是扩展运算符时候 function argus(...arg) { return arguments.length; } function argus2(a, ...

2020-01-09 23:06:41 752

原创 JavaScript 拷贝函数方式

欢迎来到Altaba的博客…今天是2020年1月9日晚，今天又是一个充实的一天，整理了最近遇到的一些前端知识点，这篇博客介绍一下在js 中怎么去深拷贝一个函数。function func(a, b, c) { return a * b * c;}// 方式1，很多函数库都是用这个方法var closeFunc = new Function('return ' + func....

2020-01-09 22:43:56 5471 7

原创蚂蚁金服最新前端面试内容

欢迎来到Altaba的博客…今天是2019年的1月8日晚，今天晚上有幸约了杭州阿里蚂蚁金服的前端社招面试，和面试官的交流挺好，故在此记录下一些面试内容，希望能给大家一些帮助。大致的流程如下：首先居然没有自我介绍，害我白准备一场。看到的我简历工作都是在上海这边，问这个岗位base杭州是否能接受？我说能。（是个人都说能吧[表情]）问我是17年毕业的，从事前端也有快三年，是一直...

2020-01-09 00:13:23 2132

原创关于 Angular—OnPush策略的变更检测

关于 Angular—OnPush策略的变更检测当组件通过在@Component中添加 changeDetection: ChangeDetectionStrategy.OnPush，变更检测的变化：#####不会触发的情况：请求服务端数据，如xmlHttpRequest 回调中修改数据，不会触发变更检测，后续的该数据触发数据渲染也会延迟一步定时事件，比如setTimeout，se...

2019-11-06 20:41:59 1145

转载 CPU、进程、线程之间的关系

欢迎来到Altaba的博客…今天看到一篇非常通俗易懂的介绍，CPU、进程、线程之间的关系，js为什么是单线程，以及宏任务和微任务。迫不及待的给大家一个入口，后续如果可以我这边会迁移一下原作者的文档内容，先给上链接地址点这里，你想了解的相关知识...

2019-10-30 10:01:11 323 1

原创 iconfont 字体图标 angular 封装引用 font-class引用和symbol引用

hello，大家好，欢迎来到Altaba的博客先来讲解 symbol引用最新项目中，要用到彩色字体图标做表情，故在项目中使用了阿里巴巴的iconfont 按照官网的使用方式如下：angular中顺序是：第一步：建议使用本地symbol代码（1）下载好iconfont网站的图标，解压，将iconfont.js 放到 assets目录下，可以自己建一个font文件夹存放这个文件；（2）...

2019-10-29 17:05:21 1356 2

转载 nodejs使用redis 常见命令大全

欢迎来到Altaba的博客…redis是非常好用的中间件数据库，可以在频繁操纵数据库时候起到非常大的优化作用，我在使用后端做即时通讯聊天功能时候，利用了redis做消息缓存，简直真香警告！建议初学者都可以去熟悉下redis以下是常见的nodejs 中使用redis，使用简单，欢迎查阅首先安装 npm install redis --savedemovar redis = require...

2019-09-29 15:12:11 2429

原创 linux命令增删改查文件或者文件夹，Mac通用

欢迎大家来到Altaba的博客好久没更新啦，最近一直在忙这做业务，日常的技术点都整理在其他地方，后面会抽出时间来迁移下。最近学习了下linux命令，不用不知道，熟练起来是真香，故在此记录一些简单的，希望对即时查询的朋友带来一些帮助linux命令-增删改查文件或者文件夹文件夹操作：增：mkdir folderName // 即可在当前目录下创建一个folderName文件夹mkdir...

2019-09-29 14:50:20 209

原创 ionic4 ionInfinite 滚动加载遇到的坑详解

欢迎来到Altaba的博客间，20190308今天是2019年的女神姐，转眼间2019年都3月8号， 2019年的计划继续…随公司项目，开发移动端app,技术使用 angular7+ionic4，期间使用到了ionic4的滚动加载组件<ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)"> ...

2019-03-08 17:20:19 2643 3

原创 HTML attribute 和 DOM property 关系与区别

欢迎来到Altaba的博客，20190115日常开发中使用到angular Renderer2渲染器，Renderer2有setAttribute() 和 setProperty() 两个修改元素属性的方法，官网并未对此做对比。发现setAttribute()方法在某些情况下无法修改radio的checked属性，顾花了一些时间研究了下HTML attribute 和 DOM property...

2019-01-15 23:23:43 651

原创 Angular2+ 及 typescript 日常开发问题及技巧总结

Angular2+ 及 typescript 日程开发总结1、for in 判断是否有某个属性for (const fieldName of Object.keys(myObject)) {}// fieldName 为属性名称，myObject为你想判断的对象2、[(ngModel)] 和（ngModelChange）html中书写顺序导致的ngModelChange($event...

2019-01-11 11:09:15 608

原创 css变量基础知识整理

css变量基础知识整理css变量，欢迎观看Altaba的博客前言： CSS 变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的 var() 来访问。1、变量的声明及作用域css变量的声明是使用 “–”，区分大小写作用域之能是在当前声明的选择器下，可在内部元素中再次声明进行覆盖，同css属性html { --fan:...

2019-01-03 00:25:38 421

原创 angular 组件样式覆盖方式 angular2+

#angular自定义组件样式及修改第三方组件样式文章内容技术介绍修改方式技术介绍想要修改angular2+ 组件内部样式，先需要了解Angular 的 ViewEncapsulation，即封装模式，主要分为三种Native 原先浏览器 Shadow DOM 行为Emulated 仿真模式，通过 Angular 来模拟类似 Shadow DOM 的行为，angu...

2018-12-18 15:37:18 3432

原创 angular6 数组遍历项进行双向绑定丢失焦点问题解决

欢迎来到Altaba的博客学习angular6，漫长并充实的过程，今日发现一个问题数组['aaa','bbb','ccc']遍历后，每个项都和input进行双向绑定，为什么改变input值，这个数组里面的项（值变量）不改变；如果是[{a:'aaa'},{b:'bbb'},{c:'ccc'}],这样的项（引用型变量）遍历后每个项进行双向绑定就可以实现表单改变项的值，数组也改变办法总比困难...

2018-11-14 22:25:36 2564 3

原创新版本印象笔记 && markdown语法大全！！！

印象笔记支持 markdown了！！！欢迎来到Altaba的博客 2018年8月23日晚喜欢印象笔记的朋友们肯定很无奈，markdown这么好的技术为什么印象笔记迟迟不做支持，有好多小伙伴抱怨说，再不支持我就要抛弃印象了，这不！再用户的大力声讨下，印象笔记终于支持了markdown编写了，Altaba在此第一时间捣鼓测试了下给上教学，希望对大家有帮助。话不多说，直接上教学...

2018-08-23 22:40:50 7102 2

原创 angular6 项目的创建（1）

欢迎来到Altaba的博客，2018年8月3日跟随公司前端框架升级，借此平台分享angular6学习心得，不求绝对正确，但求上传皆为耐心测试过

2018-08-10 09:30:15 441

原创 bootstrap4 使用及常用样式详细整理 (依照官网翻译)

&nbsp; bootstrap4常用样式整理简介 Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插...

2018-08-01 09:27:56 14043

转载欢迎使用CSDN-markdown编辑器（altaba）

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...

2018-08-01 09:25:10 194

原创接口数据问题导致的前端界面样式错乱（解决前端BUG思路）

欢迎来到Altaba的博客 2018年6月8日今天在维护老版的新闻监测项目时候，发现一个问题，列表数据样式错乱了，我第一反应是自己是不是自己不小心动了js里面那个拼接字符串部分，少了什么闭合标签（页面列表数据都是通过拼接字符串动态加载到页面的，这个项目我是维护的，维护拼接字符串这块真的好累呀）简单介绍下自己平时改BUG思路，问题来了首先是要找到问题所在（此处省略10000字），逐步缩小范围，然后...

2018-06-08 10:58:15 3225 1

原创 js 判断变量类型（完整版），包括ES6 新类型Symbol

欢迎来到Altaba的博客...相信大家在开发中遇到需要判断变量类型的问题，js变量按存储类型可分为值类型和引用类型，值类型包括Undefined、String、Number、Boolean，引用类型包括object、Array、Function，具体差距请参阅本人另一博客直接上辨别类型的封装函数function varType(n) { var typeStr = Object....

2018-05-22 15:14:05 3120

原创 webpack4 + react + react-bootstrap + bootstrp配置及使用（附源码）

欢迎来到Altaba的博客 2018年5月9日首先附上package.json配置信息{ "name": "webpack4", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev&quot

2018-05-09 10:41:37 1994 2

原创 CSS，CSS3实现画出三角形元素

欢迎来到Altaba的博客 2018年5月9日前端页面偶尔需要有三角形图标或者三角形样式，现在图标的三角形大多用字体图标去实现了，但是有些大的三角形模块还是需要前端运用CSS样式去画出来的，下面介绍各种角度的三角形css样式代码，希望能对大家带来帮助1：triangle-up#triangle-up { width: 0; height: 0; b

2018-05-09 09:56:50 494

原创 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 565

原创怎么在nodejs服务里面调用外部接口，get和post方式

2018年1月22日欢迎来到的Altaba的博客众所周知node是打破前端壁垒最快捷的途径，项目开发中需要写一个nodejs+express+mongodb记录浏览网页的信息，但是由于公司前期未计划到这步，所以有些数据需要调用后端同事的api把一些MongoDB数据实时传入后台，故我这边nodejs中要不定时的做ajax请求调用外部的api（非nodejs API），实现如下：利用n

2018-01-22 18:37:39 10174

原创 nodejs express 获取客户端的真实ip和域名存储到mongodb

2018年1月15日欢迎观阅Altaba的博客本人在开发过程中，遇到需要利用nodejs +express + mongodb 去存储数据，数据包括获取请求者的真实ip和域名，从没玩过MongoDB，和很少开发nodejs项目的我为了实现项目需求，自己一个人捣鼓，这其中辛苦可能也只有小公司程序员才能领会到，好，吐槽到此为止，下面为大家介绍怎么通过nodejs express框架去获取到真

2018-01-15 19:24:22 13034 7

原创 JavaScript对象，JSON对象，JSON字符串之间的相互转化大全{包含三者的具体介绍和定义}

欢迎来到Altaba的博客 2017年12月22日1、什么是json？ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。2、json的格式？ JSON建构于两种结构：（1）“名称/值”对的集合对象（2）值的有序列表数组数据以名称/值

2017-12-22 17:14:49 1261

原创原生js实现和jQuery实现屏幕自由滚动广告悬浮停止

欢迎来到Altaba的博客 2017年12月15日相信大家都见过某一个网页出现一个广告小方框，像气泡一样滚动在屏幕上，鼠标放上去就停止了还可以做一些操作，本人在工作时候基于一些需求动手实现了这个效果，写了两套，原生js实现和基于jQuery插件实现的，有需要请参阅以下代码漂浮广告代码 #thediv { z

2017-12-15 11:31:52 1802

转载 websocket断开重连解决方案，基于子慕大诗人博客修改健壮强化版

欢迎大家来到Altaba的博客 2017年11月27日相信随着H5的演进，我们越来越多接触到websocket的使用，本身就使用此技术并不难，但是在开发中会遇到各种无法预测的原因，有浏览器兼容问题，有后台的意外断开，状态百出。本人前端开发遇到这样的问题：websocket部分使用了nginx服务，默认配置是60s，就是60s，如果一直没有数据传输，连接会在过了这个时间之后自动关闭。解

2017-11-27 14:43:16 13185 2

原创 angularJS 单击ng-click和双击ng-dblclick嵌套或者出现在同一元素避免事件互相干扰方法

欢迎来到Altaba的博客 2017年11月22日在实际开发中遇到这样一问题：项目是基于angular开发的，表格中tr绑定了单击跳转事件 tr中每个td绑定了双击事件，当你想通过双击去操作td时候，发现总是会触发外部的双击事件，通过查阅资料，测试各种解决办法，一下代码为本人测试，拓展了同一元素上同时绑定单击和双击事件怎么排除互相干扰。欢迎遇到同样问题的童鞋参考解决

2017-11-22 16:15:14 5711

原创 js利用正则表达式筛选并获取字符串中的URL链接（只是筛选完整URL，单独域名不筛选）

欢迎来到Altaba的博客 2017年11月15日有时候我们某些营销活动需要捕获用户输入的短信内容，内容中如果用户输入的某些链接，我们后台捕获通过运营商发送的时候是需要用新的配置好的链接（假设配置的链接长度都为22字）替换，导致营销者输入的链接和最后发送到用户手中的链接长度不一致，这时候前端提示营销者的短信字数就可能和实际消耗的短信字数不一致，怎么办，前端这边必须精准提示实际将会发送的短信字数

2017-11-15 14:21:18 23596

原创 jQuery js脚本控制页面滚动到指定dom位置

欢迎来到Altaba的博客 2017年11月2日近期在优化一个交互体验，当早顶端点击按钮多下列表某项数据（列表很长，出现滚动条）进行操作，操作完页面自动滚动到刚刚操作项位置，运用jQuery完美实现下面是demo源码，欢迎有需要的人参考使用 Title .box{ height: 100px;

2017-11-02 16:17:17 8549 1

原创 jQuery 实现单选按钮（radio）勾选和取消，使用prop()代替attr() 踩坑博客

欢迎来到Altaba的博客 2017年11月1日很多时候，我们需要原因js脚本去操控一排单选按钮，获取后台数据显示当前项的某个设置值，通过单选框显示，进而还能够通过修改勾选单选按钮去修改这个项的值，由于整个项目前端是通过jQuery实现，果断想到使用attr（）方法去实现修改单选按钮checked属性，谁知道遇到一系列无法想象的奇怪问题比如：手动修改单选按钮，后无法通过jQuery的at

2017-11-01 11:58:35 11905 3

原创 js 拼接HTML字符串 onclick事件传多个参数问题

欢迎来到Altaba的博客 2017年10月27日问题：烦躁工作让技术博客停了好久才更新，实在对不住大家和自己了，今天重新捡起来直接上源码 js字符串拼接onclick出现的问题 function show(a,b) { //console.log(a.name); //console.

2017-10-27 14:54:03 24284

原创全面理解解析line-height: 150%和line-height: 1.5em和line-height: 1.5rem和line-height: 1.5的区别

欢迎来到Altaba的博客 2017年9月7日很开心今天能抽点时间解析这个CSS样式行高的问题，相信行高如果设置具体的大小是很好确定的，当设置为上面这四个相对单位的时候，可能就有点凌乱没有对比就没有区别，没有求真就没有进步，本人致力于为大家提供最准确的前端技术解答先上代码： Title div div{ d

2017-09-07 16:26:44 4504

原创 npm介绍及常见命令

欢迎来到Altaba的的博客，2017年8月20日相信一个优秀的前端开发工程师如果不知道使用node.js的npm下载插件进行辅助开发都不能跟上前端发展趋势。首先，我来一一带大家踏入前端npm使用道路1、什么是npmnpm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）NPM是随同NodeJS一起安装的包管理工具，能

2017-08-21 00:36:05 8385

原创关于table设置百分比单位无法实现响应式的问题---强制換行

欢迎来到Altaba的博客 2017年8月10日今天来说一下自己在工作中遇到的一个小坑，工作中需要通过邮箱给用户发送一个html页面，为了满足样式布局在邮箱中能正常显示，很多样式都不能起到作用，布局都是采用很古老的table进行布局，整体单位采用百分比设置，使用媒体查询进行不同尺寸适配合适的样式，前期给用户生成的html邮件都是满足不同设备浏览的，直到最近遇到一个反馈，给客户发送的一个ht

2017-08-10 11:10:48 1728

原创关于nth-child()伪类选择器选取元素设置transform样式但是无法通过hover改变transform的问题

欢迎来到Altaba的博客 2017年5月27日22:56:46不多说，直接上问题代码HTML部分：鸽子王阳阳毕设院门王阳阳毕设 css部分： .photo-view:hover{ box-shadow:15px 1

2017-05-27 23:18:03 1476

原创页面分享到各个社交平台的插件

欢迎来到Altaba的博客，2017年4月25日20:23:12相信大家在开发的过程中都遇到过需要将当前的页面分享到某一社交平台上，在开发中，我遇到这样公共的可以导入的js插件，地址如下，大家可以到GitHub上下载或者直接引用http://dreamsky.github.io/main/blog/common/init.js">

2017-04-25 20:31:32 3068

原创 jQuery对象和原生JavaScript对象不能混用的问题及其相互转化

欢迎来到Altaba的博客 2017年2月28日14:09:57 相信大家在使用jQuery时候会发现 jQuery实在是太方便了封装了好多方便的方法提供调用我们需要实现什么后台逻辑或者判断的时候直接拿来就用，真是懒人的必备啊但是用多了你会发现你在用jQuery选中的对象去调用JavaScript原生的方法时候会报错用JavaScript选中的DOM对象也是调用不了jQu

2017-02-28 15:35:47 1422

原创正则表达式常见实用大全（有你想要的）

欢迎来到Altaba的博客 2017年2月22日15:57:56众所周知正则表达式在表单验证和涉及到字符处理的地方发挥的作用实在是太强大，由于其方便简单高性能深受大家的热爱，但是，要求自己去写一个满足复杂逻辑的正则表达式，恐怕没几个人能写的出来（博主肯定写不出来）。所以总结好的常规的正则表达式就好像干粮一样，掏出来就能吃。为大家准备的干粮，拿走不谢。匹配中文字符的正则表达式： [u

2017-02-22 15:58:05 397

空空如也

空空如也