编程开发 - 教程之家

编程开发

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

64浏览

0评论

Angular Renderer (渲染器)的具体使用

Angular 其中的一个设计目标是使浏览器与 DOM 独立。DOM 是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试与重构。另外的好处是，由于这种解耦，使得我们的应用能够运...

2020-05-27 05:33:04

71浏览

0评论

Webpack中publicPath路径问题详解

最近自己在搭建一个基于webpack的react项目，遇到关于output.publicPath和webpack-dev-server中publicPath的问题，而官方文档对它们的描述也不是很清楚，所以自己研究了下并写下...

2020-05-27 05:33:03

70浏览

0评论

Webpack path与publicPath的区别详解

前言在webpack模块化开发的过程中，发现webpack.config.js配置文件的输出路径总有一个path与publicPath，不解其意。module.exports = { output: { path: path.resolve("./examp...

2020-05-27 05:33:02

56浏览

0评论

Vue表单类的父子组件数据传递示例

使用Vue.js进行项目开发，那必然会使用基于组件的开发方式，这种方式的确给开发和维护带来的一定的便利性，但如果涉及到组件之间的数据与状态传递交互，就是一件麻烦事了，特别是面对...

2020-05-27 05:33:01

48浏览

0评论

JS中判断某个字符串是否包含另一个字符串的五种方法

String对象的方法方法一: indexOf() (推荐) var str = "123" console.log(str.indexOf("2") != -1); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现...

2020-05-27 05:33:00

62浏览

0评论

Angular学习教程之RouterLink花式跳转

前言除了使用Router的navigate()方法切换路由，Angular2还提供了一个指令用来将一个DOM对象增强为路由入口：@View({directives:[RouterOutlet,RouterLink]template : `<nav><b...

2020-05-27 05:32:59

32浏览

0评论

原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果

本文实例讲述了原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset=gbk><title>www.jb51...

2020-05-27 05:32:58

41浏览

0评论

VUE Error: getaddrinfo ENOTFOUND localhost

本文介绍了VUE Error: getaddrinfo ENOTFOUND localhost，分享给大家。具体如下：Jins-MBP:helloworld XXX$ npm run dev> helloworld@1.0.0 dev /Users/XXX/Documents/develop/...

2020-05-27 05:32:57

33浏览

0评论

React为 Vue 引入容器组件和展示组件的教程详解

如果你使用过 Redux 开发 React，你一定听过容器组件（Smart/Container Components）或展示组件（Dumb/Presentational Components），这样划分有什么样的好处，我们能否能借鉴这种划分...

2020-05-27 05:32:56

39浏览

0评论

详解vuex结合localstorage动态监听storage的变化

需求：不同组件间共用同一数据，当一个组件将数据发生变化时，其他组件也可以响应该变化。分析：vue无法监听localstorage的变化。localstorage主要用于不同页面间传值，vue适合组件间...

2020-05-27 05:32:55

32浏览

0评论

原生JS实现的雪花飘落动画效果

本文实例讲述了原生JS实现的雪花飘落动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"...

2020-05-27 05:32:54

36浏览

0评论

Node.Js中实现端口重用原理详解

本文介绍了Node.Js中实现端口重用原理详解，分享给大家，具体如下：起源，从官方实例中看多进程共用端口const cluster = require('cluster');const http = require('http');const n...

2020-05-27 05:32:53

50浏览

0评论

Vue利用canvas实现移动端手写板的方法

本文介绍了Vue利用canvas实现移动端手写板的方法，分享给大家，具体如下：
<template> <div class="hello"> <button type="...

2020-05-27 05:32:52

71浏览

0评论

Vue.js 踩坑记之双向绑定

这篇体验一下VUE的双向绑定<html><head> <meta charset="utf-8"></head><body> <script src="https://unpkg.com/vue/dist/vue.min.js"></script> <div id="app"> <in...

2020-05-27 05:32:51

37浏览

0评论

jquery判断元素内容是否为空的方法 <font color=red>原创</font>

用jquery获取元素内容需要分两个情况：input 用val();var value = $('#test').val();是否为空的判断方法：if(value.length == 0){} 如果value为空执行的操作if(value!=''){} 如...

2020-05-27 05:32:50

85浏览

0评论

在 Vue 项目中引入 tinymce 富文本编辑器的完整代码

项目中原本使用的富文本编辑器是 wangEditor，这是一个很轻量、简洁编辑器但是公司的业务升级，想要一个功能更全面的编辑器，我找了好久，目前常见的编辑器有这些：UEditor：百度前端的...

2020-05-27 05:32:49

61浏览

0评论

详解vue组件基础

什么是组件
组件（Component）是对数据和方法的简单封装。web中的组件其实可以看成是页面的一个组成部分，它是一个具有独立的逻辑和功能的界面，同时又能根据规定的接口规则进行相...

2020-05-27 05:32:47

93浏览

0评论

Nodejs 和 Electron ubuntu下快速安装过程

查找时间管理软件的时候发现了superProductivity这个程序，使用electron进行开发，于是看了一下介绍，手痒了，尝试进行环境搭建，一下步慢慢补齐前端知识吧nodejs安装
nodejs的版本更...

2020-05-27 05:32:46

59浏览

0评论

vue裁切预览组件功能的实现步骤

vue版本裁切工具，包含预览功能最终效果： qiuyaofan.github.io/vue-crop-de…源码地址： github.com/qiuyaofan/v…第一步：先用vue-cli安装脚手架（不会安装的看 vue-cli官网）// 初始...

2020-05-27 05:32:46

52浏览

0评论

Vue在页面右上角实现可悬浮/隐藏的系统菜单

这是个大多数网站很常见的功能，点击页面右上角头像显示一个悬浮菜单，点击页面其他位置或再次点击头像则菜单隐藏。作为一个jQuery前端攻城狮实现这个功能可以说是很easy了，但是...

2020-05-27 05:32:44

49浏览

0评论

原生javascript AJAX 三级联动的实现代码

js 三级联动的实现代码如下所示：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js原生ajax</title></head><body> <select name="sel1"> <op...

2020-05-27 05:32:43

44浏览

0评论

Vue结合Video.js播放m3u8视频流的方法示例

首先，我们需要在vue工程中安装video.js相关依赖。npm install --save video.jsnpm install --save videojs-contrib-hls然后，我们需要引入videojs的css文件，例如在main.js中引...

2020-05-27 05:32:42

33浏览

0评论

vue mint-ui tabbar变组件使用

新建tabbar.vue<template> <mt-tabbar v-model="message" fixed> <mt-tab-item id="MainPage"> <img slot="icon" :src="this.atabs[0]"> 主页 </mt-tab-it...

2020-05-27 05:32:41

29浏览

0评论

Vue 按键修饰符处理事件的方法

按键修饰符在 PC 端开发时, 我们常常会遇到类似的需求, 比如用户按下 enter 键时提交表单, 没有用按键修饰符时, 我们可能会去监听键盘事件, 根据 keyCode 的值加以判断Vue...

2020-05-27 05:32:40

59浏览

0评论

vue地区选择组件教程详解

概述主要用于全国地区数据的操作，包括省，市，区三级联动，地区数据的添加和删除；在操作地区数据时，以前也用过树形的地区选择组件，但因其在再操作大量的地区数据时，渲染缓慢，所以我们...

2020-05-27 05:32:39

64浏览

0评论

JS模拟实现哈希表及应用详解

本文实例讲述了JS模拟实现哈希表及应用。分享给大家供大家参考，具体如下：在算法中，尤其是有关数组的算法中，哈希表的使用可以很好的解决问题，所以这篇文章会记录一些有关js实现哈...

2020-05-27 05:32:38

51浏览

0评论

Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)

当我们在书写 vue 组件的时候，也许可能会用到数据传递；将父组件的数据传递给子组件，有时候也需要通过子组件去事件去触发父组件的事件；每当我们遇到这样的需求的时候，我们总是会...

2020-05-27 05:32:37

42浏览

0评论

JS与CSS3实现图片响应鼠标移动放大效果示例

本文实例讲述了JS与CSS3实现图片响应鼠标移动放大效果。分享给大家供大家参考，具体如下：今天看网易的网站上，当我把鼠标放上去的时候发现图片放大，移开图片缩小，于是自行尝试，结果...

2020-05-27 05:32:35

44浏览

0评论

JavaScript实现百度搜索框效果

最近做了个百度搜索框今天给大家分享下。效果:　　1.当进入界面时，自动调用方法，获取当前的时间，并且实时更新时间。　　2.点击页面头部的换肤，自动更换背景图片　　3.鼠标点击...

2020-05-27 05:32:34

76浏览

0评论

基于jQuery.i18n实现web前端的国际化

在介绍 jQuery.i18n.properties 之前，我们先来看一下什么是国际化。国际化英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的...

2020-05-27 05:32:32

24浏览

0评论

node实现的爬虫功能示例

本文实例讲述了node实现的爬虫功能。分享给大家供大家参考，具体如下：node是服务器端的语言，所以可以像python一样对网站进行爬取，下面就使用node对博客园进行爬取，得到其中所有的...

2020-05-27 05:32:31

42浏览

0评论

详解使用jQuery.i18n.properties实现js国际化

当我们在做前台页面开发时，由于页面内容过多，过于繁杂，有的时候一个页面上千行的（当然这样的页面也就算一般的），为了减少页面的内容，我们将页面的js文件提取出去，放入一个特定的js文...

2020-05-27 05:32:28

46浏览

0评论

Vue.js最佳实践(五招助你成为vuejs大师)

本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我，有空就给你们写。对大部分人来说，掌握Vue.js基本的几个API后就已经能够...

2020-05-27 05:32:27

47浏览

0评论

vue嵌套路由与404重定向实现方法分析

本文实例讲述了vue嵌套路由与404重定向实现方法。分享给大家供大家参考，具体如下：第一部分： vue嵌套路由嵌套路由是什么？嵌套路由就是在一个被路由过来的页面下可以继续使用路由...

2020-05-27 05:32:26

36浏览

0评论

Vue项目全局配置微信分享思路详解

这个项目为移动端项目，主要用于接入公众号服务。项目采用两种登录方式，微信授权登录以及账号密码登录。对于移动端项目而言，为了便于项目扩展以及提供开发热更新速度，项目分为不...

2020-05-27 05:32:25

36浏览

0评论

浅谈Angular HttpClient简单入门

现代浏览器支持使用两种不同的 API 发起 HTTP 请求：XMLHttpRequest 接口和 fetch() API。
@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供了一个简化的 AP...

2020-05-27 05:32:24

45浏览

0评论

Angular模版驱动表单的使用总结

表单的重要性就不多说了，Angular支持表单的双向数据绑定，校验，状态管理等，总结下。获取用户输入<div class="container-fluid login-page"> <h1>Angular表单</h1> <form class="...

2020-05-27 05:32:22

40浏览

0评论

浅谈vue项目可以从哪些方面进行优化

图片优化1、图片大小优化，部分图片使用WebP（需要考虑webp兼容性）在线生成，如智图、又拍云 gulp生成，gulp-webp或gulp-imageisux canvas生成2、减少图片请求，使用雪碧图在线...

2020-05-27 05:32:21

42浏览

0评论

Node.js的Koa实现JWT用户认证方法

本文介绍了Node.js的Koa实现JWT用户认证方法，分享给大家，具体如下：一、前置知识基于Token的身份验证 Koajs 中文文档 Koa 框架教程
二、环境 Microsoft Visual Studio...

2020-05-27 05:32:19

44浏览

0评论

动态加载JavaScript文件的3种方式

以下是遇到的几种动态加载JavaScript文件的方式，持续更新中。。。一、使用document.write/writeln(）方式该种方式可以实现js文件的动态加载，原理就是在重写文档流，这种方式会导...

2020-05-27 05:32:18

75浏览

0评论

Vue三层嵌套路由的示例代码

Vue嵌套路由：
实现效果(路由三层嵌套，点击一级tab显示二级tab效果，二级tab点击切换对应内容,不在tab区域里的内容，切换时不重复渲染)：Demo访问时路径：http://IP:端口/#/routers/
1...

2020-05-27 05:32:17

49浏览

0评论

vue 注册组件的使用详解

一、介绍组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树那么什么...

2020-05-27 05:32:16

46浏览

0评论

详解js跨域请求的两种方式，支持post请求

JSONP实现跨域常用的jquery实现跨域调用$.ajax({ url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php", dataType: "jsonp", jsonp: "callback", co...

2020-05-27 05:32:15

39浏览

0评论

深入浅析Vue.js计算属性和侦听器

一、概述计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.sp...

2020-05-27 05:32:14

44浏览

0评论

关于HTML5的data-*自定义属性的总结

本文讲述了关于HTML5的data-*自定义属性。分享给大家供大家参考，具体如下：一、关于html元素的特性1.html元素都存在一些标准的特性：
id 元素在文档中的唯一标识符；
titl...

2020-05-27 05:32:13

36浏览

0评论

js动态引入的四种方法

本文表述了关于js动态引入四种方式的实例代码。分享给大家供大家参考，具体如下：index.html<html> <head> <meta content="text/html;charset=utf-8" http-equiv="content-ty...

2020-05-27 05:32:12

28浏览

0评论

关于js的三种使用方式（行内js、内部js、外部js）的程序代码

本文讲述了js的三种使用方式（行内js、内部js、外部js）的实例代码，感兴趣的小伙伴们可以参考一下，具体如下：1、行内js：js不单独写出<!DOCTYPE html> <html lang="en"> <head> <met...

2020-05-27 05:32:11

38浏览

0评论

JS文件中加载jquery.js的实例代码

本文表述了JS文件中加载jquery.js的方法，具有很好的参考价值，希望对大家有所帮助。最近有一个需求：1.在一个html中只能引入一个JS文件不能有JS代码和其他JS文件的引入；
2.这个J...

2020-05-27 05:32:10

45浏览

0评论

JavaScript生成指定范围随机数和随机序列的方法

在JavaScript中我们经常使用Math.random()方法生成随机数，但是该方法生成的随机数只是0-1之间的随机数。先看如下常用方法的特征:•1.Math.random(); 结果为0-1间的一个...

2020-05-27 05:32:09

58浏览

0评论

JS同步、异步、延迟加载的方法

本文讲述了JS同步、异步、延迟加载的方法。分享给大家供大家参考，具体如下：一：同步加载
我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></scr...

2020-05-27 05:32:08

首页 «1307 130813091310 1311 »尾页

热门文章