48浏览

0评论

react native实现往服务器上传网络图片的实例

如下所示：let common_url = 'http://192.168.1.1:8080/'; //服务器地址let token = ''; //用户登陆后返回的token/** * 使用fetch实现图片上传 * @param {string} url 接口...

• 2020-05-27

72浏览

0评论

基于JS递归函数细化认识及实用实例(推荐)

程序调用自身的编程技巧称为递归（ recursion）。一个过程或函数在其定义或说明中又直接或间接调用自身的一种方法，它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模...

• 2020-05-27

53浏览

0评论

bootstrap table表格客户端分页实例

一、前言
bootstrap-table是非常方便好用的前端表格分页插件，使用者只需要提供数据源就能实现非常完美的分页效果，其分页方式可以分成客户端分页和服务端分页，其接收的数据...

• 2020-05-27

62浏览

0评论

jquery+css实现简单的图片轮播效果

开发过程中需要用到图片轮播的插件，在网上找了几个插件之后还是决定自己码一个，比较简洁的功能，以后说不定还会有用。ps：
功能比较简单，整个框并不能根据图片的大小自动调节，这里...

• 2020-05-27

50浏览

0评论

react native仿微信PopupWindow效果的实例代码

在原生APP开发中，相信很多开发者都会见到这种场景：点击右上角更多的选项，弹出一个更多界面供用户选择。这种控件在原生开发中Android可以用PopupWindow实现，在iOS中可以用CMPopT...

• 2020-05-27

60浏览

0评论

JavaScript调试之console.log调试的一个小技巧分享

前言
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；
alert弹出框需要点击确认比...

• 2020-05-27

68浏览

0评论

深入理解vue.js中$watch的oldvalue与newValue

$watch中的oldvalue和newValue大家都知道，在vue.js中给我们提供了$watch的方法来做对象变化的监听，而且在callback中会返回两个对象，分别是oldValue和newValue.
顾名思义，这两个...

• 2020-05-27

65浏览

0评论

react路由配置方式详解

本文介绍了react路由配置，最近刚开始学，分享给大家，顺便给自己留个笔记。包含了LInk跳转以及js触发跳转并传参。
这是项目的目录结构，主要的代码都在src目录下，src下面新建一个co...

• 2020-05-27

85浏览

0评论

React中使用collections时key的重要性详解

前言大家应该都知道，在 React 中 render collections 的 items 时, Keys 扮演着重要的角色, 它直接决定接下来的 rendered 和 re-rendered，下面话不多说，来一起看看详细的介绍：R...

• 2020-05-27

60浏览

0评论

详解前端路由实现与react-router使用姿势

路由对于有过SPA开发经验的人来说，路由这个名词并不陌生，前端的路由和后端的路由在实现技术上不一样，但是原理都是一样的。在 HTML5 的 history API 出现之前，前端的路由都是通...

• 2020-05-27

45浏览

0评论

React进阶学习之组件的解耦之道

前言众所周知，React中的组件非常的灵活可扩展，不过随着业务复杂度的增加和许多外部工具库的引入，组件往往也会显得浮肿，接下来我们就一起来看看常见的几种，遵循单一职责原则的，组...

• 2020-05-27

72浏览

0评论

Django+Vue.js搭建前后端分离项目的示例

在写这篇文章的时候，顺带学习了一下关于Markdown的使用方法。
笔者是个渣渣，一切都是自己在摸索的学着，所以也谈不上什么体系、系统学习。在这里主要是为了实现把项目前后端分...

• 2020-05-27

73浏览

0评论

bootstrap Table插件使用demo

最近研究bootstrap，它仅提供视觉效果，对于数据列表之类的并未涉及，网上找了一下，找到一个Table插件。
名为bootstrapTable。
官方地址：http://bootstrap-table.wenzhixin.net.cn/...

• 2020-05-27

43浏览

0评论

ES6新增数据结构WeakSet的用法详解

WeakSet和Set类似，同样是元素不重复的集合，它们的区别是WeakSet内的元素必须是对象，不能是其它类型。特性：1.元素必须是对象。添加一个number类型的元素。const ws = new WeakSe...

• 2020-05-27

72浏览

0评论

BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤

bootstrap-fileinput源码：https://github.com/kartik-v/bootstrap-fileinputbootstrap-fileinput在线API：http://plugins.krajee.com/file-inputbootstrap-fileinput Demo展示...

• 2020-05-27

46浏览

0评论

关于webpack2和模块打包的新手指南（小结）

webpack已成为现代Web开发中最重要的工具之一。它是一个用于JavaScript的模块打包工具，但是它也可以转换所有的前端资源，例如HTML和CSS，甚至是图片。它可以让你更好地控制应用...

• 2020-05-27

52浏览

0评论

AngularJs每天学习之总体介绍

这周末在家呆了两天，正好中午闲暇时间继续分享Angularjs相关，今天主要分享Angularjs总体介绍及数据绑定部分内容，下面直接进入主题。1、基本概念：
　　AngularJS是为了克服HTML...

• 2020-05-27

70浏览

0评论

JS判断微信扫码的方法

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

• 2020-05-27

54浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

58浏览

0评论

ReactNative Image组件使用详解

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

• 2020-05-27

53浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

58浏览

0评论

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

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

• 2020-05-27

40浏览

0评论

Angularjs上传文件组件flowjs功能

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

• 2020-05-27

50浏览

0评论

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

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

• 2020-05-27

46浏览

0评论

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

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

• 2020-05-27

38浏览

0评论

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

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

• 2020-05-27

49浏览

0评论

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

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

• 2020-05-27

40浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

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

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

• 2020-05-27

113浏览

0评论

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

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

QQ
• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

49浏览

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

70浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

54浏览

0评论

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

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

• 2020-05-27

50浏览

0评论

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

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

56浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27