编程开发 - 教程之家

编程开发

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

45浏览

0评论

JS实现的DOM插入节点操作示例

本文实例讲述了JS实现的DOM插入节点操作。分享给大家供大家参考，具体如下：一介绍插入节点通过使用insertBefore()方法来实现。insertBefore()方法将在另一个子节点前插入新的...

2020-05-27 05:39:40

68浏览

0评论

JS实现DOM删除节点操作示例

本文实例讲述了JS实现DOM删除节点操作。分享给大家供大家参考，具体如下：一介绍删除节点通过使用removeChild()方法来实现。removeChild()方法用来删除一个子节点。obj. remov...

2020-05-27 05:39:38

37浏览

0评论

JS实现访问DOM对象指定节点的方法示例

本文实例讲述了JS实现访问DOM对象指定节点的方法。分享给大家供大家参考，具体如下：一介绍使用getElementById()方法来访问指定id的节点，并用nodeName属性、nodeType属性和node...

2020-05-27 05:39:37

47浏览

0评论

vue中mint-ui的使用方法

mint-ui在vue中的使用，供大家参考，具体内容如下首先放上mint-ui中文文档近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码。github上面的分享，里面...

2020-05-27 05:39:36

83浏览

0评论

vue基于mint-ui实现城市选择三级联动

项目是基于vue2 的移动端项目，供大家参考，具体内容如下1、实际效果地址三级联动 mint-ui picker.png2、首先你需要去下载一个包含中国省份，城市，区县的数据如下：
（这个地址里面包...

2020-05-27 05:39:35

45浏览

0评论

解决vue中使用swiper插件问题及swiper在vue中的用法

Swiper简介Swiper常用于移动端网站的内容触摸滑动。Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多...

2020-05-27 05:39:34

63浏览

0评论

Angular HMR(热模块替换)功能实现方法

最近一个同事在使用Angular的时候，希望能像VUE那样，修改代码后浏览器不刷新，页面对应修改的组件自动更新的功能。这个功能的名字时HMR (hot module replace)。
稍微研究了一下，...

2020-05-27 05:39:33

63浏览

0评论

关于Google发布的JavaScript代码规范你要知道哪些

Google为了那些还不熟悉代码规范的人发布了一个JS代码规范。其中列出了编写简洁易懂的代码所应该做的最佳实践。代码规范并不是一种编写正确JavaScript代码的规则，而是为了保...

2020-05-27 05:39:32

74浏览

0评论

React Native悬浮按钮组件的示例代码

React Native悬浮按钮组件：react-native-action-button，纯JS组件，支持安卓和IOS双平台，支持设置子按钮，支持自定义位置和样式和图标。
效果图安装方法
npm i react-native-action...

2020-05-27 05:39:31

59浏览

0评论

express默认日志组件morgan的方法

章节概览
morgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。本文由浅入深，内容主要包括： morgan使用入门例子如何将日志保存到本地文件...

2020-05-27 05:39:30

63浏览

0评论

详解Vue基于 Nuxt.js 实现服务端渲染（SSR）

直接使用 Vue 构建前端单页面应用，页面源码时只有简单的几行 html，这并不利于网站的 SEO，这时候就需要服务端渲染2016 年 10 月 25 日，zeit.co 背后的团队对外发布了一个 React...

2020-05-27 05:39:29

73浏览

0评论

webpack热模块替换（HMR）/热更新的方法

这是一篇关于webpack热模块替换的最简单的配置（不需要react），也称作热更新。模块热替换(HMR)的作用是，在应用运行时，无需刷新页面，便能替换、增加、删除必要的模块。 HMR 对于那些...

2020-05-27 05:39:28

97浏览

0评论

mint-ui在vue中的使用示例

本文介绍了mint-ui在vue中的使用示例，分享给大家，具体如下：首先放上 mint-ui中文文档近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码。github上...

2020-05-27 05:39:27

51浏览

0评论

通过 JS 判断页面是否有滚动条的实现方法

前言最近在写插件的过程中，需要使用 JS 判断是否有滚动条，搜了一下，大致方法都差不多，但都有些啰嗦，代码不够简洁。最终通过参考不同方法，写了一个比较简单的方法。在判断滚动条的...

2020-05-27 05:39:25

57浏览

0评论

常用的 JS 排序算法整理版

