编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

57浏览

0评论

react路由配置方式详解

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

2020-05-27 12:29:31

75浏览

0评论

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

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

2020-05-27 12:29:28

54浏览

0评论

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

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

2020-05-27 12:29:27

42浏览

0评论

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

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

2020-05-27 12:29:26

62浏览

0评论

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

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

2020-05-27 12:29:24

69浏览

0评论

bootstrap Table插件使用demo

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

2020-05-27 12:29:23

39浏览

0评论

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

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

2020-05-27 12:29:21

54浏览

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 12:29:20

40浏览

0评论

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

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

2020-05-27 12:29:19

48浏览

0评论

AngularJs每天学习之总体介绍

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

2020-05-27 12:29:13

66浏览

0评论

JS判断微信扫码的方法

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

2020-05-27 12:29:12

49浏览

0评论

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

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

2020-05-27 12:29:09

46浏览

0评论

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

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

2020-05-27 12:29:06

51浏览

0评论

ReactNative Image组件使用详解

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

2020-05-27 12:29:02

48浏览

0评论

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

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

2020-05-27 12:29:00

52浏览

0评论

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

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

2020-05-27 12:28:58

53浏览

0评论

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

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

2020-05-27 12:28:57

37浏览

0评论

Angularjs上传文件组件flowjs功能

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

2020-05-27 12:28:55

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 12:28:54

43浏览

0评论

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

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

2020-05-27 12:28:53

35浏览

0评论

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

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

2020-05-27 12:28:48

42浏览

0评论

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

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

2020-05-27 12:28:47

37浏览

0评论

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

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

2020-05-27 12:28:46

83浏览

0评论

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

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

2020-05-27 12:28:45

56浏览

0评论

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

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

2020-05-27 12:28:43

46浏览

0评论

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

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

2020-05-27 12:28:38

57浏览

0评论

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

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

2020-05-27 12:28:36

48浏览

0评论

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

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

2020-05-27 12:28:35

74浏览

0评论

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

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

2020-05-27 12:28:33

97浏览

0评论

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

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

2020-05-27 12:28:32

47浏览

0评论

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

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

2020-05-27 12:28:31

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 12:28:30

56浏览

0评论

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

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

2020-05-27 12:28:28

54浏览

0评论

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

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

2020-05-27 12:28:27

49浏览

0评论

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

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

2020-05-27 12:28:25

45浏览

0评论

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

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

2020-05-27 12:28:22

57浏览

0评论

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

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

2020-05-27 12:28:20

42浏览

0评论

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

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

2020-05-27 12:28:18

44浏览

0评论

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

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

2020-05-27 12:28:17

58浏览

0评论

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

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

2020-05-27 12:28:16

76浏览

0评论

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

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

2020-05-27 12:28:14

44浏览

0评论

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

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

2020-05-27 12:28:12

57浏览

0评论

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

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

2020-05-27 12:28:11

42浏览

0评论

jQuery Easyui Treegrid实现显示checkbox功能

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

2020-05-27 12:28:10

71浏览

0评论

react-native之ART绘图方法详解

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

2020-05-27 12:28:08

63浏览

0评论

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

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

2020-05-27 12:28:06

53浏览

0评论

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

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

2020-05-27 12:27:56

72浏览

0评论

js中less常用的方法小结

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

2020-05-27 12:27:49

63浏览

0评论

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

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

2020-05-27 12:27:47

90浏览

0评论

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

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

2020-05-27 12:27:45

首页 «1212 121312141215 1216 »尾页

热门文章