JS主题的文章列表，还有JS的技术要点_第378页

JS与IOS、安卓的交互

最近做的项目中涉及到了与安卓和ios的交互问题，对于一个新手来说，多多少少会有点迷糊。在调用安卓和ios的callback回调时，很轻松的就调用成功了，而且，步骤也不那么繁琐。刚开始，只知道那样使用可以调用他们封装好的方法，来执行得到想要的效果，但是其中的原理什么的没有过多了了解。但是今天，需要用到前端封装方法传递给i...

IT猿 ·2020-03-28

自定义标签&JSON数据处理

最近几日去参加一些面试，多多少少有一些收获。现将遇到的一些面试题，做一下分析和总结。 1、使用原生JS，不能使用递归，查找dom中所有以“<com-”开头的自定义标签tagName。1<!DOCTYPEhtml>2<htmllang="zh">34<...

IT猿 ·2020-03-28

JS实现两版本号大小比较

昨天，有一道面试题，要求是这样的：　　用你熟悉的编程语言，实现一个比较任意两个软件版本号大小的函数，如1.2.3a与1.2.4b进行比较，后者版本号更大，要求：不可以使用系统提示的比较函数；对于一个接触前端开发时间较短的初级前端来说，我还是认真仔细的思考了一下，下边便是我的代码 1<!DOCTYPEht...

IT猿 ·2020-03-28

JS的五大设计模式

*1.单例模式单例模式的定义：保证一个类仅仅有一个实例，并提供一个访问他的全局访问点。意义：有的时候，一些对象我们仅仅需要一个，比如说线程池、全局缓存、浏览器中的window对象，我们在前端也经常会使用到单例，当我们点击登录按钮的时候，我们会出现一个登录的副创，这个浮窗是唯一的，无论我们点击多少次，这个浮窗仅仅会被创建...

开发笔记 ·2020-03-28

viewerjs 在html打开图片或打开pdf文件使用案例

开发者常用到在线访问pdf,txt，浏览图片的插件，这里推荐viewer.js这个插件，简单好用。它的核心亮点就是查看图片和pdf功能。老早以前就用过的，昨天一个小伙伴问我Android开发在线浏览pdf怎么弄？我一下想到这个插件，帮人搞出来了，感觉这个还是得总结一下才好，不然觉得简单又容易忘记。1.使用viewerj...

IT猿 ·2020-03-28

用echartsjs 实现动态绘制折线、柱状等图形，并实现多图联动效果

echarts对于大数据处理后绘制折线图，柱形图等等的效果和速度都很好。下面我们介绍怎么把封装的数据列表解析出来，动态绘图，并且实现鼠标联动效果引入js文件:<scripttype="text/javascript"src="js/jquery-1.12.3.min.js"></script>&...

IT猿 ·2020-03-28

js 实现div模块的截图并下载功能（可制作长图）

当需要实现html页面部分模块截图并具有保存图片功能时，前台直接生成截图并下载会方便的多。多的不说，直接看代码首先我们需要引入2个js文件：<scripttype="text/javascript"src="js/html2canvas.js"></script><script...

IT猿 ·2020-03-28

js 去掉数组中重复值，不重复的值保留

这里介绍2中方式：js代码如下vararr=[1,7,3,2,1,4,12,3,"3",3]functioncompare(arr){varresult=[],isfl;for(vari=0;i<arr.length;i++){isfl=false;for(varj=0;j<result.length;j+...

IT猿 ·2020-03-28

angularjs 给封装的模态框元素传值，和实现兄弟传值

本例实现封装的元素所放的位置不同，而选择不同的传值，这里举例封装了bootstrap模态框，以后也方便大家去直接使用。方法举例如下：首先主页调用css/js有：<linkrel="stylesheet"href="css/bootstrap.css"type="text/css"></link>...

IT猿 ·2020-03-28

angularJS简单调用接口，实现数组页面打印

相比较jquery，angular对这种接口数据处理起来会方便的多。这里举例调用中国天气网的api接口。首先肯定要引入angular.js这个不多说<linkrel="stylesheet"href="css/bootstrap.css"type="text/css"></link><sc...

IT猿 ·2020-03-28

js节点的创建添加删除

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><ulid="box"></ul...

IT猿 ·2020-03-28

js对属性的操作

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">.a{color:red;font-size...

IT猿 ·2020-03-28

js对样式的操作

本文有：对某个事件的来回操作实现对css样式的来回修改。比如实现hover效果 <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><stylety...

IT猿 ·2020-03-28

js获取标签的三种方式

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">ulli{color:black;}ulli...

IT猿 ·2020-03-28

js基础知识4

原文链接：https://book.apeland.cn/details/361/#3.getElementsByClassName()方法DOM介绍1.文档：DOM中的”D”DOM是”DocumentObjectModel“(文档对象模型)的首...

IT猿 ·2020-03-28