JavaScript - 教程之家

66浏览

0评论

JS判断微信扫码的方法

一、navagitor的userAgent属性中，判断是否含有micromessenger二、代码/** * 判断微信扫码 */ function isWechat() { var ua = navigator.userAgent.toLowerCase(),flag...

2020-05-27

49浏览

0评论

在iframe中使bootstrap的模态框在父页面弹出问题

这几天在写项目的中，页面使用了iframe，然而在子页面中使用bootstrap的模态框时发现：弹出的模态框位置是以子页面为标准居中的，并且遮罩层也只有子页面那一部分，整个页面简直无法...

2020-05-27

46浏览

0评论

JS实现移动端判断上拉和下滑功能

一、手指触屏，利用touchstart和touchend计算前后滑动距离，判断是上拉还是下滑。二、js中距离：pageY、clientY、offsetY的区别： offsetY:相对于父节点的偏移距离。 c...

2020-05-27

51浏览

0评论

ReactNative Image组件使用详解

最近学习ReactNative感觉到挺有意思的，在学习的过程中，发现网上一些人写的文章内容过时了，这主要是ReactNative的版本升级太快，如果你现在看一篇16甚至15年写的文章，把知识点和官...

2020-05-27

48浏览

0评论

JS实现简单短信验证码界面

1.要实现短信验证码界面，首先要有一个文本框，旁边是按钮，点击时开始倒计时。2.先创建文本框和按钮，按钮设置对应的id，然后在js中通过id获取按钮这个元素，对其执行操作。同时应设置...

2020-05-27

50浏览

0评论

详解express与koa中间件模式对比

起因最近在学习koa的使用，由于koa是相当基础的web框架，所以一个完整的web应用所需要的东西大都以中间件的形式引入，比如koa-router, koa-view等。在koa的文档里有提到：koa的中...

2020-05-27

53浏览

0评论

详解Vue的computed(计算属性)使用实例之TodoList

最近倒腾了一会vue，有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo，(好土掩面逃~）;
1. methods
methods类似react中组件的方法，不同的是vue采用...

2020-05-27

37浏览

0评论

Angularjs上传文件组件flowjs功能

现在的项目，无论代销，几乎不会缺省的一个功能就是上传下载功能，今天谈一谈使用AngularJS+bootsrtap下的上传下载功能。1.angularjs和flowjsangularjs我在其他的博客里面也讲到...

2020-05-27

47浏览

0评论

浅谈ES6新增的数组方法和对象

es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,maplet arr=[1,2,3,4,3,2,1,2];遍历数组最简洁直接的方法for (let value of arr) { console.log...

2020-05-27

43浏览

0评论

超级简易的JS计算器实例讲解(实现加减乘除)

废话不多说，直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单的计算器</title> <style> body{ margin: 0; }...

2020-05-27

35浏览

0评论

基于jQuery对象和DOM对象和字符串之间的转化实例

1、字符串---------->jQuery对象$(HTML字符串): $('<div>我是祖国的一朵小花</div>')待添加列表2、jQuery对象---------->DOM对象下标选取法(原理:jQuery是DOM的数组形式):$...

2020-05-27

37浏览

0评论

React-Native 组件之 Modal的使用详解

Modal组件可以用来覆盖包含React Native根视图的原生视图（如UIViewController，Activity），用它可以实现遮罩的效果。属性Modal提供的属性有：animationType（动画类型） PropTypes.oneO...

2020-05-27

37浏览

0评论

React Native仿美团下拉菜单的实例代码

本文介绍了React Native仿美团下拉菜单的实例代码，最近也在学习React Native，顺便分享给大家在很多产品中都会涉及到下拉菜单选择功能，用的最好的当属美团了，其效果如下：
要实现...

2020-05-27

81浏览

0评论

react native带索引的城市列表组件的实例代码

城市列表选择是很多app共有的功能，比如典型的美图app。那么对于React Native怎么实现呢？
要实现上面的效果，首先需要对界面的组成简单分析，界面的数据主要由当前城市，历史访问城...

2020-05-27

54浏览

0评论

React Native如何消除启动时白屏的方法

在RN 项目启动之后有一个短暂的白屏，调试阶段白屏的时间较长，大概3-5秒，打正式包后这个白屏时间会大大缩短，大多时候都是一闪而过，所以称之为“闪白”。
其实解决的方案也有很多...

2020-05-27

46浏览

0评论

vue+mockjs模拟数据实现前后端分离开发的实例代码

本文介绍了vue+mockjs模拟数据实现前后端分离开发的实例代码，分享给大家，也给自己留个笔记。
在项目中尝试了mockjs，mock数据，实现前后端分离开发。关于mockjs，官网描述的是1.前...

2020-05-27

54浏览

0评论

JS中正则表达式要注意lastIndex属性

说明这篇文章，主要和大家聊聊JavaScript中RegExp对象的属性。解释每个RegExp对象都包含5个属性，source、global、ignoreCase、multiline、lastIndex。source：是一个只读的字符...

2020-05-27

48浏览

0评论

基于Vue实现支持按周切换的日历

基于Vue的日历小功能，可根据实际开发情况按每年、每月、每周、进行切换，具体内容如下<template> <div class="date">  <div class="month"> <p>{{ c...

2020-05-27

73浏览

0评论

vuejs使用FormData实现ajax上传图片文件

我相信很多使用vuejs的朋友，都有采用ajax上传图片的需求，因为前后端分离后，我们希望都能用ajax来解决数据问题，传统的表单提交会导致提交成功后页面跳转，而使用ajax能够无刷新上...

2020-05-27

87浏览

0评论

vue.js评论发布信息可插入QQ表情功能

本文实例为大家分享了vue.js评论发布信息可插入QQ表情，供大家参考，具体内容如下demo例子： HTML文本内容：<template> <div id="publish"> <!-- 发布内容输入框，利用Html5的新属性...

QQ

2020-05-27

47浏览

0评论

vue-quill-editor实现图片上传功能

问题描述  项目使用的vue2.0开发，项目中需要一个富文本编辑器，楼主经过一番心理挣扎选择了vue-quill-editor。具体如何引用作者在项目中已经写得很明白了，我在这里...

2020-05-27

42浏览

0评论

webpack 2.x配置reactjs基本开发环境详解

本文介绍了webpack 2.x配置reactjs基本开发环境详解，分享给大家，具体如下：当前webpack版本：2.2；react: 15.4.2webpack从1.x升级到2.x替换了几个接口，包括module.loaders这样的重要...

2020-05-27

56浏览

0评论

Vue项目中quill-editor带样式编辑器的使用方法

vue-quill-editor默认插入图片是直接将图片转为base64再放入内容中，如果图片比较大的话，富文本的内容就会很大。插入视频是直接弹框输入URL地址，某些需求下我们需要让用户去本...

2020-05-27

50浏览

0评论

ES6模块化的import和export用法方法总结

ES6之前已经出现了js模块加载的方案，最主要的是CommonJS和AMD规范。commonjs主要应用于服务器，实现同步加载，如nodejs。AMD规范应用于浏览器，如requirejs，为异步加载。同时还有CM...

2020-05-27

46浏览

0评论

VUE实现表单元素双向绑定（总结）

本文介绍了VUE实现表单元素双向绑定（总结），分享给大家，具体如下：checkbox最基本用法:<input type="checkbox" v-model="inputdata" checked/><input type="checkbox" v-model="i...

2020-05-27

45浏览

0评论

基于Vue实现页面切换左右滑动效果

基于Vue的页面切换左右滑动效果，具体内容如下
HTML文本页面：<template> <div id="app> <transition :name="direction" mode="out-in"> ...

2020-05-27

57浏览

0评论

用Vue.extend构建消息提示组件的方法实例

前提前段时间自己做的vue练手项目，需要一个通用的消息提示组件，但是消息提示这种组件我更想用方法来调用，而不是在各个页面上都添加个组件（那样感觉很麻烦，重度懒癌患者），于是就上...

2020-05-27

42浏览

0评论

React-router v4 路由配置方法小结

本文主要介绍了React-router v4 路由配置方法小结，分享给大家，也给自己留个笔记
一. Switch 、Router 、Route三者的区别
1、RouteRoute 是建立location 和 ui的最直接联系2、...

2020-05-27

40浏览

0评论

原生JS+Canvas实现五子棋游戏

本文实例为大家分享了JS Canvas实现五子棋游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>五子棋</title>...

2020-05-27

57浏览

0评论

微信小程序movable view移动图片和双指缩放实例代码

movable-area是微信小程序的新组件，可以用来移动视图区域movable-view。移动方向可选择任何、垂直和平行。可移动区域里包含其他文本、图片、按钮等组件。可移动区域可绑定to...

2020-05-27

75浏览

0评论

angular+ionic返回上一页并刷新页面

假定当前页面为editCata页面，要返回的是cataDetail页面。目前我找到两种方法实现返回上一页并刷新，如果以后有其它方法，再继续添加。1、在editCataCtrl.js中注入$ionicHistory...

2020-05-27

44浏览

0评论

EasyUI的TreeGrid的过滤功能的解决思路

写在最前面这个星期一直在纠结easyui的treegrid的过滤功能，原因呢，自然是项目中一个莫名奇妙的需求。easyui虽说是后端程序员的前端框架，但是说句实话，除去api，让我直接写里面的...

2020-05-27

57浏览

0评论

jQuery EasyUI的TreeGrid查询功能实现方法

最近需要实现对treeGrid的查询功能，具体查询界面如下：可以查询根节点和具体子节点的信息，开始使用EasyUI的TreeGrid的loadData 加载url的方式不能实现查询功能，于是利用异步AJAX...

2020-05-27

42浏览

0评论

jQuery Easyui Treegrid实现显示checkbox功能

下面通过本文给大家介绍下图中的treegrid如何实现？要求：动态加载；级联勾选；通关类型判断显示包库/还是镜像（列有所不同，镜像共4列），勾选一个复选框，后面的复选框变为不可勾选状态。下...

2020-05-27

69浏览

0评论

react-native之ART绘图方法详解

背景在移动应用的开发过程中，绘制基本的二维图形或动画是必不可少的。然而，考虑到Android和iOS均有一套各自的API方案，因此采用一种更普遍接受的技术方案，更有利于代码的双平台...

2020-05-27

63浏览

0评论

基于Vue实例对象的数据选项

前面的话一般地，当模板内容较简单时，使用data选项配合表达式即可。涉及到复杂逻辑时，则需要用到methods、computed、watch等方法。本文将详细介绍Vue实例对象的数据选项datadat...

2020-05-27

53浏览

0评论

利用JS做网页特效_大图轮播(实例讲解)

废话不多说，直接上代码：<style> * { margin: 0px; padding: 0px; } .stage { width: 500px; height: 300px; borde...

2020-05-27

68浏览

0评论

js中less常用的方法小结

1、color 解析颜色把代表颜色的字符串转换为颜色值@c:'#000'.box{ background:color(@c)}2、data-uri 把我们需要使用的素材图片转化成BASE64编码，项目中尤其是移动端的项...

2020-05-27

62浏览

0评论

浅谈react+es6+webpack的基础配置

这是模块化开发、主流框架和最新版的ECMAScript语法规范的一个小demo准备工作安装 nodeJs首先进入node官网，去下载最新版的nodeJswebpack安装webpacknpm install webpack -g...

2020-05-27

89浏览

0评论

Angular在模板驱动表单中自定义校验器的方法

引言模板驱动表单相比较响应式表单可以少更少的代码做同样的事情，可也损失了自由度与更易测试，当然很多人并不在乎啦。所以我相信很多人在编写Angular不自由自主去更倾向于模...

2020-05-27

56浏览

0评论

vuejs父子组件之间数据交互详解

父子组件之间的数据交互遵循：props down - 子组件通过props接受父组件的数据
events up - 父组件监听子组件$emit的事件来操作数据
示例子组件的点击事件函数中$emit自定义事...

2020-05-27

57浏览

0评论

javascript编程开发中取色器及封装$函数用法示例

本文实例讲述了javascript编程开发中取色器及封装$函数用法。分享给大家供大家参考，具体如下：1.封装$函数function $(str){ //如果传入的是'#' 则选择id标签 //如果...

2020-05-27

57浏览

0评论

微信小程序开发教程之增加mixin扩展

Mixin简介Mixin（织入）模式并不是GOF的《设计模式》归纳中的一种，但是在各种语言以及框架都会发现该模式（或者思想）的一些应用。简单来说，Mixin是带有全部实现或者部分实现的接口，其...

2020-05-27

44浏览

0评论

webpack 1.x升级过程中的踩坑总结大全

前言大家应该都知道，Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。因为最近在对博客做SSR，...

2020-05-27

82浏览

0评论

Vue2.0实现将页面中表格数据导出excel的实例

这两天学习了Vue.js 感觉知识点挺多的，所以，今天添加一点小笔记。
项目中将后台返回的数据v-for到表格中，然后需要将这个表格导出为EXCEL只说怎么做。一、需要安装三个...

2020-05-27

46浏览

0评论

AngularJS ionic手势事件的使用总结

这两天学习了AngularJS手势事件感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
长按 : on-hold
在屏幕同一位置按住超过500ms，将触发on-hold事件：你可以在任何...

2020-05-27

73浏览

0评论

JS实现的加减乘除四则运算计算器示例

本文实例讲述了JS实现超级简易的加减乘除四则运算计算器。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="UT...

2020-05-27

68浏览

0评论

vuejs事件中心管理组件间的通信详解

本文为大家分享了vuejs事件中心管理组件间的通信，供大家参考，具体内容如下事件中心这个可以是一个空的全局的Vue实例，其他的组件利用这个实例emit和on自定义事件，这样组件定义了...

2020-05-27

70浏览

0评论

vue 打包后的文件部署到express服务器上的方法

vue 简介Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现...

2020-05-27

60浏览

0评论

快速掌握jquery分页插件jqPaginator的使用方法

本文将为大家介绍一款非常赞的jQuery分页插件:jqPaginator。jqPaginator简洁、高度自定义的jQuery分页组件，适用于多种应用场景。简介现在网上各种各样的分页组件很多，但是很...

2020-05-27

热门文章