编程开发 - 教程之家

编程开发

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

67浏览

0评论

AngularJS实现根据不同条件显示不同控件

由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示:即当选择“每单固定减”时，下方只显示“减免金额”一栏；当选择“每单固定折扣”时，下方只显示...

2020-05-27 14:25:42

50浏览

0评论

详解Vue2.0之去掉组件click事件的native修饰

这个是在组件开发中遇到的问题，当时我在编写button的组件，模板是这样的：<template> <button class="disable-hover button ion-button" :class="[modeClass,typeClass,shap...

2020-05-27 14:25:40

74浏览

0评论

bootstrap 设置checkbox部分选中效果

在很多页面都会需要根据加载的数据来控制checkbox是否选中，以前的方法在这个UI里并不适用，现贴下两种代码供大家参考。前提条件：该字段在数据库中是以“，”间隔的字符串，如：“WIFI...

2020-05-27 14:25:39

94浏览

0评论

AngularJS改变元素显示状态

前言本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。控制html元素显示和隐藏有n种方法：html的hidden、css的display、jQuery...

2020-05-27 14:25:38

89浏览

0评论

Vue如何引入远程JS文件

问题最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引...

2020-05-27 14:25:37

68浏览

0评论

AngularJS 单选框及多选框的双向动态绑定

AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示：<input type="text" ng-model="topic.title" />只需要用ng-model 与 $scope 中的属性对应，即实现了...

2020-05-27 14:25:36

66浏览

0评论

Vue.js实现模拟微信朋友圈开发demo

我用Vue.js实现微信朋友圈的一些功能，实现展示朋友圈，评论，点赞。
先构造一个vue的实例，对会更改的数据进行双向绑定，
我用JSON伪造模版数据，先实现显示朋友圈的效果，使用v-for方...

2020-05-27 14:25:35

54浏览

0评论

解决AngualrJS页面刷新导致异常显示问题

绪俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。页面正常加...

2020-05-27 14:25:34

57浏览

0评论

详解Vue使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装 node.js首先需要安装node环境，可以...

2020-05-27 14:25:31

42浏览

0评论

JS+HTML5实现上传图片预览效果完整实例【测试可用】

本文实例讲述了JS+HTML5实现上传图片预览效果。分享给大家供大家参考，具体如下：在项目中遇到用input标签file类型的文件上传，想实在上传之前进行图片的预览功能；之前的做的一个...

2020-05-27 14:25:30

73浏览

0评论

vue-cli入门之项目结构分析

前言在上一篇项目搭建文章中，我们已经下载安装了node环境以及vue-cli，并且已经成功构建了一个vue-cli项目，那么接下来，我们来梳理一下vue-cli项目的结构。总体框架一个vue-cli的...

2020-05-27 14:25:29

66浏览

0评论

js禁止浏览器的回退事件

直接来个终极方案：查找了好多资料才找到的，这种方式，可以消除后退的所有动作。包括键盘、鼠标手势等产生的后退动作。<script language="javascript"> //防止页面后退 histor...

2020-05-27 14:25:26

67浏览

0评论

详解用vue-cli来搭建vue项目和webpack

vue-cli用vue-cli来搭建vue项目第一步：全局安装vue-cli
sudo npm install vue-cli -g 第二步：初始化一个项目vue init webpack-simple projectName 第三步：把文件切换到初始化...

2020-05-27 14:25:25

47浏览

0评论

addEventListener()与removeEventListener()解析

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。
所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程...

2020-05-27 14:25:24

72浏览

0评论

一篇看懂vuejs的状态管理神器 vuex状态管理模式

关于vuex类的新闻最近很多，看到眼热就去查了下资料，然后扯出来一堆flux、redux、state、state之类的概念，以及大型工程必要性之类的。看官方手册也是昏昏然。然而，我还是弄懂了!...

2020-05-27 14:25:23

128浏览

0评论

JS利用cookies设置每隔24小时弹出框

