-
JavaScript设计模型Iterator
JavaScript设计模型Iterator实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 Iterator Pattern是一个很重要也很简单的Pattern：迭代器！ 我们可以提供一个统一入口的迭代器，Client只需要知道有哪些方法，或是有哪些Concrete Iterator，并不需要知道他们底层如何实作！现在就让我们来开始吧！ 起手式 Iterator最主要的东西就是两个：hasNext、next。要让Client知道是否还有…
-
js是怎么实现弹幕效果
js是怎么实现弹幕效果，下面让小编来介绍下。效果的具体步骤如下： 1、编写HTML代码： 创建一个弹幕显示墙，以及两个按钮，分别为“发送”和“清屏”，并在文本框中设置placeholder为“说点什么吧？”以提示用户在此输入弹幕信息。 <body> <div class=”con”> <div id=”screen”> <div class=”dm_show”> <!&#…
-
js随机生成div的效果怎么做
鼠标点击页面，在哪里点击就在那个位置创建一个div，宽高50，颜色随机，div在鼠标点击的正中间。 效果如下图所示： var Method=(function () { return { EVENT_ID:”event_id”, loadImage:function (arr) { var img=new Image(); img.arr=arr; img.list=[]; img.num=0; // 如果DOM对象下的事件侦听没有被删除掉，将会常驻堆中 // …
-
JavaScript的三大组成部分分别是？
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 JavaScript的三大组成部分是： 1、ECMAScript JavaScript的核心，描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义)，ECMAScript是一套标准，定义了一种语言…
-
JavaScript实现图片上传到服务器和回显
关于js实现图片的上传和回显，曾经用户的代码粘在这里： 样式：这样写样式的道理是给<input>标签的父级设置一个背景图，就是‘+’那个背景图，然后把<input>的宽高设置得跟父级一样，且完全透明（注意是透明不是隐藏），这样点击的时候看似是点击的‘+’的节点，其实点击的是<input>节点。 .file-box { position: relative; display: inline-block; width:100px; heig…
-
利用js来控制下拉列表左右选择
在我们的分类管理中，我们要能够去修改我们的分类信息，当我们点击修改的时候，可以跳转到一个能编辑的页面，这里面能够修改分类的名称、分类的描述、以及分类的商品。 技术分析 ondblclick=”selectOne()”//双击事件 multiple=”multiple”//select标签的属性代码实现： <!DOCTYPE html><html> <head> <meta charset=”UT…
-
原生JS封装AJAX方法
Ajax大家每天都在用，jquery库对Ajax的封装也很完善、很好用，下面我们看一下它的内部原理，并手动封装一个自己的Ajax库。 一、原理 原生Ajax的发送需要四步： 1) 创建Ajax对象: XMLHttpRequest 2) 设置请求参数: open(请求参数[get/post],url地址, 是否异步[true/false] ) 3) 设置回调函数: onreadystateChange 用于处理返回的数据 4) 发送请求: send() //TODO step1: 创建ajax对象…
-
如何操作可以禁止复制网站内容
若是你不想别人复制你的网站内容，可以把这段js代码加到你网页上，即可屏蔽鼠标右键菜单、复制粘贴、选中等。 有时候的需求是网站中有些内容不希望别人复制，那么就需要用代码控制。 方法有多种： 第一种： //屏蔽右键菜单 document.oncontextmenu = function(event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName ==…
-
js中如何判断数据类型
方法一、js内置方法typeof 检测基本数据类型的最佳选择是使用typeof typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object”，“function”，“symbol” (ES6新增)七种。 对于数组、null、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。 示例： var bool = true var num = 1 var str = ‘a…
-
js不可变的对象是如何创建的
对象的不变性意味着我们不希望对象在创建后以任何方式更改（将它们设置为只读类型）。 假设我们需要定义一个 car 对象，并在整个项目中使用它的属性来执行操作。我们不能允许错误地修改任何数据。 const myTesla = { maxSpeed: 155, batteryLife: 300, weight: 2300 };Object.preventExtensions() 防止扩展 此方法可防止向现有对象添加新属性，preventExtensions() 是不可逆的操作，我们永远不能再向对象添加…
-
js生成1到100的随机数
s生成1到100的随机数的方法：首先定义一个random函数，原理是“随机数和最大值减最小值的差相乘，再加上最小值”，这里最大值和最小值分别是100 1；然后调用random函数即可。 js生成随机数使用math.random()函数 Math.random() 具体实现： 1、定义一个random()函数，原理是 随机数和最大值减最小值的差相乘 最后再加上最小值。 function random(min, max) { return Math.floor(Math.random() * (ma…
-
在 Vue 里面对 Axios 进行封装要怎么操作
在前段项目中，请求 api 以及请求方式进行封装，该封装为了简单，更加好的管理后端所给的接口，请求代码的复用性，代码简单化。 安装 axios $ npm install axios 创建目录文件 在 src 中创建 http 目录 在 http 目录中创建 http.js 用户所以请求的方式 在 http 目录中创建 api.js 用于存放后端提供接口 在 http 目录中创建 axios.js 用户做 axios 拦截器 在根目录下面 创建 vue.config.js 用户 请求代理配置 接…
