编程开发 - 教程之家

编程开发

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

62浏览

0评论

javascript观察者模式实现自动刷新效果

本文实例为大家分享了js观察者模式实现自动刷新的具体代码，供大家参考，具体内容如下// author wangbinandi@gmail.comconst observable = obj => { const observers = Symbol...

2020-05-27 12:09:48

57浏览

0评论

Node.js如何使用Diffie-Hellman密钥交换算法详解

简介
Diffie-Hellman（简称DH）是密钥交换算法之一，它的作用是保证通信双方在非安全的信道中安全地交换密钥。目前DH最重要的应用场景之一，就是在HTTPS的握手阶段，客户端、服务端利...

2020-05-27 12:09:46

45浏览

0评论

js实现鼠标跟随运动效果

鼠标跟随运动效果展示
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字段
3、设置基本的样式
1、cursorPlay的宽度 992px，高度6...

2020-05-27 12:09:45

65浏览

0评论

webpack踩坑之路图片的路径与打包

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图...

2020-05-27 12:09:43

39浏览

0评论

浅谈angular4生命周期钩子

理解
Angular提供了生命周期钩子，把这些关键生命时刻暴露出来，赋予我们在它们发生时采取行动的能力。可以将钩子函数理解为在合适的时候做合适的事情。
钩子函数
ng4主要提供...

2020-05-27 12:09:42

35浏览

0评论

Angular2里获取（input file）上传文件的内容的方法

最近在用Angular2，需要有一个上传文件的功能，但是又不想用库，所以直接用原生的input file 标签。<input type="file" id="newUpload" >然后想获取上传的内容，于是先想了个愚蠢的...

2020-05-27 12:09:40

42浏览

0评论

node.js-v6新版安装具体步骤(分享)

1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O...

2020-05-27 12:09:38

50浏览

0评论

vue组件初学_弹射小球(实例讲解)

