编程开发 - 教程之家

编程开发

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

76浏览

0评论

vue内置指令详解

指令 (Directives) 是带有 v- 前缀的特殊属性，职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。内置指令1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bi...

2020-05-27 05:40:05

85浏览

0评论

nodejs多版本管理总结

windows
官网推荐使用 nvmw 或者 nvm-windows ；其他产品 nodist
nvmw 安装准备：安装 git 安装 Python 2.7+ 如果需要node < 0.8的版本
nvmw 安装步骤: 打开cmd : win+R...

2020-05-27 05:40:04

85浏览

0评论

使用FileReader API创建Vue文件阅读器组件

有时候我们需要从文件中读取数据。在以前，你需要将其发送到服务器，然后返回所需的数据。问题是，现在我们还可以使用 FileReader API 直接访问浏览器中的文件。如果我们只是想读...

2020-05-27 05:40:02

69浏览

0评论

深入浅析Vue中的slots/scoped slots

一直对Vue中的slot插槽比较感兴趣，下面是自己的一些简单理解，希望可以帮助大家更好的理解slot插槽下面结合一个例子，简单说明slots的工作原理dx-li子组件的template如下：
<li cl...

2020-05-27 05:40:01

80浏览

0评论

react 实现页面代码分割、按需加载的方法

虽然一直有做 react 相关的优化，按需加载、dll 分离、服务端渲染，但是从来没有从路由代码分割这一块入手过，昨天在本地开发时没有测试成功，今天又搞了下，已经部署到线上环境了，今...

2020-05-27 05:40:00

97浏览

0评论

vue 组件中slot插口的具体用法

子组件<template> <div class="slotcontent"> <ul>  <li v-for="item in items">{{item.text}}</li> </ul> </div></template><scri...

2020-05-27 05:39:59

80浏览

0评论

JavaScript同源策略和跨域访问实例详解

本文实例讲述了JavaScript同源策略和跨域访问。分享给大家供大家参考，具体如下：1. 什么是同源策略理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非...

2020-05-27 05:39:58

103浏览

0评论

JS遍历DOM文档树的方法实例详解

本文实例讲述了JS遍历DOM文档树的方法。分享给大家供大家参考，具体如下：一介绍遍历文档树通过使用parentNode属性、firstChild属性、lastChild属性、previousSibling属性和ne...

2020-05-27 05:39:57

91浏览

0评论

使用react实现手机号的数据同步显示功能的示例代码

本文介绍了使用react实现手机号的数据同步显示功能的示例代码，分享给大家，具体如下：
要求如下输入框输入内容数据长度大于0，展示出预览信息光标离开关闭预览信息预览信息...

2020-05-27 05:39:56

76浏览

0评论

新版vue-cli模板下本地开发环境使用node服务器跨域的方法

背景
我们都知道浏览器有一个既核心也最基本的安全功能，即同源策略。同源分别是:协议，域名，端口。如果浏览器访问服务器不同源的话，就会访问不到数据。那开发中常常访问的服务器...

2020-05-27 05:39:55

86浏览

0评论

为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题

用过vue-router都知道它可以实现模块js的懒加载，即只有当需要时才去加载对应模块的js脚本文件，以加速主页的显示。比如只有第一次用户点击某个“用户信息”按钮或菜单时，才下载...

2020-05-27 05:39:54

109浏览

0评论

详解如何用babel转换es6的class语法

babel是一个转码器，目前开发react、vue项目都要使用到它。它可以把es6+的语法转换为es5，也可以转换JSX等语法。我们在项目中都是通过配置插件和预设(多个插件的集合)来转换特...

2020-05-27 05:39:53

116浏览

0评论

在Vue项目中引入腾讯验证码服务的教程

什么是腾讯验证码？它长这个样子……:point_down: 最近公司项目要求引入腾讯云验证，要求是这样的：为了防止别人恶意刷短信验证码，当用户短时间内多次获取验证码的时候，需要调用腾...

2020-05-27 05:39:51

99浏览

0评论

Vue filter介绍及详细使用

Vue filter介绍及其使用VueJs 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果。Vue.js自带了一些默认过滤器例如：capitalize 首字母大写uppercase 全部大写...

2020-05-27 05:39:50

118浏览

0评论

JavaScript实现短暂提示框功能