1.冒泡排序var bubbleSort = function(arr) { for (var i = 0, len = arr.length; i < len - 1; i++) { for (var j = i + 1; j < len; j++) { if (arr[i] > arr[j...

2020-05-27 05:39:24

50浏览

0评论

vue.js项目nginx部署教程

nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手...

2020-05-27 05:39:23

69浏览

0评论

webpack源码之loader机制详解

loader概念
loader是用来加载处理各种形式的资源,本质上是一个函数, 接受文件作为参数,返回转化后的结构。loader 用于对模块的源代码进行转换。loader 可以使你在 import...

2020-05-27 05:39:22

56浏览

0评论

简单介绍react redux的中间件的使用

用过react的同学都知道在redux的存在，redux就是一种前端用来存储数据的仓库，并对改仓库进行增删改查操作的一种框架，它不仅仅适用于react，也使用于其他前端框架。研究过redux源...

2020-05-27 05:39:21

54浏览

0评论

js+css实现打字效果

本文实例为大家分享了JavaScript实现打字效果的具体代码，供大家参考，具体内容如下1.效果2.源码<html><head> <style type="text/css"> #myDiv{ display: inline-block; w...

2020-05-27 05:39:20

41浏览

0评论

JavaScript实现简单动态进度条效果

本文实例为大家分享了js实现动态进度条效果的具体代码，供大家参考，具体内容如下1.效果2.源码<html><head> <script type="text/javascript"> window.onload = function ()...

2020-05-27 05:39:19

59浏览

0评论

Vue中使用Sortable的示例代码

之前开发一个后台管理系统，里面用到了Vue和Element-UI这个组件库，遇到一个挺有意思的问题，和大家分享一下。场景是这样，在一个列表展示页上，我使用了Element-UI的表格组件，新的需...

2020-05-27 05:39:18

51浏览

0评论

Javascript实现运算符重载详解

最近要做数据处理，自定义了一些数据结构，比如Mat,Vector,Point之类的，对于加减乘除之类的四则运算还要重复定义，代码显得不是很直观，javascript没有运算符重载这个像C++、C#之类...

2020-05-27 05:39:17

34浏览

0评论

Vue实现内部组件轮播切换效果的示例代码

对于那些不需要路由的内部组件，在切换的时候希望增加一个轮播过渡的效果，效果如下：我们可以引入一个轮播组件，但是有个问题，通常轮播组件都会把所有的slide都渲染出来再进行切换，...

2020-05-27 05:39:16

43浏览

0评论

Angular5给组件本身的标签添加样式class的方法

在Angular 5给组件本身的标签添加样式有两种方法：方式一：使用@Component的host属性@Component({ selector : 'myComponent', host : { '[style.color]' : "'red'", '[style...

2020-05-27 05:39:14

64浏览

0评论

vue-cli开发环境实现跨域请求的方法

前端开发时，请求后台接口经常需要跨域，vue-cli实现跨域请求只需要打开config/index.js，修改如下内容即可。//例如要请求的接口url为http://172.3.2.1:8000/look/1module.export...

2020-05-27 05:39:13

75浏览

0评论

详解Vue-cli webpack移动端自动化构建rem问题

相信很多小伙伴想着自己的移动端项目能够自动转换为rem，这才符合前端的潮流，如果用自己手写或者编辑器插件来改动十分不方便还容易出错，我在网上找了很多的方法发现以下问题：
1...

2020-05-27 05:39:13

41浏览

0评论

原生nodejs使用websocket代码分享

安装：
npm install ws
服务端（nodejs）：
var WebSocketServer = require('ws').Server,wss = new WebSocketServer({ port: 8080 });wss.on('connection', function (ws) {cons...

2020-05-27 05:39:12

36浏览

0评论

详解nodejs通过响应回写的方式渲染页面资源

我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢
下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作，代码如下：h...

2020-05-27 05:39:11

61浏览

0评论

vue下拉列表功能实例代码

最近在弄作品，做了个下拉列表。心想各位小哥哥、小姐姐可能会用到相同的需求，就把下拉列表封装一下，希望能对各位小哥哥，小姐姐有帮助github地址：https://github.com/ClmPisces/v...

2020-05-27 05:39:10

43浏览

0评论

angular2模块和共享模块详解

创建模块，用到了共享模块PostSharedModule，共享模块里面包含了2个公用的模块：文章管理模块和评论管理模块1,创建一个模块testmodule.module.tsimport { CommonModule } from '@...

2020-05-27 05:39:09

56浏览

0评论

JS求Number类型数组中最大元素方法

如何使用JS，在一个Number类型的数组里，查找最大（或最小）数呢？以下介绍四个方法。1. 不使用任何库函数代码如下：function findMax1 (arr) { let result = 0; if (Array.isArray(a...

2020-05-27 05:39:08

74浏览

0评论

vuex 项目结构目录及一些简单配置介绍

首先先正经的来一段官网的"忠告"：vuex需要遵守的规则：一、应用层级的状态应该集中到单个 store 对象中。二、提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。三、...

2020-05-27 05:39:07

73浏览

0评论

通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题

懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过...

2020-05-27 05:39:06

270浏览

0评论

vue2.0 资源文件assets和static的区别详解

资源文件处理
在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？Webpacked 资源
为了回答这个问题，我们首先需要理解webpack是...

2020-05-27 05:39:05

59浏览

0评论

Angular 5.x 学习笔记之Router(路由)应用

序言：Angular APP 视图之间的跳转，依赖于 Router （路由），这一章，我们来讲述 Router 的应用实例讲解运行结果如下。设置了3个导航栏， Home、 About、Dashboard。点击不同的导航栏，...

2020-05-27 05:39:04

48浏览

0评论

React Router v4 入坑指南(小结)

距离React Router v4 正式发布也已经过去三个月了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同...

2020-05-27 05:39:03

44浏览

0评论

JS简单实现动态添加HTML标记的方法示例

本文实例讲述了JS简单实现动态添加HTML标记的方法。分享给大家供大家参考，具体如下：一介绍动态添加一个HTML标记可以使用createElement()方法来实现。CreateElement()方法可...

2020-05-27 05:39:02

47浏览

0评论

详解vue表单——小白速看

一、基本用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些...

2020-05-27 05:39:01

112浏览

0评论

JS简单获取并修改input文本框内容的方法示例

本文实例讲述了JS简单获取并修改input文本框内容的方法。分享给大家供大家参考，具体如下：一介绍获取文本框并修改其内容可以使用getElementById()方法来实现。getElementById...

2020-05-27 05:39:00

50浏览

0评论

Js面试算法详解

素数Q：你将如何验证一个素数？A：一个素数只能被它自己和1整除。所以，我将运行一个while循环并加1。（看代码示例，如果你无法理解，那这不是你的菜。先回去学习javaScript基础知识然后...

2020-05-27 05:38:59

87浏览

0评论

JS简单实现查看文档创建日期、修改日期和文档大小的方法示例

本文实例讲述了JS简单实现查看文档创建日期、修改日期和文档大小的方法。分享给大家供大家参考，具体如下：一介绍查看文档创建日期、修改日期和文档大小，可以使用fileCreatedDa...

2020-05-27 05:38:57

49浏览

0评论

Vue 页面切换效果之 BubbleTransition(推荐)

CodePen 地址前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天...

2020-05-27 05:38:57

299浏览

0评论

vue-infinite-loading2.0 中文文档详解

简介这是一个使用在Vue.js中的无限滚动插件，它可以帮助你快速创建一个无限滚动列表。特点移动端支持友好兼容任何一个可以滚动的元素有不同的旋转器可以作为加载动画...

2020-05-27 05:38:55

52浏览

0评论

Vue中的无限加载vue-infinite-loading的方法

本文介绍了Vue中的无限加载vue-infinite-loading的方法，分享给大家，具体如下：
注意：vue-infinite-loading2.0只能在Vue.js2.0中使用。如果你想在Vue.js1.0中使用，请安装vue-infin...

2020-05-27 05:38:54

63浏览

0评论

vue使用vue-i18n实现国际化的实现代码

需求公司项目需要国际化，点击按钮切换中文/英文1、安装npm install vue-i18n --save2、注入 vue 实例中，项目中实现调用 api 和模板语法import VueI18n from 'vue-i18n'Vue.u...

2020-05-27 05:38:53

45浏览

0评论

vue组件与复用详解

一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册...

2020-05-27 05:38:52

72浏览

0评论

Vue入门之animate过渡动画效果

简介： transition方法的使用 transition内置方法 transition-group
animate库实现过渡动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...

2020-05-27 05:38:51

54浏览

0评论

vue组件中使用props传递数据的实例详解

在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。一、基本用...

2020-05-27 05:38:50

45浏览

0评论

vue组件详解之使用slot分发内容

一、什么是slot在使用组件时，我们常常要像这样组合它们：<app> <app-header></app-header> <app-footer></app-footer></app>当需要让组件组合使用，混合父组件的内容与子组件的...

2020-05-27 05:38:49

45浏览

0评论

一步步教会你微信小程序的登录鉴权

前言
为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何...

2020-05-27 05:38:48

首页 «1300 130113021303 1304 »尾页

热门文章