编程开发 - 教程之家

编程开发

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

62浏览

0评论

使用Node搭建reactSSR服务端渲染架构

如题；本文所讲架构主要用到技术栈有： Node, Express, React, Mobx, webpack4, ES6, ES7, axios, ejs, log4js, scss，echarts，ant desigeSSR的概念
Server Slide Rendering，缩写...

2020-05-27 04:53:57

63浏览

0评论

原生JS实现的简单小钟表功能示例

本文实例讲述了原生JS实现的简单小钟表功能。分享给大家供大家参考，具体如下：先来看看运行效果：完整代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...

2020-05-27 04:53:56

64浏览

0评论

vue组件表单数据回显验证及提交的实例代码

最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。代码如下：<template> <div class="index"> ...

2020-05-27 04:53:55

64浏览

0评论

JavaScript fetch接口案例解析

在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。
现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目...

2020-05-27 04:53:54

65浏览

0评论

原生JS实现简单的倒计时功能示例

本文实例讲述了原生JS实现简单的倒计时功能。分享给大家供大家参考，具体如下：1、第一种<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>www.freexyz.cn JS倒计时...

2020-05-27 04:53:53

65浏览

0评论

对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍

在Vue中，自定义指令的生命周期，有5个事件钩子：1-bind 被绑定， 2-inserted 被插入， 3-update 开始更新， 4-componentUpdated 更新完成，5-unbind 解除绑定。我们可以设置指令在某一个...

2020-05-27 04:53:52

57浏览

0评论

详解React native fetch遇到的坑

最近在自学react native，学习过程中遇到了不少的坑，下面将针对登录这一功能来详细介绍一下以下遇到的两个问题。
1.在请求数据的时候，一般情况下我们会直接提交Content-type是...

2020-05-27 04:53:51

71浏览

0评论

JS+HTML5 Canvas实现简单的写字板功能示例

本文实例讲述了JS+HTML5 Canvas实现简单的写字板功能。分享给大家供大家参考，具体如下：先来看运行效果：具体代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8">...

2020-05-27 04:53:50

80浏览

0评论

解决vue的变量在settimeout内部效果失效的问题

解决方法如下：1、定义一个self暂存this2、再改变变量的值，则生效啦 var self=this; this.toastrVal = inVal; this.loadState = true; this.noBg = bgState; set...

2020-05-27 04:53:49

75浏览

0评论

解决使用bootstrap的dropdown部件时报错：error：Bootstrap dropdown require Popper.js问题

最近小编在学习bootstrap，偶然碰到了一个小问题，bootstrap网站也没有做过多的解释，今天分享给大家。问题描述：使用bootstrap的dropdown部件，打开网页后点击dropdown，报了如下错误：e...

2020-05-27 04:53:48

71浏览

0评论

jsonp跨域及实现百度首页联想功能的方法

什么是跨域呢？
比如说ajax必须在自己的域(名)之下，才能进行异步的请求，如果不是在同一个域之下就不能进行请求，会报错。比如说我们用ajax去请求腾讯的API如果我们的这个域不在腾...

2020-05-27 04:53:47

46浏览

0评论

解决jQuery使用append添加的元素事件无效的问题