1. 定义每个弹射的小球组件( ocicle )2. 组件message自定义属性存放小球初始信息(可修改)
{ 　　　top: "0px", //小球距离上方坐标　　　left: "0px", //小球距离左...

2020-05-27 12:09:31

41浏览

0评论

浅谈react.js中实现tab吸顶效果的问题

在react项目开发中有一个需求是，页面滚动到tab所在位置时，tab要固定在顶部。实现的思路其实很简单，就是判断当滚动距离scrollTop大于tab距离页面顶部距离offsetTop时，将tab的pos...

2020-05-27 12:09:30

48浏览

0评论

详谈js原型继承的一些问题

当我们使用原型链继承时，需要谨慎的定义原型上的方法和属性，因为这可能带来意外的结果。一、谨慎的定义原型上的方法。当我们想为一个构造函数的原型上定义一个方法时，一定要在...

2020-05-27 12:09:29

39浏览

0评论

jquery实现用户登陆界面(示例讲解)

实例如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script> var...

2020-05-27 12:09:27

46浏览

0评论

javascript如何用递归写一个简单的树形结构示例

现在有一个数据，需要你渲染出对应的列表出来：var data = [ {"id":1}, {"id":2}, {"id":3}, {"id":4}, ];var str="<ul>";data.forEach(function(v,i){ str+="<li><span>"+v.i...

2020-05-27 12:09:25

48浏览

0评论

表格展示利器 Bootstrap Table实例代码

1.Bootstrap Bable 全部数据导出分析在表格导出数据中，发现设置了分页参数，导出的数据仅为表格加载的分页参数数据，于是，针对这样的情况，通过设置分页参数的值，使表格可以加...

2020-05-27 12:09:24

49浏览

0评论

Vue的百度地图插件尝试使用

百度地图插件
安装
CDN全局安装
<script src="https://unpkg.com/vue-baidu-map"></script>插件的引入
Vue.use(VueBaiduMap.default, { ak: 'YOUR_APP_KEY',})ak 是在百度...

2020-05-27 12:09:22

34浏览

0评论

jquery实现限制textarea输入字数的方法

jquery怎么实现限制textarea输入的字数呢？有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。<!DOCTYPE html><html lang="en"><head...

2020-05-27 12:09:20

49浏览

0评论

JavaScript 中Date对象的格式化代码方法汇总

JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面说说我总结的JavaScript时间格式化方法。很多时候，我们可以利用JavaScript中Date对象的内置方法来格...

2020-05-27 12:09:18

51浏览

0评论

vue mixins组件复用的几种方式（小结）

最近在做项目的时候，研究了mixins，此功能有妙处。用的时候有这样一个场景，页面的风格不同，但是执行的方法，和需要的数据非常的相似。我们是否要写两种组件呢？还是保留一个并且然后...

2020-05-27 12:09:17

39浏览

0评论

轻松玩转BootstrapTable（后端使用SpringMVC+Hibernate）

还是那句老话，好记性不如烂笔头。记得以前的一个Demo项目里面有分页，但是没有用插件，自己手写的分页处理，但是效果并不是很好，最近接触到插件BootstrapTable，风格和Bootstrap统一，...

2020-05-27 12:09:16

56浏览

0评论

详解Vue.js组件可复用性的混合(mixin)方式和自定义指令

混合是什么
混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身...

2020-05-27 12:09:14

42浏览

0评论

JavaScript中运算符规则和隐式类型转换示例详解

前言本文主要给大家介绍了关于JavaScript运算符规则和隐式类型转换的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。隐式类型转换
在 JavaScript...

2020-05-27 12:09:13

41浏览

0评论

js防刷新的倒计时代码 js倒计时代码

最近在维护考试系统，在进行考试测试时无意中点击了刷新按钮，但是上面的倒计时并没有受到影响，同时在几篇博客中也有这样的例子，所以我想看看它到底是怎样防止刷新的。如果是用cs...

2020-05-27 12:09:12

49浏览

0评论

JavaScript使用FileReader实现图片上传预览效果

FileReader是HTML5 File API的一部分。它实现了一种异步文件读取机制。可以把FileReader想象为XMLHttpRequest，区别只是它读取的是文件系统，而不是远程服务器。为了读取文件中...

2020-05-27 12:09:11

52浏览

0评论

node.js实现的装饰者模式示例

本文实例讲述了node.js实现的装饰者模式。分享给大家供大家参考，具体如下：装饰者模式的实现更强调类的组合而不是通过继承。这样可以增强灵活性。在node.js 中，可以通过call函...

2020-05-27 12:09:10

50浏览

0评论

NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】

本文实例讲述了NodeJS设计模式。分享给大家供大家参考，具体如下：1 . 单例模式顾名思义，单例就是保证一个类只有一个实例，实现的方法是，先判断实例是否存在，如果存在则直接返回，若不...

2020-05-27 12:09:07

67浏览

0评论

JavaScript学习笔记之函数记忆

本文讲解函数记忆与菲波那切数列的实现，分享给大家，具体如下
定义
函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。举个例子：fu...

2020-05-27 12:09:06

60浏览

0评论

jQuery实现的文字逐行向上间歇滚动效果示例

本文实例讲述了jQuery实现的文字逐行向上间歇滚动效果。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<!doctype html><html><head><meta charset="utf-8"><titl...

2020-05-27 12:09:04

80浏览

0评论

JavaScrip数组删除特定元素的几种方法总结

前言
可能一说到删除数组特定元素你估计不止一种方法可以实现，那么下面且来看看我总结的这几种方法，可能会对你有所帮助！话不多说了，来一起看看详细的介绍吧。
源数组
var arr =...

2020-05-27 12:09:03

49浏览

0评论

jQuery实现的弹幕效果完整实例

本文实例讲述了jQuery实现的弹幕效果。分享给大家供大家参考，具体如下：看视频的时候老是会出现一些弹幕，对于这个看着很高大上的特效，其实也不难实现。先来看看运行效果：下面将整...

2020-05-27 12:09:02

50浏览

0评论

vue 2.0项目中如何引入element-ui详解

前言本文主要介绍了关于在vue 2.0项目中引入element-ui的相关内容，从新建vue项目到引入组件Element介绍的非常详细，下面话不多说了，来一起看看详细的介绍吧。
一、新建项目
1....

2020-05-27 12:09:00

42浏览

0评论

js canvas实现简单的图像扩散效果

本文实例为大家分享了canvas实现简单图像扩散的代码，供大家参考，具体内容如下
<!DOCTYPE HTML> <html> <body> <canvas id="myCanvas" width="800" height="800" style="bord...

2020-05-27 12:08:59

52浏览

0评论

详解require.js配置路径的用法和css的引入

前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一些前端开发中的共性问题，但是实现又不...

2020-05-27 12:08:58

48浏览

0评论

node.js实现微信JS-API封装接口的示例代码

Wechat JS-API接口功能：用于管理和获取微信 JSSDK 生产的access_token、jsapi_ticket和签名（signature）Installation
npm i wechat_interaction_jsapiInit
let Jsapi = require...

2020-05-27 12:08:56

44浏览

0评论

Django使用多数据库的方法

有些项目可能涉及到使用多个数据库的情况，方法很简单。1.在settings中设定DATABASE比如要使用两个数据库：DATABASES = { 'default': { 'NAME': 'app_data', 'ENGINE':...

2020-05-27 12:08:54

42浏览

0评论

jQueryUI Sortable 应用Demo(分享)

最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ，可以拖拽，自由排序使用很方便，写一个demo，做个记录。第一、单项目自由排序下图效果代码段：<script t...

2020-05-27 12:08:53

77浏览

0评论

jQuery UI Draggable + Sortable 结合使用(实例讲解)

工作中需要将一个左边的设计好的控件，拖拽到右边的面板中，同时保持右边面板中的控件自由排序，这时候就需要及支持拖拽又支持排序的操作了，Demo截图：从左边控件拖到右边区域代码段...

2020-05-27 12:08:51

40浏览

0评论

JQuery 获取多个select标签option的text内容(实例)

根据option的id属性，修改text值
$("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_div .select_class option[id='-...

2020-05-27 12:08:50

66浏览

0评论

基于vue.js路由参数的实例讲解——简单易懂

vue中，我们构建单页面应用时候，一定必不可少用到vue-routervue-router 就是我们的路由，这个由vue官方提供的插件首先在我们项目中安装vue-router路由依赖第一种，我们提供命令行...

2020-05-27 12:08:49

32浏览

0评论

基于require.js的使用(实例讲解)

本篇文章总结下require.js使用方法。1.为什么使用require.js?使用之前，我的页面的js是这样的<script type="text/javascript" src="/js/jquery.min.js"></script><script...

2020-05-27 12:08:47

75浏览

0评论

基于Cookie常用操作以及属性介绍

概述最近项目要用到cookie存储部分用户信息;研究了一下做一下分享Cookie 是服务器保存在浏览器的一小段文本信息，每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发...

2020-05-27 12:08:45

49浏览

0评论

AngularJS 打开新的标签页实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html ng-app="myPro"> <head> <meta charset="UTF-8"> <title>angularJS-打开新的标签页</ti...

2020-05-27 12:08:44

45浏览

0评论

JavaScript+CSS相册特效实例代码

嗯就是这样一个例子，视频学到的一个特效，实际用处并不大，但是可以帮助理解JS语言和熟悉CSS3样式。设计：观察一张图片的变化，发现：1、图片缩放（随机，并且不是同时运动） 1、从大...

2020-05-27 12:08:42

44浏览

0评论

使用mint-ui开发项目的一些心得(分享)

Mint-ui：1、Cell开发过程中，有时需要修改mt-cell自带的icon和value的标签样式，这时我们可以在<mt-cell></mt-cell>内新添如下标签进行改写：
<si-cell class="user-cell item-cel...

2020-05-27 12:08:31

61浏览

0评论

微信小程序实现轮播图效果

微信小程序实现轮播图，和网站，APP的效果差不多，代码少，效率高。先来看看效果图：主要用swiper + swiper-item来实现 <view class='swiper'>滑块视图容器</view><!-- indicator-dot...

2020-05-27 12:08:29

50浏览

0评论

基于js粘贴事件paste简单解析以及遇到的坑

在用户执行粘贴操作的时候，js能够获得剪切板的内容，本文讨论一下这个问题。目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari，一些...

2020-05-27 12:08:28

59浏览

0评论

nodejs创建简易web服务器与文件读写的实例

web服务器至少有以下几个特点：1、24小时不停止的工作，也就是说这个进程要常驻在内存中2、24小时在某一端口监听，如: http://localhost:8080, www服务器默认端口803、要能够处理...

2020-05-27 12:08:25

98浏览

0评论

微信小程序之页面拦截器的示例代码

场景
小程序有52个页面，其中13个页面无需任何身份，另外39个页面需要系统角色。对于这39个页面，如果微信用户没有系统角色，则跳转到登录页。是否有系统角色信息需要通过异步...

2020-05-27 12:08:24

38浏览

0评论

React + webpack 环境配置的方法步骤

本文介绍了React + webpack 环境配置的方法步骤，分享给大家，具体如下：
安装配置Babelbabel-preset-es2015 ES6语法包，使代码可以随意地使用ES6的新特性。
babel-preset-react Re...

2020-05-27 12:08:22

56浏览

0评论

react高阶组件经典应用之权限控制详解

前言所谓高级组件，即：接受一个组件作为参数，并且其返回值也为一个react组件而大家应该都知道，权限控制算是软件项目中的常用功能了。在网站中，权限控制一般分为两个维度：页面级别...

2020-05-27 12:08:21

50浏览

0评论

vue监听scroll的坑的解决方法

最近开始用vue写个小项目，踩了不少坑，这里记录下爬坑过程，给有同样经历的人帮助。问题今天想在vue的项目里面用下拉加载，然后就直接写了:但是我发现我切换路由以后依旧其他页面...

2020-05-27 12:08:20

46浏览

0评论

vue数字类型过滤器的示例代码

需求只能输入数字
输入字母和特殊字符自动过滤掉
输入完成失焦自动加.00 如果输入了小数自动四舍五入为22.22类似这样格式
效果图
可以使用在普通js和angular里面，vue 直接...

2020-05-27 12:08:16

首页 «1226 122712281229 1230 »尾页

热门文章