业务场景：当鼠标移入某元素时，显示提示框进行介绍。当鼠标移除时，会自动消失。引入ToolTip.js和ToolTip.css主方法：ToolTip.show（需要提示的元素id, 随意不重复即可, 要提示的htm...

2020-05-27 05:39:49

99浏览

0评论

vue cli升级webapck4总结

webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。
新特性
0配置应该是par...

2020-05-27 05:39:48

131浏览

0评论

详解vue 单页应用（spa）前端路由实现原理

写在前面：通常 SPA 中前端路由有2种实现方式： window.history location.hash下面就来介绍下这两种方式具体怎么实现的
一.history
1.history基本介绍
window.history 对象包...

2020-05-27 05:39:47

97浏览

0评论

10分钟上手vue-cli 3.0 入门介绍

环境安装全新版本的脚手架、逼格非常高、记住这个名字 @vue/cli ，对就是这个你npm 或者yarn 安装就行了，先保证全局环境有它。npm install -g @vue/cliyarn add global @vue...

2020-05-27 05:39:46

103浏览

0评论

vue.js实现点击后动态添加class及删除同级class的实现代码

最近使用vue需要实现一个点餐选择商品规格的页面，需要通过vue动态的给被点击的元素添加class名字，使其变色，其他的删除class。如图：开始在网上找了许多办法发现不是太好用，最后找...

2020-05-27 05:39:44

95浏览

0评论

D3.js实现简洁实用的动态仪表盘的示例

本文介绍了D3.js实现简洁实用的动态仪表盘的示例，分享给大家，具体如下：动态效果图：仪表盘效果图
细看上面的动态效果图，可以发现：一个值变换到一个新的值时，是一个渐变的过程；圆...

2020-05-27 05:39:43

89浏览

0评论

vue todo-list组件发布到npm上的方法

前言最近几个人合作完成了一个项目，发现有一些公用的基础业务组件，可以提取出来，不仅方便大家在各自模块直接引用，也可以在以后的项目中使用。想到了可不可以自己动手把组件打包...

2020-05-27 05:39:42

90浏览

0评论

AngularJS 应用模块化的使用

一.模块化的好处(1)实现逻辑更清晰、可读性强;
(2)团队开发分工明确,容易控制;
(3)充分利用可以重用代码;
(4)抽象出可公用的模块,可维护性强;
(5)模块化的遗留系统方便组装...

2020-05-27 05:39:41

80浏览

0评论

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

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

2020-05-27 05:39:40

104浏览

0评论

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

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

2020-05-27 05:39:38

65浏览

0评论

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

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

2020-05-27 05:39:37

76浏览

0评论

vue中mint-ui的使用方法

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

2020-05-27 05:39:36

105浏览

0评论

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

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

2020-05-27 05:39:35

74浏览

0评论

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

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

2020-05-27 05:39:34

95浏览

0评论

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

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

2020-05-27 05:39:33

89浏览

0评论

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

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

2020-05-27 05:39:32

109浏览

0评论

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

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

2020-05-27 05:39:31

95浏览

0评论

express默认日志组件morgan的方法

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

2020-05-27 05:39:30

87浏览

0评论

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

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

2020-05-27 05:39:29

110浏览

0评论

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

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

2020-05-27 05:39:28

131浏览

0评论

mint-ui在vue中的使用示例

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

2020-05-27 05:39:27

88浏览

0评论

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

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

2020-05-27 05:39:25

90浏览

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

71浏览

0评论

vue.js项目nginx部署教程

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

2020-05-27 05:39:23

96浏览

0评论

webpack源码之loader机制详解

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

2020-05-27 05:39:22

82浏览

0评论

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

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

2020-05-27 05:39:21

80浏览

0评论

js+css实现打字效果

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

2020-05-27 05:39:20

73浏览

0评论

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

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

2020-05-27 05:39:19

88浏览

0评论

Vue中使用Sortable的示例代码

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

2020-05-27 05:39:18

81浏览

0评论

Javascript实现运算符重载详解

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

2020-05-27 05:39:17

63浏览

0评论

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

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

2020-05-27 05:39:16

69浏览

0评论

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

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

2020-05-27 05:39:14

97浏览

0评论

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

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

2020-05-27 05:39:13

116浏览

0评论

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

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

2020-05-27 05:39:13

72浏览

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

67浏览

0评论

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

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

2020-05-27 05:39:11

首页 «1324 132513261327 1328 »尾页

热门文章