jquery api官方的例子在新增的元素上添加事件$(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this...

2020-05-27 04:53:46

102浏览

0评论

10分钟彻底搞懂Http的强制缓存和协商缓存(小结)

浏览器缓存
浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。所以根据上面的特点，浏览器缓存...

2020-05-27 04:53:45

78浏览

0评论

原生JS+HTML5实现的可调节写字板功能示例

本文实例讲述了原生JS+HTML5实现的可调节写字板功能。分享给大家供大家参考，具体如下：前面一篇介绍了《JS+HTML5 Canvas实现简单的写字板功能》，这里再介绍另一种实现方法。首...

2020-05-27 04:53:43

55浏览

0评论

对vue中methods互相调用的方法详解

如下所示：最近在学习vue，并用vue+vue-router+axios+elementUI做了一个pos收银系统的前端页面，但是中间遇到methods里的方法调用问题。本身源码是没有调用的，但是我想直接调用多...

2020-05-27 04:53:42

68浏览

0评论

vue 根据数组中某一项的值进行排序的方法

vue中数组和对象的排序
1数组排序
<div id="app"> <ul> <li v-for="a in arr1">{{a}}</li> </ul> </div> <script type="text/javascript"> new Vue({ el:"#app",...

2020-05-27 04:53:41

56浏览

0评论

在Vue methods中调用filters里的过滤器实例

需求：vue中，除了在模板中使用过滤器，有时候，methods中也需要使用filters中的过滤器，网友hongz1125提出的解决办法：this.$options.filters[filter](...args) //这种方法很简单,也...

2020-05-27 04:53:40

108浏览

0评论

解决vue js IOS H5focus无法自动弹出键盘的问题

IOS不自动弹出键盘，必须手动触发一下focus才行，不能自动调用，所以需要诱导用户点击某个按钮触发focus，最终修改的方法，默认隐藏密码输入框，隐藏不能用v-if或者是v-show,用position...

2020-05-27 04:53:39

63浏览

0评论

微信小程序之判断页面滚动方向的示例代码

微信小程序中如果判断页面滚动方向？解决方案
1.用到微信小程序API获取页面实际高度 nodesRef.boundingClientRect([callback])
监听用户滑动页面事件onPageScroll。
2.获取...

2020-05-27 04:53:38

50浏览

0评论

解决Js先触发失去焦点事件再执行点击事件的问题

最近在做公司的某个从项目，基本设计和淘宝登陆页类似： 1）文本框内容为空是，文本框右侧无清除按钮，当有内容时立即显示清除按钮；2）当文本框失去焦点时，清除按钮消失，获取焦点时若文本...

2020-05-27 04:53:38

64浏览

0评论

解决vue中监听input只能输入数字及英文或者其他情况的问题

如下所示：1、<input placeholder="请输入条形码" class="disPriceStyle" v-model = 'searcBarCode'></input>、（只能输入数字，英文)<input placeholder="请输入商品条形码" cl...

2020-05-27 04:53:37

134浏览

0评论

小程序图片长按识别功能的实现方法

背景
今天，做的小程序项目要求，个人中心的客服图片在用户长按时可以识别其二维码
在百度无果，参考小程序官方文档后，发现：
1.文档中有一句提示：
"image组件中二维码/小程序码图片...

2020-05-27 04:53:35

84浏览

0评论

详解Vue CLI3 多页应用实践和源码设计

对于一个网站来说,即需要h5页面也同时需要web页面,而h5和web页面共用很多代码,不做响应式,只能拆分两个页面来写,一个h5,一个web.用vue cli3怎么配置h5与web的应用呢?...

2020-05-27 04:53:34

151浏览

0评论

Nodejs Express 通过log4js写日志到Logstash(ELK)

Log4j 是一个使用 Java 语言编写的，可靠、快速、灵活的日志框架（API），使用 Apache Software License 授权。它被移植到 C、C++、C#、Perl、Python、Ruby 和 Eiffel 语言中。Log4...

2020-05-27 04:53:33

93浏览

0评论

分享vue里swiper的一些坑

实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用)第一步: 安装 npm i swiper (vue插件自带)第二步: 在当前页面里...

2020-05-27 04:53:32

88浏览

0评论

vue-swiper的使用教程

swiper是我之前做前端页面会用到的一个插件,我自己认为是非常好用的。swiper提供了形式多种多样、适应各个终端的轮播图效果。本文是小编给大家带来的vue-swiper的使用教程...

2020-05-27 04:53:31

61浏览

0评论

Vue2实时监听表单变化的示例讲解

如下所示：<template> <section> <el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :before-close="cancel"> <el-form :model="form" :rules="rul...

2020-05-27 04:53:30

59浏览

0评论

vue中rem的配置的方法示例

在用vue或react等工具搭建一个移动端项目时,怎样做到自适应呢? 当然选择rem布局比较方便快捷.
开发移动端，我们常常要用到rem+flex，那么vue中如何配置呢，我的做法是这样：1、...

2020-05-27 04:53:29

70浏览

0评论

微信小程序使用wxParse解析html的实现示例

最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容...

2020-05-27 04:53:27

75浏览

0评论

解决vue select当前value没有更新到vue对象属性的问题

vue是一款轻量级的mvvm框架，追随了面向对象思想，使得实际操作变得方便，但是如果使用不当，将会面临着到处踩坑的危险，写这篇文章的目的是我遇到的这个问题在网上查了半天也没有发...

2020-05-27 04:53:26

77浏览

0评论

vue-router动态设置页面title的实例讲解

由于用Vue框架开发的应用是SPA（单页面应用），采用的是路由的形式，没有所谓的页面，所以想让网页的标题随着路由的改变而改变，可以使用document.title = ×××来改变网页标题。但是...

2020-05-27 04:53:25

186浏览

0评论

从vue源码解析Vue.set()和this.$set()

前言最近死磕了一段时间vue源码，想想觉得还是要输出点东西，我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的。Vue.set()和this.$set()应用的场景...

2020-05-27 04:53:24

69浏览

0评论

基于Angularjs-router动态改变Title值的问题

许久没写Angularjs这玩意儿了，发现以前项目直接从dom元素去修改title实属简陋了些。懒得废话，上代码；index里面直接<title ng-bind="title"></title>即可。路由文件我作名confi...

2020-05-27 04:53:23

109浏览

0评论

Vue.set() this.$set()引发的视图更新思考及注意事项

引文vue文档列表渲染中有条注意事项：这里提到的两种情况实际改变了数据但是没有触发视图更新。由此引出Vue.set()，先上文档API：...

2020-05-27 04:53:22

81浏览

0评论

javascript闭包的使用之按钮切换功能

闭包实现按钮状态切换看下面的代码：var toggleBtn = document.getElementById('toggle');var toggleFun = (function() { var checked = true; return function() { var col...

2020-05-27 04:53:21

70浏览

0评论

详解小程序输入框闪烁及重影BUG解决方案

前言
本人所说的小程序，都是基于mpvue框架而上的，因此BUG可能是原生小程序的，也有可能是mpvue的。
问题描述
在小程序input组件中，如果使用v-model进行双向绑定，在输入时会出现光...

2020-05-27 04:53:20

72浏览

0评论

vue通过滚动行为实现从列表到详情,返回列表原位置的方法

vue项目滚动行为场景：项目中，从列表进入详情，再从详情返回列表时，想直接定位到离开时的位置。列表页点击某一个进入到详情页：进入到详情页：从详情页点击返回到列表页到离开的位置：...

2020-05-27 04:53:18

116浏览

0评论

Bootstrap Table 双击、单击行获取该行及全表内容

什么是Bootstrap-table？　　在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web开发中，可以采用很多功能强大的插件来满足要求，且能极大的提高开发效率，本随...

2020-05-27 04:53:17

110浏览

0评论

详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计

执行 npm run build 之后的 dist 目录的静态资源的文件名多会追加上 hash 值，比如: page1.f151b4d3.js那如果不要 hash 呢，你只需要配置 vue.config.js 文件中的 filenameHash...

2020-05-27 04:53:16

46浏览

0评论

基于jQuery ztree实现表格风格的树状结构

zTree 简介
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree 是开源免费的软件（MIT 许可证）。...

2020-05-27 04:53:16

61浏览

0评论

Angular2之二级路由详解

写了一阵子的Angular 2 现在还是觉得更喜欢Angular 1的版本。1的版本更多的是整合，按照模块来区分，并没有做更细的划分，而2的版本中，在创建时模块组件时就已经有了很好的区分，每...

2020-05-27 04:53:14

73浏览

0评论

详解vue使用vue-layer-mobile组件实现toast，loading效果

安装vue-layer-mobile
// 当前最新版本 1.2.0 npm install vue-layer-mobile// 如新版遇到问题可回退旧版本 npm install vue-layer-mobile@1.0.0此版本安装后启动会报错，报...

2020-05-27 04:53:13

50浏览

0评论

浅谈angularJS2中的界面跳转方法

链接参数数组保存路由导航时所需的成分：指向目标组件的那个路由的路径（path）必备路由参数和可选路由参数，它们将进入该路由的URL我们可以把RouterLink指令绑定到一个数组，就像这...

2020-05-27 04:53:12

82浏览

0评论

解决Angular2 router.navigate刷新页面的问题

造成这个问题一般是因为我们在<form>表单中使用<button>时忘记添加type属性，在表单中，如果忘记给按钮添加属性，会默认为submit，如果在子元素中会向上冒泡触发submit<button (cli...

2020-05-27 04:53:11

118浏览

0评论

vue 项目中使用Loading组件的示例代码

什么是vue插件?从功能上说，插件是为Vue添加全局功能的一种机制，比如给Vue添加一个全局组件，全局指令等；从代码结构上说，插件就是一个必须拥有install方法的对象,这个方法的接...

2020-05-27 04:53:10

70浏览

0评论

解决angular2 获取到的数据无法实时更新的问题

今天在工作当中碰到了个问题，当我点击地图上面的城市，从后台获取数据更新列表，明明后台的数据已经返回到前端，但是数据就是不能实时更新到页面上，因为在做第一版的时候是没有这个...

2020-05-27 04:53:09

77浏览

0评论

Vue.directive使用注意(小结)

指令钩子函数会被传入以下参数：
el：指令所绑定的元素，可以用来直接操作 DOM 。 binding：一个对象，包含以下属性：vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情...

2020-05-27 04:53:08

58浏览

0评论

解决Angular4项目部署到服务器上刷新404的问题

刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼看就知道的错误,感觉这...

2020-05-27 04:53:07

58浏览

0评论

angular2组件中定时刷新并清除定时器的实例讲解

实例如下：import { Component,OnInit,ChangeDetectionStrategy,ChangeDetectorRef,OnDestroy} from "@angular/core";@Component({changeDetection:ChangeDetectionStrategy....

2020-05-27 04:53:07

72浏览

0评论

JavaScript使用prototype原型实现的封装继承多态示例

本文实例讲述了JavaScript使用prototype原型实现的封装继承多态。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...

2020-05-27 04:53:06

首页 «1345 134613471348 1349 »尾页

热门文章