编程开发 - 教程之家

54浏览

0评论

JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能

本例中敏感词ciku.txt放在C盘根目录下,采用的ActiveXObject插件获取本地文件内容。使用此插件不需网上下插件，直接用如下js代码即可。浏览器需修改interner安全选项的级别，启...

2020-05-27 13:53:45

58浏览

0评论

angularjs下拉框空白的解决办法

搜索angularjs下拉框空白，可以出现很多解决方案，但是对于静态字段来说，网上目前还没有找到解决方案，如下：<select class="form-control" ng-model="UserState" ng-init="UserSta...

2020-05-27 13:53:43

65浏览

0评论

原生js二级联动效果

今天说的这个是原生js的二级联动，在空白页面里动态添加并作出相对应的效果。
//创建两个下拉列表 select标签是下拉列表 var sel = document.createElement("select");...

2020-05-27 13:53:42

52浏览

0评论

Angular.JS中select下拉框设置value的方法

前言本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容，非常出来供大家参考学习，下面来一起看看详细的介绍：最近在系统中增加一个查询的筛选条件，通过下...

2020-05-27 13:53:39

41浏览

0评论

jquery加载单文件vue组件的方法

本文为大家分享了jquery加载单文件vue组件的方法，供大家参考，具体内容如下/**注册组件 */ function registerComponent(name){ dm[name] = {}; Vue.component(name + '...

2020-05-27 13:53:36

56浏览

0评论

vue之数据交互实例代码

vue中的交互（ajax，jsonp）vue中也存在像ajax和jsonp的数据交互，实现向服务器获取数据，但是他本身框架当中没有这样的方法，需要一个新的小东西叫vue-resouce.js 地址：https://github....

2020-05-27 13:53:35

62浏览

0评论

详解Angular的8个主要构造块

Angular 主要分为八大构造块（也就是八个核心概念）：模块 (module)、组件 (component)、模板 (template)、元数据 (metadata)、数据绑定 (data binding)、指令 (directive)、服务...

2020-05-27 13:53:34

62浏览

0评论

详解webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)

最近在项目中使用了一下webpack，所以这里打算对目前了解的使用方法做一个小小的总结为什么是webpack
1.webpack一下自己就🔥了，这绝对是一个重要的原因。
2.然...

2020-05-27 13:53:33

53浏览

0评论

Vue Ajax跨域请求实例详解

一.设置config/index.js || proxyTable添加proxyTable: { '/api': { target: 'http://192.168.48.239:8080/ydzl', changeOrigin: true, pathRewrite: {...

2020-05-27 13:53:32

54浏览

0评论

Nodejs实现多房间简易聊天室功能

1、前端界面代码　　前端不是重点，够用就行，下面是前端界面，具体代码可到github下载。2、服务器端搭建　　本服务器需要提供两个功能：http服务和websocket服务，由于node的事件驱...

2020-05-27 13:53:30

45浏览

0评论

详解Vue 方法与事件处理器

方法与事件处理器方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法...

2020-05-27 13:53:28

42浏览

0评论

JS中的三个循环小结

一、for循环　　四部曲:　　1、设置初始值 var i = 0　　2、设置循环执行条件 i < 5　　3、执行循环体中的内容{ [循环体] } 包起来的部分　　4、每一轮循环完成后都执行我...

2020-05-27 13:53:26

67浏览

0评论

Vue.2.0.5实现Class 与 Style 绑定的实例

Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符...

2020-05-27 13:53:24

47浏览

0评论

Vue实现路由跳转和嵌套

一、配置 Router 用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装cnpm i vue-router -D安装完成后，在 src 文件夹下，创建一个 routers.js 文件，和 main.js...

2020-05-27 13:53:22

45浏览

0评论

深入浅析Nodejs的Http模块

一、http服务器我们知道传统的HTTP服务器是由Aphche、Nginx、IIS之类的软件来搭建的，但是Nodejs并不需要，Nodejs提供了http模块，自身就可以用来构建服务器，例如：var http = r...

2020-05-27 13:53:13

102浏览

0评论

BootStrap Select清除选中的状态恢复默认状态

PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢？如【图1】当我们选择摸一...

2020-05-27 13:53:12

37浏览

0评论

JS移动端/H5同时选择多张图片上传并使用canvas压缩图片

最近在做一个H5的项目，里边涉及到拍照上传图片的功能以及识别图片的功能，这里对识别图片的功能不做赘述，不属本文范畴。我在做完并上线项目后，同事跟我提了一个要求是可不可以同...

2020-05-27 13:53:11

42浏览

0评论

详解angular 中的自定义指令之详解API

自定义属性的四种类别分为：元素E，属性A，注释M，类C , 分别如下： <my-dir></my-dir> <span my-dir="exp"></span>  <span class="my-dir: exp;"></...

2020-05-27 13:53:09

34浏览

0评论

详解Node.js access_token的获取、存储及更新

一、写在前面的话上一篇文章中，我们使用 Node.js 成功的实现了接入微信公众平台功能。在这篇文章中，我们将实现微信公众平台一个非常重要的参数 access_token ,它是公众号的全...

2020-05-27 13:53:08

59浏览

0评论

NodeJs中express框架的send()方法简介

express框架的send方法
①send方法用的还挺多的，因此需要明确其作用；
②原型是：
res.send([body|status], [body])即既可以直接发送内容，也可以第一个参数状态，第二个参数内容。...

2020-05-27 13:53:05

54浏览

0评论

jquery基于layui实现二级联动下拉选择(省份城市选择)

先看一下简单的效果直接上代码
html部分 (下拉框中value的数值我是根据数据库中取出来)<div class="layui-form-item"> <label class="layui-form-label">城市</label> <div...

2020-05-27 13:53:03

39浏览

0评论

详解Vue路由开启keep-alive时的注意点

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下...

2020-05-27 13:53:02

62浏览

0评论

JS实现简单拖拽效果

本文实例为大家分享了JS实现拖拽效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type=...

2020-05-27 13:53:01

60浏览

0评论

jquery.validate表单验证插件使用详解

今天我们来说一下表单验证，有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js它是与jquery一起结合用...

2020-05-27 13:52:56

59浏览

0评论

Angular.JS中指令ng-if的注意事项小结

前言ng-if指令可以根据表达式的值true/false在DOM中真正生成或真正移除一个元素。如果赋值给ng-if的表达式的值是false，那对应的元素将会从DOM中移除，否则对应元素的一个克隆...

2020-05-27 13:52:55

31浏览

0评论

JavaScript用200行代码制作打飞机小游戏实例

我去，我的图片分数被这个录屏软件的水印盖上了，扎心。这个程序的文件以及代码全部上传到了github
程序下载链接传送门
这是自己第一次通过js写的小游戏，那个时候对象的原理跟...

2020-05-27 13:52:54

56浏览

0评论

详解Angular2 之结构型指令

Angular 有一个强力的模板引擎，它能让你轻松维护元素的DOM树结构。Angular指令可分为三种组件属性型指令结构型指令组件组件其实就是一个带模板的指令。是这三种指令中...

2020-05-27 13:52:33

53浏览

0评论

详解Angular 自定义结构指令

1. <ng-template>元素import { Component, TemplateRef, ViewContainerRef, ViewChild, AfterViewInit } from '@angular/core';@Component({ selector: 'app-code404', tem...

2020-05-27 13:52:32

60浏览

0评论

基于jquery日历价格、库存等设置插件

Commodity calendar, price, inventory and other settings of jQuery plug-in基于jquery的日历价格、库存等设置插件。需要设置的参数(字段)需自定义，详见(demo)使用方法…...

2020-05-27 13:52:31

42浏览

0评论

Angular中ng-options下拉数据默认值的设定方法

今天学习了一下Angular中ng-options下拉数据默认值的设定方法，留个笔记
直接上代码 <div class="form-group"> <label class="col-sm-2 control-label">教师</labe...

2020-05-27 13:52:30

47浏览

0评论

AngularJS动态绑定ng-options的ng-model实例代码

什么情况下会需要动态绑定 ng-model 呢？若你的数据结构长得像是下面这样：var Classes = [{"Name" : "温度 " ,"Options" : [ "Cold" , "Hot" , "Normal" ]},{"Name" : "份量 "...

2020-05-27 13:52:29

288浏览

0评论

详解webpack分离css单独打包

这篇文章只写了如何把CSS打包成一个CSS文件，没有讲解如何打包成多个CSS文件，经简友提点，这里添加上了打包成多个CSS文件的方法。瞎扯webpack 把所有的资源都当成了一个模块, C...

2020-05-27 13:52:28

54浏览

0评论

javascript+html5+css3自定义提示窗口

javascript自定义提示窗口效果图：源码：1.demo.jsp<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>自定义提示窗口</title> <scrip...

2020-05-27 13:52:26

63浏览

0评论

微信小程序图片自适应支持多图实例详解

微信小程序图片自适应支持多图实例详解微信小程序图片自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%.在微信里面虽然widthFix也能实现，但有一个缺...

2020-05-27 13:52:25

46浏览

0评论

微信小程序中页面FOR循环和嵌套循环

微信小程序中页面FOR循环和嵌套循环单个循环 <view wx:for="{{pinpaiTishi}}" wx:key="{{xxx}}"> <view wx:if="{{item.name!=null}}" wx:key="{{xxxx}}">...

2020-05-27 13:52:24

51浏览

0评论

微信小程序图片宽100%显示并且不变形

微信小程序图片宽100%显示并且不变形按照HTML习惯进行写，代码：<view class="meiti"> <image src="http://10.0.0.171:9001/images/2017/0619/20170619115150713_progressive...

2020-05-27 13:52:22

292浏览

0评论

JS 验证密码不能为空，必须含有数字、字母、特殊字符,长度在8-12位

废话不多说了，直接给大家贴代码了，具体代码如下所示：checkpassword = function(v){var numasc = 0;var charasc = 0;var otherasc = 0;if(0==v.length){return "密码不能为空";...

2020-05-27 13:52:21

44浏览

0评论

AngularJS解决ng-if中的ng-model值无效的问题

与其他指令一样，ng-if指令也会创建一个子级作用域，因此，如果在ng-if指令中添加了元素，并向元素属性增加 ng-model指令，那么ng-model指令对应的作用域属性子级作用域，而并非控制器...

2020-05-27 13:52:21

39浏览

0评论

解决Extjs下拉框不显示的问题

问题描述：一个父容器也是window的window下的comboBox在页面中点击无效，但是在控制台中查看它的store却是有值的，问题在于没有显示。页面：控制台调试：解决方案：监听下拉（expand）事件，...

2020-05-27 13:52:19

57浏览

0评论

JS图片预加载插件详解

在开发H5项目中有时候会遇到要加载大量图片的情况，利用预加载技术可以提高用户浏览时的体验。1)概念：
懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载...

2020-05-27 13:52:18

46浏览

0评论

JS表单提交验证、input（type=number）去三角刷新验证码

在进行表单提交时，需要对输入框和文本域等的value的合理性进行验证，可以编写form的onSubmit事件，代码，踩过的坑；注意点：1、只有通过form里面的 <button type="submit" >提交</butt...

2020-05-27 13:52:17

63浏览

0评论

详解如何在vue中使用sass

创建一个基于 webpack 模板的新项目全局安装 vue-cli$ npm install --global vue-cli创建一个基于 webpack 模板的新项目$ vue init webpack my-project安装依赖$ cd my-pro...

2020-05-27 13:52:16

52浏览

0评论

详解vue-cli中配置sass

如何配置sass一、安装对应依赖node模块：npm install node-sass --save-devnpm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上rules: [...

2020-05-27 13:52:15

43浏览

0评论

详解在vue-cli项目中安装node-sass

1，使用save会在package.json中自动添加。npm install node-sass --savenpm install sass-loader --save2，通常使用npm安装会出现以下报错，安装失败。（网路问题）3，可以通过淘宝的np...

2020-05-27 13:52:14

75浏览

0评论

详解Vue整合axios的实例代码

在vue开发中，不可避免要整合axios，简单记录一下整合中的文件，方便以后使用查找。整合文件axios.jsimport axios from 'axios';// 适配vue-resourceconst instance = axios.crea...

2020-05-27 13:52:13

49浏览

0评论

jQuery实现可拖动进度条实例代码

html　　　<div class="progress"> <div class="progress_bg"> <div class="progress_bar"></div> </div> <div class="progress_btn"></div> <div class="text"...

2020-05-27 13:52:12

57浏览

0评论

vue2.0中click点击当前li实现动态切换class

1，文件内容----//为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。看详解：https://cn.vuejs.org/v2/api/#Vue-set<template>　　<div>　　　　...

2020-05-27 13:52:11

54浏览

0评论

Vue实现百度下拉提示搜索功能

一、前期准备网上大神已经做过这个功能https://github.com/lavyun/vue-demo-search 这自己仅实现搜索功能
为了使用百度实现搜索功能，首先搞清楚下拉数据和搜索功能的数据接...

2020-05-27 13:52:09

57浏览

0评论

详解ElementUI之表单验证、数据绑定、路由跳转

1.新建表单组件el-form.vue<template> <div class="form"> <el-form ref="form" :model="UserForm" :rules="this.$store.state.userinfo.CheckRules" label-position="...

2020-05-27 13:52:00

63浏览

0评论

纯JS实现只能输入数字的简单代码

只能输入数字<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...

2020-05-27 13:51:59

热门文章