-
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 ==…
-
JavaScript实现放大镜效果代码示例
JavaScript实现放大镜效果代码示例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-wid…
-
js call用法的详细内容
call 方法 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 t…
-
javascript调试之console.table()的详细内容
昨天我了解到Chrome调试工具一个小巧的调试方法，在WDCC期间， Marcus Ross（@zahlenhelfer） 介绍了，chrome调试工具各种调试方法，这个只是其中一种，现在我来给大家秀下。 用CONSOLE.LOG()展示数组 想象下你构造了如下数组 var languages = [ { name: “JavaScript”, fileExtension: “.js” }, { name: “TypeScript…
-
js验证账户名是否重复的方法
这篇文章主要为大家详细介绍了js验证账户名是否重复，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 基于jquuery.validata.js的验证用户名不重复，供大家参考，具体内容如下 页面js <table class=”tb_input” > <tbody> <tr> <th >名称<strong class=”red”>*</strong>…
-
javascript单张多张图无缝滚动实例代码
我们会看到很多的网站上会使用多张图片无缝滚动的效果。 下面我就介绍几种纯JS实现多张图片的无缝滚动，并实现鼠标移到图片上运动停止的效果，可以控制图片左右滚动。 1.效果展示： 12 <!DOCTYPE html> <html> <head> <title>无缝滚动</title> </head> <style type=”text/css”> *{margin: 0;padding: 0;…
-
JS加载解析Markdown文档过程详解
这篇文章主要介绍了JS加载解析Markdown文档过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 网上有很多网站会通过.md文档来做页面内容，很好奇，这是怎么做的？ 出于好奇，建了一个test.md文件： # Hello World! asdfa asd *斜体文本* **粗体文本** ***斜粗体文本*** 分隔线（如下） *** * * * **** – – – ——…
-
js实现tab栏切换效果
本文实例为大家分享了js实现tab栏切换效果的具体代码，供大家参考，具体内容如下 效果展示： 源码展示： <!doctype html> <html> <head> <meta charset=”utf-8″> <title>js实现tab栏切换</title> <style> * { margin: 0; margin: 0; padding: 0; list-style: none; …
-
vue之封装多个组件调用同一接口的案例
这篇文章主要介绍了vue之封装多个组件调用同一接口的案例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 背景：项目中有多个组件调用同一接口，为提高代码可维护性，需要封装公共方法 直接return 接口调用的结果 export function getAll() { let all = []; let opt = { method: ‘get’, url: ‘all/teacher’, success: res => { al…
