JavaScript - 教程之家

317浏览

0评论

基于jQuery实现的单行公告活动轮播效果

废话不多说了，直接给大家贴代码了，具体代码如下所示：<div class="lunbo123" style="position:relative;height: 45px;overflow: hidden;background-color:white" ;><ul id="myu...

2020-05-27

52浏览

0评论

JS实现浏览上传文件的代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<div style="position:relative;width:380px;"> <iframe id="t_load" name="t_load" style="display: none"></iframe...

2020-05-27

41浏览

0评论

Bootstrap table使用方法记录

本文实例为大家分享了Bootstrap table的使用方法，供大家参考，具体内容如下HTML代码：/*index.cshtml*/@section styles{ <style> .main { margin-top:20px; } .m...

2020-05-27

46浏览

0评论

Vue0.1的过滤代码如何添加到Vue2.0直接使用

将Vue0.1里的过滤代码添加到Vue2.0，方法很简单，具体内容如下var filters = { orderBy: orderBy, filterBy: filterBy, limitBy: limitBy, /** * Stringify value. * * @par...

2020-05-27

59浏览

0评论

详解EasyUi控件中的Datagrid

最近手头有个web项目需要用到第三方控件(EasyUi),用第三方控件做出来的效果毕竟比原生态的要稍微好看那么一点，该项目中有个需求，需要在数据列表中直接编辑数据保存，行话...

2020-05-27

71浏览

0评论

jQuery Position方法使用和兼容性

1、position方法jquery api地址：http://jquery.cuishifeng.cn/position.htmlposition方法获取匹配元素相对父元素的偏移。2、说明2.1 与offset()区别.offset()是获得该元素相...

2020-05-27

38浏览

0评论

bootstrap fileinput实现文件上传功能

bootstrap 的上传文件控件号称最好用的，总之我用着到是挺别扭的。首先这个控件很简单。html代码<form><input type="file" name="txt_file" id="txt_file" multiple class="f...

2020-05-27

96浏览

0评论

通俗解释JavaScript正则表达式快速记忆

我们知道，正则表达式是一个处理字符串中很实用的技巧。然而，即便是Javascript写的很厉害的程序猿，有时也会忘掉正则表达式的语法，从而使用起来有些棘手1、正则表达式中最重要的...

2020-05-27

43浏览

0评论

angular2路由切换改变页面title的示例代码

angular2里默认切换路由或者切换组件，页面的title是不会变化的。angular2在路由设置里提供了data参数可以传值，如下{path: 'home',component: HomeComponent,data: { title: '...

2020-05-27

75浏览

0评论

Angular 2 利用Router事件和Title实现动态页面标题的方法

Angular2 为我们提供了名为Title的Service用于修改和获取页面标题，但是如果只是能够在每个页面的ngOnInit方法中为每个页面设置标题岂不是太low了，不符合Angular2高(zhuang)大...

2020-05-27

58浏览

0评论

JS对象序列化成json数据和json数据转化为JS对象的代码

JS对象序列化成json数据：function Serialize(obj){ switch(obj.constructor){ case Object: var str = "{"; for(var o in obj){ str +...

2020-05-27

61浏览

0评论

Vue网页html转换PDF（最低兼容ie10）的思路详解

HTML转PDF：1.页面底层实现——Vue：最低兼容ie10　　2.实现思路：　　1> 使用html2canvas.js将网页转换为图片　　2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件具体实...

2020-05-27

57浏览

0评论

详解webpack2+node+react+babel实现热加载(hmr)

前端工程化开发的一个重要标志就是热替换技术，它大大的提高开发效率，使我们专注于写代码，webpack2中的热替换相比较1更加简洁。1. 先看效果2.目录结构3.项目目录结构文件描述
b...

2020-05-27

49浏览

0评论

jQuery Datatable 多个查询条件自定义提交事件(推荐)

先写2个input 分别表示开始时间跟结束时间在写一个button 点击按钮让表格重新刷新代码如下如下所示在datatable设置项增加如下设置如果已经有了只需要添加如下的data...

2020-05-27

47浏览

0评论

weui框架实现上传、预览和删除图片功能代码

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。jQuery...

2020-05-27

50浏览

0评论

JS实现电商放大镜效果

前端JS电商放大镜效果，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>26-电商放大镜</title> <style type="text/css">...

2020-05-27

57浏览

0评论

VueJS 集成 Medium Editor的示例代码（自定义编辑器按钮）

0x00 前言VueJS 社区里面关于富文本编辑器的集成也不少了，但是之前小调研了一下，基本上就是 quill,medium-editor，因为之前用 AngularJS 用过 medium-editor，并且需要自定义某些...

2020-05-27

46浏览

0评论

vue不通过路由直接获取url中参数的方法示例

前言众所周知vue中使用路由的方式设置url参数，但是这种方式必须要在路径中附带参数，而且这个参数是需要在vue的路由中提前设置好的。
相对来说，在某些情况下直接在url后面拼接？m...

2020-05-27

52浏览

0评论

快速理解 JavaScript 中的 LHS 和 RHS 查询的用法

JavaScript 程序中的一段源代码在执行之前会经历三个步骤，统称为编译分词/词法分析解析/语法分析代码生成先看原书对一个赋值操作的拆解说明：
变量的赋值操作会执行两...

2020-05-27

46浏览

0评论

基于JavaScript实现新增内容滚动播放效果附完整代码

先给大家展示下效果图：完整demo如下每两秒随机向上或者向下滚动，如果要替换新内容，则通过html()更新内容即可（查看注释代码）<!DOCTYPE html><head> <meta name="viewport" conte...

2020-05-27

48浏览

0评论

webpack学习笔记之优化缓存、合并、懒加载

除了的webpack基本配置，还可以进一步添加配置，优化合并文件，加快编译速度。下面是生产环境配置文件webpack.production.js，与wenbpack.config.js相比其不需要一些dev-tools,dev-...

2020-05-27

50浏览

0评论

使用jquery+iframe做一个ajax上传效果(实例)

html页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"...

2020-05-27

63浏览

0评论

JSON创建键值对（key是中文或者数字）方式详解

先准备好一个空的json对象var obj = {};1. 最原始的方法obj.name = 'zhangsan';//这种方式很简单的添加了一个键值对//输出：{name:"zhangsan"}//缺点：这边的name不能是对象/*...

2020-05-27

50浏览

0评论

实例详解JSON取值(key是中文或者数字)方式

JSON取值(key是中文或者数字)方式详解先准备一个json对象用于演示var json = {'name':'zhangsan', '年龄':23, 404:'你可能迷路了'};1.使用JS中with关键字with(json) { con...

2020-05-27

39浏览

0评论

Vue.js实现实例搜索应用功能详细代码

实例搜索应用实现效果：实现代码与注释：<!DOCTYPE html><html><head> <title>实例搜索</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt...

2020-05-27

55浏览

0评论

js微信分享实现代码

本文实例为大家分享了js微信分享实现代码，供大家参考，具体内容如下微信分享代码，先引入：<script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/j...

2020-05-27

68浏览

0评论

Vue.js实现价格计算器功能

本文实例为大家分享了Vue.js实现价格计算器功能的具体代码，供大家参考，具体内容如下实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>价格计算器</title> <meta ch...

2020-05-27

52浏览

0评论

Vue.js实现输入框绑定的实例代码

实现效果如下：实现代码及注释<!DOCTYPE html><html><head> <title>vue.js数据动态编辑</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi...

2020-05-27

50浏览

0评论

10个最优秀的Node.js MVC框架

Node.js 是最流行的 JavaScript 服务端平台，它允许建立可扩展的 Web 应用程序。Node.js 包含不同类型的框架，如 MVC 框架、全栈框架、REST API 以及大量的服务器库，使它能够快...

2020-05-27

60浏览

0评论

详解vue.js之绑定class和style的示例代码

一.绑定Class属性。绑定数据用v-bind:命令，简写成:语法：<div v-bind:class="{ active: isActive }"></div>。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数，这...

2020-05-27

50浏览

0评论

探究react-native 源码的图片缓存问题

本文为xcode模拟器测试，rn版本0.44.3
突然想学习下RN是如何封装ios中的UIImage的，看着看着发现图片的缓存问题是个坑。。。
先看js端图片使用的三种方式，依次排序1、2、3 <Imag...

2020-05-27

42浏览

0评论

使用jQuery实现页面定时弹出广告效果

1、JQuery效果2、步骤分析：第一步：引入jQuery相关的文件第二步：书写页面加载函数第三步：在页面加载函数中，获取显示广告图片的元素。第四步：设置定时操作(显示广告图片的函数)第五...

2020-05-27

61浏览

0评论

Angular2 组件交互实例详解

1. 组件通信我们知道Angular2应用程序实际上是有很多父子组价组成的组件树，因此，了解组件之间如何通信，特别是父子组件之间，对编写Angular2应用程序具有十分重要的意义，通常来讲，...

2020-05-27

59浏览

0评论

Angular2 组件间通过@Input @Output通讯示例

本文介绍了Angular2 组件间通过@Input @Output通讯示例，分享给大家，具体如下：父组件传给子组件：
子组件设置@Input属性,父组件即可通过设置html属性给子组件传值。
子组件： @Inpu...

2020-05-27

41浏览

0评论

Nodejs 复制文件/文件夹的方法

1.使用fs复制文件使用fs对象的readFileSync,writeFileSync方法进行读写操作复制cp.jsfunction copyIt(from, to) { fs.writeFileSync(to, fs.readFileSync(from)); //fs.cre...

2020-05-27

63浏览

0评论

Vue.js实现网格列表布局转换方法

实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>布局转换</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal...

2020-05-27

55浏览

0评论

使用JQ完成表格隔行换色的简单实例

1、步骤分析：第一步：引入jquery的类库第二步：直接写页面加载函数第三步：直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)第四步：分别使用CSS的方法(css(nam...

2020-05-27

56浏览

0评论

JavaScript数据类型的存储方法详解

一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么...

2020-05-27

69浏览

0评论

JS点击图片弹出文件选择框并覆盖原图功能的实现代码

简单说下原理，把显示的图片的<img>标签和上传文件的 <input> 标签放在同一个div下，设置<img>的大小和<input>的大小一样，<input> 设置透明度为0，用定位和设置优先级把input浮动...

2020-05-27

51浏览

0评论

在Vue组件化中利用axios处理ajax请求的使用方法

本文主要给大家介绍了关于在Vue组件化中利用axios处理ajax请求的使用方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。推荐方式
首先在 main.js 中引入 a...

2020-05-27

49浏览

0评论

JS中利用swiper实现3d翻转幻灯片实例代码

前言Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使...

2020-05-27

68浏览

0评论

jQuery图片缩放插件smartZoom使用实例详解

e-smart-zoom-jquery.js插件，下载地址及示例：https://github.com/e-smartdev/smartJQueryZoom插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。s...

2020-05-27

50浏览

0评论

关于Vue.nextTick()的正确使用方法浅析

本文主要给大家介绍了关于Vue.nextTick()的正确使用，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。什么是Vue.nextTick()
官方文档解释如下：在下次 DOM 更新...

2020-05-27

51浏览

0评论

Vue.js框架路由使用方法实例详解

Vue.js框架路由使用方法实例详解html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta...

2020-05-27

53浏览

0评论

Vue实例中生命周期created和mounted的区别详解

前言本文主要跟大家介绍了关于Vue实例中生命周期created和mounted区别的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。生命周期先上图
什么是生命...

2020-05-27

45浏览

0评论

Vue.js进行查询操作的实例详解

Vue.js进行查询操作的实例详解实例代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../lib/vue.min.js" type="text/javascript" ></script>...

2020-05-27

44浏览

0评论

js求数组中全部数字可拼接出的最大整数示例代码

前言最近在工作碰到一个问题，就是用javascript求数组中所有数字能拼接出的最大整数，数组的每一项为单独的拼接项，不能再拆开，例如[2,34]中2和34分别为要被拼接的数字，而不是说34...

2020-05-27

39浏览

0评论

基于JavaScript实现评论框展开和隐藏功能

1.效果图如下所示，点击评论会在对应的评论区域展开评论输入框，点击取消会取消对应的评论输入框2.html代码：需要引入jQuery.js<divclass="nr-comment"><divclass="nr-comment-co...

2020-05-27

58浏览

0评论

DVA框架统一处理所有页面的loading状态

dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不必一遍遍地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里...

2020-05-27

76浏览

0评论

Vue上传组件vue Simple Uploader的用法示例

在日常开发中经常会遇到文件上传的需求，vue-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件，自带 UI，可覆盖、自定义；先来张动图看看效果：其主要...

2020-05-27

热门文章