详解vue.js之绑定class和style的示例代码
一.绑定Class属性。绑定数据用v-bind:命令，简写成:语法：<div v-bind:class="{ active: isActive }"></div>。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数，这...
2020-05-27
探究react-native 源码的图片缓存问题
本文为xcode模拟器测试，rn版本0.44.3
突然想学习下RN是如何封装ios中的UIImage的，看着看着发现图片的缓存问题是个坑。。。
先看js端图片使用的三种方式，依次排序1、2、3 <Imag...
2020-05-27
使用jQuery实现页面定时弹出广告效果
1、JQuery效果2、步骤分析：第一步：引入jQuery相关的文件第二步：书写页面加载函数第三步：在页面加载函数中，获取显示广告图片的元素。第四步：设置定时操作(显示广告图片的函数)第五...
2020-05-27
Angular2 组件交互实例详解
1. 组件通信我们知道Angular2应用程序实际上是有很多父子组价组成的组件树，因此，了解组件之间如何通信，特别是父子组件之间，对编写Angular2应用程序具有十分重要的意义，通常来讲，...
2020-05-27
Angular2 组件间通过@Input @Output通讯示例
本文介绍了Angular2 组件间通过@Input @Output通讯示例，分享给大家，具体如下：父组件传给子组件：
子组件设置@Input属性,父组件即可通过设置html属性给子组件传值。
子组件： @Inpu...
2020-05-27
Nodejs 复制文件/文件夹的方法
1.使用fs复制文件使用fs对象的readFileSync,writeFileSync方法进行读写操作复制cp.jsfunction copyIt(from, to) { fs.writeFileSync(to, fs.readFileSync(from)); //fs.cre...
2020-05-27
Vue.js实现网格列表布局转换方法
实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>布局转换</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal...
2020-05-27
使用JQ完成表格隔行换色的简单实例
1、步骤分析：第一步：引入jquery的类库第二步：直接写页面加载函数第三步：直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)第四步：分别使用CSS的方法(css(nam...
2020-05-27
JavaScript数据类型的存储方法详解
一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么...
2020-05-27
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
简单说下原理，把显示的图片的<img>标签 和上传文件的 <input> 标签放在同一个div下，设置<img>的大小和<input>的大小一样，<input> 设置透明度为0，用定位和设置优先级把input浮动...
2020-05-27
在Vue组件化中利用axios处理ajax请求的使用方法
本文主要给大家介绍了关于在Vue组件化中利用axios处理ajax请求的使用方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。推荐方式
首先在 main.js 中引入 a...
2020-05-27
JS中利用swiper实现3d翻转幻灯片实例代码
前言Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使...
2020-05-27
jQuery图片缩放插件smartZoom使用实例详解
e-smart-zoom-jquery.js插件，下载地址及示例：https://github.com/e-smartdev/smartJQueryZoom插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。s...
2020-05-27
关于Vue.nextTick()的正确使用方法浅析
本文主要给大家介绍了关于Vue.nextTick()的正确使用，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。什么是Vue.nextTick()
官方文档解释如下：在下次 DOM 更新...
2020-05-27
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
Vue实例中生命周期created和mounted的区别详解
前言本文主要跟大家介绍了关于Vue实例中生命周期created和mounted区别的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。生命周期先上图
什么是生命...
2020-05-27
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
js求数组中全部数字可拼接出的最大整数示例代码
前言最近在工作碰到一个问题，就是用javascript求数组中所有数字能拼接出的最大整数，数组的每一项为单独的拼接项，不能再拆开，例如[2,34]中2和34分别为要被拼接的数字，而不是说34...
2020-05-27
基于JavaScript实现评论框展开和隐藏功能
1.效果图如下所示，点击评论会在对应的评论区域展开评论输入框，点击取消会取消对应的评论输入框2.html代码：需要引入jQuery.js<divclass="nr-comment"><divclass="nr-comment-co...
2020-05-27
DVA框架统一处理所有页面的loading状态
dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不必一遍遍地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里...
2020-05-27
Vue上传组件vue Simple Uploader的用法示例
在日常开发中经常会遇到文件上传的需求，vue-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件，自带 UI，可覆盖、自定义；先来张动图看看效果：其主要...
2020-05-27
在Js页面通过POST传递参数跳转到新页面详解
场景
最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。遇到的问题
因为一开始是 GET 请...
2020-05-27
JavaScript中防止微信浏览器被整体拖动的方法
在微信网页开发中，我使用的页面结构是在body下的container覆盖全屏，container下有个header和page的容器，page负责显示所有内容并实现滚动。结构如图：
但是遇到了一个问题：在页面...
2020-05-27
vue2利用Bus.js如何实现非父子组件通信详解
前言大家应该都知道，vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作...
2020-05-27
Angularjs中数据绑定的实例详解
Angularjs中数据绑定的实例详解这是一个最简单的angularjs的例子，关于数据绑定的，大家可以执行一下，看看效果<html ng-app><head><title>angularjs-include</title><script typ...
2020-05-27
微信小程序页面滑动屏幕加载数据效果
滑动屏幕加载数据是任何小程序中都会用到的功能，本文我就将这个功能整理给大家，希望对大家有意。我们先看看效果图：创建目录首先我们现在项目中创建资讯目录，以下是我自己创建的...
2020-05-27
Nodejs 和Session 原理及实战技巧小结
一 Cookie因为HTTP协议是没有状态的，但很多情况下是需要一些信息的，比如在用户登陆后、再次访问网站时，没法判断用户是否登陆过。于是就有了cookies，用于在浏览器端保存用户数据...
2020-05-27
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
NodeJS收发GET和POST请求的示例代码
本文介绍了NodeJS收发GET和POST请求的示例代码，分享给大家，也给自己留个笔记一 express框架接收app.get('/',function(req,res) { var url = req.query.url; var name = req...
2020-05-27
微信小程序实现表单校验功能
小程序SDK版本 1.4表单校验之难如果要问微信小程序最难实现的公共业务是什么？应该是表单校验，没有之一。原因如下：表单组件在数量上达到11个，居各类组件之首。当然幸运的是，并不...
2020-05-27
AngularJS中filter的使用实例详解
AngularJS中filter的使用实例详解一、格式化数字为货币格式。
<div>{{money|currency:"$"}}</div> <div>{{money|currency:"RMB"}}</div> script：
app.controller("crl", f...
2020-05-27
用nodejs实现json和jsonp服务的方法
一、JSON和JSONPJSONP的全称是JSON with Padding，由于同源策略的限制，XmlHttpRequest只允许请求当前源（协议，域名，端口）的资源。如果要进行跨域请求，我们可以通过使用html的script...
2020-05-27
node跨域请求方法小结
本文介绍了node跨域请求，主要介绍了两种方法，一种是jsonp，另一种res.wirteHead，具体如下：
第一种：jsonp
参看用nodejs实现json和jsonp服务第二种：res.wirteHead
node部分
var http...
2020-05-27
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
AngularJS select设置默认值的实现方法
AngularJS的select设置默认值在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现
<!DOCTYPE html> <html ng-app="noteApp" ng-controller="noteCt...
2020-05-27
浅谈JS获取元素的N种方法及其动静态讨论
实际前端开发工作中，我们经常会遇到要获取某些元素，以达到更新该元素的样式、内容等目的。而文档对象模型 (DOM) 是HTML和XML文档的编程接口，它提供了对文档的结构化的表述，并定...
2020-05-27
详解vue 模拟后台数据（加载本地json文件）调试
本文介绍了vue 模拟后台数据（加载本地json文件）调试，分享给大家，也给自己留个笔记首先创建一个本地json文件，放在项目中如下{ "runRedLight":{ "CurrentPage": 1, "TotalPages"...
2020-05-27
get post jsonp三种数据交互形式实例详解
一、get请求1.引入 vue.js 和 vue-resource.js , 准备一个按钮<input type="button" value="按钮" @click="get()"/> //点击按钮请求数据函数get()2.准备一个txt文件welcom...
2020-05-27
详解webpack3如何正确引用并使用jQuery库
经过百度、谷歌、SF、stackoverflow后终于将webpack3引用jQuery的问题解决了，网上的重复文章太多，大多也都过时了，webpack这两年发展也非常快，大多都是1.0版本的文章，与时俱进的...
2020-05-27
node实现定时发送邮件的示例代码
本文介绍了node实现定时发送邮件的示例代码，分享给大家，具体如下：
定时发送，可做提醒使用
nodemailer
nodemailer 是一款简单易用的基于于SMTP协议（或 Amazon SES）的邮件发送组件...
2020-05-27
javascript实现文字无缝滚动效果
本文实例为大家分享了文字无缝滚动效果，供大家参考，具体内容如下html<dl id="marquee" class="marquee"> <dt> <ul class="right-content"> <li> <a href="#"...
2020-05-27
浅谈Angular路由守卫
引言在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angu...
2020-05-27
详解Angular4 路由设置相关
1.路由相关配置
路由类设置/*路由基本模型*//*导入RouterModule，Routes类型*/import { RouterModule, Routes } from '@angular/router';import { LoginComponent } from "./...
2020-05-27
vue与bootstrap实现时间选择器的示例代码
一、下载bootstrap-datetimepicker时间选择器js，css文件。1. github地址:bootstrap-datetimepicker2. 官方网站地址:官网bootstrap-datetimepicker地址，有具体的例子与解释二...
2020-05-27
深入浅出es6模板字符串
本文主要介绍了深入浅出es6模板字符串，分享给大家，具体如下作为前端开发者避免不了根据后台数据的返回，组装html，渲染页面。举个栗子
$('#result').append( 'There are <b>' + b...
2020-05-27
Javascript快速实现浏览器系统通知
JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。下载$ npm install title-notify --save-dev$ bower install inotify --save-dev
编译...
2020-05-27
基于jQuery实现图片推拉门动画效果的两种方法
''推拉门''动效也可以称作"手风琴"效果，大多数效果实现的思路基本是一样的，下面介绍两种方法，一种是通过改变图片的偏移位置实现移动，另一种是通过遍历背景图片后改变图片的宽度...
2020-05-27
js实现本地时间同步功能
本文实例为大家分享了js实现本地时间同步的具体代码，供大家参考，具体内容如下HTML代码
<html><head> <title>时间</title> <meta charset="utf-8"></head><body onload="getTi...
2020-05-27
微信小程序实现顶部选项卡(swiper)
微信小程序顶部选项卡在开发中是非常常用的，下面用一点时间实现了一下。效果图：下面直接上代码:
wxml:
<!--pages/index/index.wxml--> <view class="swiper-tab"> <view cla...
2020-05-27
微信小程序实现顶部普通选项卡效果(非swiper)
背景：前段时间写了一个抢红包小程序，里面涉及到了顶部选项卡，把它抽了出来。效果图：下面直接上代码:
wxml:<view class="navbar"> <text wx:for="{{navbar}}" data-index="{{in...
2020-05-27
