AngularJS实现表格的增删改查（仅限前端）
用AngularJS实现对表格的增删改查（仅限前端），具体代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实现表格的增删改查</title> <meta http-equiv=...
2020-05-27
5分钟打造简易高效的webpack常用配置
webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同...
2020-05-27
JS中type="button"和type="submit"的区别
Submit是专门用于提交表单的Button，与Button的区别主要有两点： type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作...
2020-05-27
JavaScript无操作后屏保功能的实现方法
今天组里的同事要写一个屏保的效果，要求鼠标无操作N秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。因为是坐在网页上，所以用JavaScript简单实现了一下，记录在此，代码如下：<html><...
2020-05-27
jquery拖动改变div大小
本文实例为大家分享了jquery拖动改变div大小的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <ti...
2020-05-27
使用JavaScript根据图片获取条形码的方法
最近在弄一个零售超市的项目，但是苦于需要自己录入数据，超市少的也有1000多种商品，自己一个一个录入肯定不太现实，所以考虑扫描商品的条形码，根据条形码获取商品的信息这样效率就...
2020-05-27
使用angular帮你实现拖拽的示例
拖拽有多种写法，在这里就看一看angular版的拖拽。<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"...
2020-05-27
nodejs模块学习之connect解析
nodejs 发展很快，从 npm 上面的包托管数量就可以看出来。不过从另一方面来看，也是反映了 nodejs 的基础不稳固，需要开发者创造大量的轮子来解决现实的问题。知其然，并知其所以然...
2020-05-27
js获取元素的偏移量offset简单方法(必看)
前言：以前一直是看别人写的，然后学习点东西，现在也把自己的学习记录下来，给大家一个学习的机会，欢迎大家多多评论和推荐哈，共同进步。竟然还有六个人关注我了 ，哈哈 开心。我会继续...
2020-05-27
Angular2 自定义validators的实现方法
angular 当需要form表单需要验证时，angular自带了许多校验器，但是很多时候自带的无法满足业务需求，这时候就需要自定义的校验器定义一个validator定义validator 需要实现 Valid...
2020-05-27
vue2.X组件学习心得(新手必看篇)
VUEJS学习网址：https://cn.vuejs.org/此文章是用来记录自己的学习和实践心得。关注点：父子组件之间的通信看图说话：Pass Props子组件本身与父组件是孤立的，通过子组件中显示声明...
2020-05-27
js实现图片旋转 js滚动鼠标中间对图片放大缩小
从开通博客园到今天，有两个多月了。我发现之前没有开通博客记录自己所做的东西，真是后悔啊。现在一点一点把自己所做的功能以博客的形式记录下来，一方面可以给大家分享，大家一起...
2020-05-27
Angular 2父子组件数据传递之@Input和@Output详解 (上)
前言为了让大家学习起来轻松、易懂，小编尽量做到篇幅短，语言通俗易懂，知识点分段来讲，以免太长了看起来很累，也很容易失去耐心阅读下去，希望大家理解和支持，同时希望大家点赞和分享...
2020-05-27
JS鼠标滚动分页效果示例
首先先看问题：在开发的时候，看到这种现象 就会思考：为什么左边的数据出来比右边的慢呢？因为这里没有进行分页，左边的数据多，所以查询相对较慢。解决办法就是进行分页，但是在项目中...
2020-05-27
使用prop解决一个checkbox选中后再次选中失效的问题
//问题点初始状态复选框没有全选，点击全选按钮调用checkAll方法，实现了全选，然后点击全不选按钮， 实现了全不选，然后再次点击全选按钮，结果却木有全选，再反复点击木有任何反应。dem...
2020-05-27
Angular 2父子组件数据传递之@Input和@Output详解(下)
前言之前已经给大家介绍了Angular 2父子组件数据传递之@Input和@Output的相关内容，下面这篇文章我们再进一步的进行介绍：子组件向父组件传递数据使用事件传递是子组件向父组件...
2020-05-27
js 获取元素的具体样式信息getcss(实例讲解)
如果想获取元素的某一个具体的样式属性值1、元素.style.属性名需要我们把元素的样式都写在行内样式上才可以（写在样式表中是不管用的）console.log(box.style.height) ->null...
2020-05-27
JS实现unicode和UTF-8之间的互相转换互转
有一设备，为短信网关。需将PC送过来的UTF-8转换成UNICODE才能将内容通过短信发送出去，同样，接收到的短信为unicode编码，也许转换成UTF-8才能在PC端软件显示出来。程序很简单，只是...
2020-05-27
JS FormData上传文件的设置方法
使用FormData上传文件时，总是获取不到req.file对象。发现是没有配置对FormData导致。这里我是在vue中使用axios发送的请求，配置代码如下。重点地方给出注释<form id="uploadfo...
2020-05-27
解决ztree搜索中多级菜单展示不全问题
ztree 官网的中的 Search Nodes 例子中，所有菜单都是连着的，如果出现某个菜单下无子节点，那么在搜索时，此节点便不会自动展开，这里给出对应的增强版代码var setting = { data:...
2020-05-27
nodeJS（express4.x）+vue（vue-cli）构建前后端分离实例(带跨域)
准备工作：1.安装nodejs ---还用我教了？
2.安装依赖包express4.x 点这里》》》nodeJS搭建本地服务器
3.安装vue-cli脚手架 点这里》》》vue-cli构建vue项目这里强调一下，expres...
2020-05-27
详解vue express启动数据服务
这两天学习了一下vue和express结合，本文记录一下vue express启动数据服务
记录一下配置build->dev.sever.js配置var apiServer = express()var bodyParser = require('body-p...
2020-05-27
jQuery修改DOM结构_动力节点Java学院整理
直接使用浏览器提供的API对DOM结构进行修改，不但代码复杂，而且要针对浏览器写不同的代码。有了jQuery，我们就专注于操作jQuery对象本身，底层的DOM操作由jQuery完成就可以了，这样...
2020-05-27
jQuery事件_动力节点Java学院整理
因为JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码。
浏览器在接收到用户的鼠标或键...
2020-05-27
jQuery选择器_动力节点Java学院整理
选择器是jQuery的核心。一个选择器写出来类似$('#dom-id')。为什么jQuery要发明选择器？回顾一下DOM操作中我们经常使用的代码：// 按ID查找：var a = document.getElementById('d...
2020-05-27
jQuery扩展_动力节点Java学院整理
当我们使用jQuery对象的方法时，由于jQuery对象可以操作一组DOM，而且支持链式操作，所以用起来非常方便。
但是jQuery内置的方法永远不可能满足所有的需求。比如，我们想要高亮显示...
2020-05-27
jQuery使用ajax_动力节点Java学院整理
用JavaScript写AJAX前面已经介绍过了，主要问题就是不同浏览器需要写不同代码，并且状态和错误处理写起来很麻烦。
用jQuery的相关对象来处理AJAX，不但不需要考虑浏览器问题，代码...
2020-05-27
Node.js利用js-xlsx处理Excel文件的方法详解
简介
本文介绍用 Node.js 中的 js-xlsx 库来处理 Excel 文件。
js-xlsx 库是目前 Github 上 star 数量最多的处理 Excel 的库，功能强大，但上手难度稍大。文档有些乱，不适合快...
2020-05-27
用node和express连接mysql实现登录注册的实现代码
为了数据库课设，打算后台用node搭建，前台用vue搞个博客出来（因为前段时间在学啊）。本来node不想用框架，喜欢先打好基础的，奈何3个星期要把他做完和应付各种考试，所以最后还是用了ex...
2020-05-27
微信小程序学习之数据处理详解
前言微信小程序数据处理 的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁，WXML 页面需要展示的数据都需要被定义在data中，否则就无法在页面进行展示。data中的数...
2020-05-27
详解基于angular-cli配置代理解决跨域请求问题
1.跨域请求产生随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。...
2020-05-27
jQuery常见面试题之DOM操作详析
前言关于JQ的DOM操作面试问题很多，可以从各个点问，所以列举几个常见问题，毕竟面试只是过程，重要的是知识自己掌握了。面试题一：JQ中html()、text()和val()区别？面试题二：JQ中find()...
2020-05-27
angularjs2中父子组件的数据传递的实例代码
父到子组件之间的数据传递父组件模板中引用子组件 // father template： ... <child-item [name] = "fatherItemName" > </child-item>//...`其中”fatherItemName” 为父组...
2020-05-27
AngularJS实现tab选项卡的方法详解
本文实例讲述了AngularJS实现tab选项卡的方法。分享给大家供大家参考，具体如下：一、代码实现<!DOCTYPE html><html ng-app='app'> <head> <meta charset="UTF-8"> <tit...
2020-05-27
AngularJS实现进度条功能示例
本文实例讲述了AngularJS实现进度条功能的方法。分享给大家供大家参考，具体如下：一、功能描述：① 通过select标签，可以为进度条选择不同的样式（颜色）② 进度条的进度通过文本框里...
2020-05-27
详解使用Node.js 将txt文件转为Excel文件
最近同事需要对一份报告进行整理，一共有80个报告约9000多行放在一个txt文件中。虽然每份报告的格式比较类似，但其中部分字段对应的数量依旧会有差别。所以真要靠人工来做，无疑...
2020-05-27
vue router2.0二级路由的简单使用
本文实例为大家分享了vue router2.0二级路由的具体代码，供大家参考，具体内容如下1、app.vue中<template> <div id="app"> <router-view></router-view> </div></template>2、...
2020-05-27
vue.js实现刷新当前页面的方法教程
前言Vue.js（是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，是一种数据驱动的前端框架我们在开发vue...
2020-05-27
webstorm添加vue.js支持的方法教程
前言WebStorm是一款强大的前端开发软件，vue是当前前端热门技术栈。对于WebStorm默认的配置，它会把vue当成文本文件处理，从而无法进行很多智能的编辑。本人使用的是webstorm2016...
2020-05-27
webpack教程之webpack.config.js配置文件
首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件。执行如下命令npm install html-webpack-plugin --save-dev在项目app目...
2020-05-27
JS实现移动端按首字母检索城市列表附源码下载
我们常见的手机通讯录或微信通讯录，联系人信息是按字母顺序排列的列表，通过点击右侧的字母，会迅速定位检索到首字母对应的联系人。那么我今天给大家介绍的是按首字母快速定位到...
2020-05-27
详解vue.js移动端导航navigationbar的封装
有几天没更新了，这几天上海天气比较热，天气一热就懒得写了。今天感觉还好，就写下导航部分的封装吧。
关于环境搭建和底部tabbar的封装请参考前面的两篇文章
web app和移动端原...
2020-05-27
vue一步步实现alert功能
原生alert的缺点 会阻塞一切操作，影响用户体验 很多浏览器会默认静止alert，例如微信。 原生alert框样式丑陋。项目地址: web-style 项目里有css样式和vue组件。目标是快速...
2020-05-27
AngularJS使用ocLazyLoad实现js延迟加载
最近开发一个系统遇到了一个问题，用angular路由一个html片段，该片段需要使用一个js插件来实现一个富文本编辑器。关键问题在于必须要在片段加载后通过js与dom元素进行绑定。一...
2020-05-27
利用canvas实现的加载动画效果实例代码
前言以前在浏览文章时，看到过一个Android的加载效果，觉得挺好看的，于是自己就模仿了一个。下面话不多说，我们直接来看看详细的介绍吧。
运行效果图
分析下这个效果：
1.可以...
2020-05-27
详解angularJS自定义指令间的相互交互
AngularJS 自定义指令transclude：当元素标签需要嵌套时使用，与ng-transclude配合使用。默认值为false不能使用嵌套，true为可以使用嵌套。在哪个标签上使用ng-transclude就在哪...
2020-05-27
使用 jQuery 实现表单验证功能
5.1.5 表单验证 表单作为 HTML 最重要的一个组成部分，几乎在每个网页上都有体现，例如用户提交信息、用户反馈信息和用户查询信息等，因此它是网站管理者与浏览者之间沟通的...
2020-05-27
Js自定义多选框效果的实例代码
前端入坑纪 27工作中的一个多选效果，感觉不算太难，就上传来分享下。以上图文，纯属测试，如有雷同，请勿当真HTML 结构 <div id="selexWps" class="seletProds clear"> <div>...
2020-05-27
input框中自动展示当前日期yyyy/mm/dd的实现方法
直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input框中自动展示当前日期</title></head><body> <input type="text" id="input">...
2020-05-27
鼠标拖动改变DIV等网页元素的大小的实现方法
1.初次实现1.1 html代码<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset...
2020-05-27