废话不多说了，直接给大家贴代码了，具体代码如下所示：function cookieGO(name) { var today = new Date(); var expires = new Date(); expires.setTime(today.getTime() + 1...

2020-05-27 14:25:22

51浏览

0评论

jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的3D双柱状图效果。分享给大家供大家参考，具体如下：1、3D双柱状图页面源码如下<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tran...

2020-05-27 14:25:20

70浏览

0评论

javascript 正则表达式分组、断言详解

javascript 正则表达式分组、断言详解提示：阅读本文需要有一定的正则表达式基础。正则表达式中的断言，作为高级应用出现，倒不是因为它有多难，而是概念比较抽象，不容易...

2020-05-27 14:25:19

56浏览

0评论

ES6新特性一： let和const命令详解

本文实例讲述了ES6新特性中的let和const命令。分享给大家供大家参考，具体如下：1. let 命令① 在js中是没有块级作用域的，var 声明的变量作用域是整个函数体，而let可以起到这一作...

2020-05-27 14:25:18

77浏览

0评论

微信小程序中form 表单提交和取值实例详解

微信小程序中form 表单提交和取值实例详解我们知道，如果我们直接给 input 添加 bindinput，比如：<input bindinput="onUsernameInput" />，那么可以在 onUsernameInput 中直接使用...

2020-05-27 14:25:17

67浏览

0评论

ES6新特性二：Iterator(遍历器)和for-of循环详解

本文实例讲述了ES6新特性之Iterator(遍历器)和for-of循环。分享给大家供大家参考，具体如下：1. 遍历数组for-of工作原理：迭代器有一个next方法，for循环会不断调用这个iterator.ne...

2020-05-27 14:25:14

62浏览

0评论

微信小程序 setData的使用方法详解

微信小程序 setData的使用方法详解最近在使用微信小程序的setData时，遇到了以下问题。如下：官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的：Page({ data:...

2020-05-27 14:25:13

68浏览

0评论

微信小程序跳转方式总结

微信小程序跳转方式总结一共算是有四种方式。
1.使用组件。<navigator>标签。来实现。
特点：点击有按下的效果
<navigator url="../job_detail/job_detail?isShowCompan...

2020-05-27 14:25:11

51浏览

0评论

原生javascript实现分页效果

随着近几年前端行业的迅猛发展，各种层出不穷的新框架，新方法让我们有点眼花缭乱。最近刚好比较清闲，所以没事准备撸撸前端的根基javascript,纯属练练手，写个分页，顺便跟大家分享...

2020-05-27 14:25:10

77浏览

0评论

node.js（express）中使用Jcrop进行图片剪切上传功能

需求说明简单来说就是要实现用户上传头像，并且要保存用户裁切后的部分作为用户头像。第一步，选择图片：第二步，在弹窗页面中展现并进行裁切：第三步，点击“保存”，上传服务器。实现...

2020-05-27 14:25:09

88浏览

0评论

Cookies 和 Session的详解及区别

Cookies 和 Session的详解及区别1.cookie 是一种发送到客户浏览器的文本串句柄，并保存在客户机硬盘上，可以用来在某个WEB站点会话间持久的保持数据。2.session其实指的就是访...

2020-05-27 14:25:08

46浏览

0评论

ES6新特性三： Generator(生成器)函数详解

本文实例讲述了ES6新特性三： Generator(生成器)函数。分享给大家供大家参考，具体如下：1. 简介① 理解：可以把它理解成一个函数的内部状态的遍历器，每调用一次，函数的内部状态发生...

2020-05-27 14:25:07

43浏览

0评论

基于jQuery实现文字打印动态效果

本文实例为大家分享了jQuery实现文字打印动态效果的具体代码，供大家参考，具体内容如下主体html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>打印文字效果</...

2020-05-27 14:25:06

75浏览

0评论

利用n工具轻松管理Node.js的版本

前言相信对于学习Node.js的小伙伴们都知道，现在 Node 的版本更新很快，目前最新稳定版已经更新到 v7.6.0 了，而生产环境一般选择使用 LTS（Long-term Support）版本，目前最新的是 v6....

2020-05-27 14:25:05

59浏览

0评论

jQuery+pjax简单示例汇总

pjax 是一个jQuery插件，它使用 ajax 和 pushState 来实现快速的浏览体验，包括真正的固定链接，页面标题和工作返回按钮。ajax缺点是破坏了浏览器的前进后退，因为ajax的请求不会留...

2020-05-27 14:25:04

64浏览

0评论

ES6新特性四：变量的解构赋值实例

本文实例讲述了ES6新特性之变量的解构赋值。分享给大家供大家参考，具体如下：1. 数组的解构赋值//① 可以从数组中提取值，按照对应位置，对变量赋值var [a, b] = [1, 2]; //a = 1;...

2020-05-27 14:25:03

49浏览

0评论

详解Vue.js 2.0 如何使用axios

Vue.js 1.0 我们常使用 vue-resource (官方ajax库), Vue 2.0 发布后作者宣告不再对 vue-resource 进行更新，推荐我们使用 axios (基于 Promise 的 HTTP 请求客户端，可同时在...

2020-05-27 14:25:02

67浏览

0评论

webpack配置的最佳实践分享

本文主要介绍了关于webpack配置的最佳实践，本文分享的实践具有以下的优势：使用happypack提升打包速度。使用MD5 hash可以生成文件版本，进行版本控制在非单页面的系统中支...

2020-05-27 14:25:01

71浏览

0评论

ES6新特性五：Set与Map的数据结构实例分析

本文实例讲述了ES6新特性五之Set与Map的数据结构。分享给大家供大家参考，具体如下：1. Set① 定义：它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用...

2020-05-27 14:25:00

64浏览

0评论

ES6新特性六：promise对象实例详解

本文实例讲述了ES6新特性之promise对象。分享给大家供大家参考，具体如下：1. promise 介绍它是一个对象，也就是说与其他JavaScript对象的用法，没有什么两样；其次，它起到代理作用（pro...

2020-05-27 14:24:59

62浏览

0评论

React中ES5与ES6写法的区别总结

前言相信很多React的初学者都被ES6的问题迷惑：各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component)，然而网上搜到的很多教程和例子都是ES5版本的，所以很...

2020-05-27 14:24:58

66浏览

0评论

ES6新特性七：数组的扩充详解

本文实例讲述了ES6新特性之数组的扩充。分享给大家供大家参考，具体如下：1. Array.from()1) Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可...

2020-05-27 14:24:57

51浏览

0评论

jquery中$.fn和图片滚动效果实现的必备知识总结

前言图片滚动效果相信对大家来说都不陌生，烂大街的效果图如下所示，js实现代码很短，不过如果想做的话，必须掌握jquery、IIFE、setInterval等基础以及$.fn用法：
jquery中$.fn用法$....

2020-05-27 14:24:55

66浏览

0评论

.net MVC+Bootstrap下使用localResizeIMG上传图片

本文实例为大家分享了使用localResizeIMG上传图片的具体代码，供大家参考，具体内容如下需要加载的头文件 html:<div class="form-group"> <label class="col-sm-6 control-labe...

2020-05-27 14:24:53

61浏览

0评论

ES6新特性八：async函数用法实例详解

本文实例讲述了ES6新特性之async函数用法。分享给大家供大家参考，具体如下：1. async 函数是什么？node.js 版本7及之后版本才支持该函数。可以简单的理解为他是Generator 函数的...

2020-05-27 14:24:52

59浏览

0评论

H5手机端多文件上传预览插件

基于zepto，支持多文件上传，进度和图片预览，用于手机端。(function ($) { $.extend($, { fileUpload: function (options) { var para = { multiple: true, filebutton: ".fileP...

2020-05-27 14:24:51

46浏览

0评论

H5图片压缩与上传实例

接到需求，问前端是否可以压缩图片？因为有的图片太大，传到服务器上再压缩太慢了。意识里没有这么玩过，早上老大丢来一个知乎链接，一看，原来前辈们已经用canvas实现了(为自己的见识...

2020-05-27 14:24:49

60浏览

0评论

HTML5实现微信拍摄上传照片功能

做了个微信的HTML5拍摄上传照片功能，问题重重...前端代码$(':file').on('change',function(){ var file = this.files[0]; var url = webkitURL.createObjectURL(file); /...

2020-05-27 14:24:14

72浏览

0评论

HTML5+Canvas调用手机拍照功能实现图片上传（上）

因为最近一段时间，一直在弄微信项目，其中涉及到了证件上传的功能，刚开始的时候一点头绪都没有，上网查了很多资料，QQ群里面也问了不少人，很多人说如果是app程序，可以申请系统权限，然...

2020-05-27 14:24:13

44浏览

0评论

微信JS-SDK选取手机照片上传功能

项目中遇到需要选取照片上传的需求，因为网页运行在微信的浏览器里面，所以用微信的 js-sdk 提供的选取照片功能，来进行项目开发。实际开发中需要用到微信web开发者工具，详细参考...

2020-05-27 14:24:11

54浏览

0评论

HTML5+Canvas调用手机拍照功能实现图片上传（下）

上一篇只讲到前台操作，这篇专门涉及到Java后台处理，前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台，然后Java这边进行接收处理，通过对图片数据信息进行Base64解码，之...

2020-05-27 14:24:10

51浏览

0评论

jQuery实现百度登录框的动态切换效果

点击右下角图片进行状态切换,效果图<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度登录框</title> <style type="text/css"> *{ma...

2020-05-27 14:24:09

117浏览

0评论

利用JS实现简单的瀑布流加载图片效果

今天学习了一个瀑布流加载效果，很多网站都有瀑布流效果，瀑布流就是很多产品显示在网页上，宽相同，高度不同，表现为多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附...

2020-05-27 14:24:08

首页 «1162 116311641165 1166 »尾页

热门文章