JavaScript - 教程之家

39浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

44浏览

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

50浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

29浏览

0评论

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

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

2020-05-27

48浏览

0评论

js微信分享实现代码

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

46浏览

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

44浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

55浏览

0评论

Angular2 组件交互实例详解

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

56浏览

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

49浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

45浏览

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

45浏览

0评论

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

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

2020-05-27

37浏览

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

38浏览

0评论

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

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

2020-05-27

31浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

46浏览

0评论

在Js页面通过POST传递参数跳转到新页面详解

场景
最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。遇到的问题
因为一开始是 GET 请...

2020-05-27

55浏览

0评论

JavaScript中防止微信浏览器被整体拖动的方法

在微信网页开发中，我使用的页面结构是在body下的container覆盖全屏，container下有个header和page的容器，page负责显示所有内容并实现滚动。结构如图：
但是遇到了一个问题：在页面...

2020-05-27

50浏览

0评论

vue2利用Bus.js如何实现非父子组件通信详解

前言大家应该都知道，vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作...

2020-05-27

31浏览

0评论

Angularjs中数据绑定的实例详解

Angularjs中数据绑定的实例详解这是一个最简单的angularjs的例子，关于数据绑定的，大家可以执行一下，看看效果<html ng-app><head><title>angularjs-include</title><script typ...

2020-05-27

33浏览

0评论

微信小程序页面滑动屏幕加载数据效果

滑动屏幕加载数据是任何小程序中都会用到的功能，本文我就将这个功能整理给大家，希望对大家有意。我们先看看效果图：创建目录首先我们现在项目中创建资讯目录，以下是我自己创建的...

2020-05-27

39浏览

0评论

Nodejs 和Session 原理及实战技巧小结

一 Cookie因为HTTP协议是没有状态的，但很多情况下是需要一些信息的，比如在用户登陆后、再次访问网站时，没法判断用户是否登陆过。于是就有了cookies，用于在浏览器端保存用户数据...

2020-05-27

45浏览

0评论

Angularjs中ng-repeat的简单实例

Angularjs中ng-repeat的简单实例第一个例子：使用ng-repeat最简单的例子<html ng-app="myApp"><head><title>angularjs-demo</title><script type="text/javascript" src="ang...

2020-05-27

58浏览

0评论

NodeJS收发GET和POST请求的示例代码

本文介绍了NodeJS收发GET和POST请求的示例代码，分享给大家，也给自己留个笔记一 express框架接收app.get('/',function(req,res) { var url = req.query.url; var name = req...

2020-05-27

59浏览

0评论

微信小程序实现表单校验功能

小程序SDK版本 1.4表单校验之难如果要问微信小程序最难实现的公共业务是什么？应该是表单校验，没有之一。原因如下：表单组件在数量上达到11个，居各类组件之首。当然幸运的是，并不...

2020-05-27

52浏览

0评论

AngularJS中filter的使用实例详解

AngularJS中filter的使用实例详解一、格式化数字为货币格式。
<div>{{money|currency:"$"}}</div> <div>{{money|currency:"RMB"}}</div> script：
app.controller("crl", f...

2020-05-27

40浏览

0评论

用nodejs实现json和jsonp服务的方法

一、JSON和JSONPJSONP的全称是JSON with Padding，由于同源策略的限制，XmlHttpRequest只允许请求当前源（协议，域名，端口）的资源。如果要进行跨域请求，我们可以通过使用html的script...

2020-05-27

42浏览

0评论

node跨域请求方法小结

本文介绍了node跨域请求，主要介绍了两种方法，一种是jsonp，另一种res.wirteHead，具体如下：
第一种：jsonp
参看用nodejs实现json和jsonp服务第二种：res.wirteHead
node部分
var http...

2020-05-27

35浏览

0评论

AngularJS 中ui-view传参的实例详解

Angular路由传参首页
<!DOCTYPE html> <html ng-app="app"> <head> <title>路由传参</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta...

2020-05-27

32浏览

0评论

AngularJS select设置默认值的实现方法

AngularJS的select设置默认值在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现
<!DOCTYPE html> <html ng-app="noteApp" ng-controller="noteCt...

2020-05-27

37浏览

0评论

浅谈JS获取元素的N种方法及其动静态讨论

实际前端开发工作中，我们经常会遇到要获取某些元素，以达到更新该元素的样式、内容等目的。而文档对象模型 (DOM) 是HTML和XML文档的编程接口，它提供了对文档的结构化的表述，并定...

2020-05-27

35浏览

0评论

详解vue 模拟后台数据（加载本地json文件）调试

本文介绍了vue 模拟后台数据（加载本地json文件）调试，分享给大家，也给自己留个笔记首先创建一个本地json文件，放在项目中如下{ "runRedLight":{ "CurrentPage": 1, "TotalPages"...

2020-05-27

38浏览

0评论

get post jsonp三种数据交互形式实例详解

一、get请求1.引入 vue.js 和 vue-resource.js , 准备一个按钮<input type="button" value="按钮" @click="get()"/> //点击按钮请求数据函数get()2.准备一个txt文件welcom...

2020-05-27

热门文章