Vue.js通用应用框架-Nuxt.js的上手教程
对于React，Vue构建的单页面应用老说，SEO是一个众所周知的问题。服务端渲染(SSR-server Side Render)是目前看来最好的解决办法。React应用有Next.js，对应Vue的解决方案就是Nuxt...
2020-05-27
JS+CSS实现滚动数字时钟效果
本篇内容我们用js配合css样式表来实现一个滚动时钟的动画效果，这个效果一般都是用在网页开场动画以及区域的时间显示中，非常好看，动画效果也很个性，我们先来看下运行后的效果：下...
2020-05-27
JS实现图片居中悬浮效果
这篇文章我们是用JS实现一个图片悬浮的效果，在我们用鼠标下拉滚动的时候图片居中悬浮，不跟随滚动，我们先来看下效果图：下面我们来看下所有测试过的代码：<!DOCTYPE html PUBLIC "-...
2020-05-27
JS实现标签滚动切换效果
本文的JS效果是在鼠标点击ITEM标签的时候，实现下方的内容跟随滚动切换的效果，我们先来看下运行后的效果图。以下是原创的运行代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
2020-05-27
Angular4.0中引入laydate.js日期插件的方法教程
前言laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活了，大家都知道。Angular是不支持直接引入js文件的，下面介绍项目如果引入laydate.js的方法(可同样用于其...
2020-05-27
JS中使用textPath实现线条上的文字
近期在项目中要实现关系图,需要在线条上绘制文字。要实现这个功能,我们需要在SVG中连接的线条从标签line修改为path,这样才可能实现类似如下的效果: 1个简单的例子如下所示:...
2020-05-27
jQuery EasyUI window窗口使用实例代码
需求：点击【增加】按钮，弹出窗口，并对所有输入项内容进行校验，校验通过就提交给后台的action处理，没有通过校验就弹窗提示。<!DOCTYPE html><html> <head> <meta charset="UT...
2020-05-27
JS实现十字坐标跟随鼠标效果
本次小编给大家带来一个JS的效果，实现根据浏览器的窗口大小出现十字坐标并跟随鼠标移动的效果，还可以计算出实时的坐标数值。我们先来看一下运行后的效果图：以下是经过小编测试...
2020-05-27
Angular4实现图片上传预览路径不安全的问题解决
前言前一段时间做项目时，遇到一个问题就是AngularJS实现图片预览和上传的功能，在Angular4中，通过input:file上传选择图片本地预览的时候，通过window.URL.createObjectURL获取的u...
2020-05-27
详解Webpack实战之构建 Electron 应用
Electron 可以让你使用开发 Web 的技术去开发跨平台的桌面端应用，由 Github 主导和开源，大家熟悉的 Atom 和 VSCode 编辑器就是使用 Electron 开发的。Electron 是 Node.js 和...
2020-05-27
Webpack优化配置缩小文件搜索范围
Webpack 启动后会从配置的 Entry 出发，解析出文件中的导入语句，再递归的解析。在遇到导入语句时 Webpack 会做两件事情：1.根据导入语句去寻找对应的要导入的文件。例如 require...
2020-05-27
jQuery简单实现向列表动态添加新元素的方法示例
本文实例讲述了jQuery简单实现向列表动态添加新元素的方法。分享给大家供大家参考，具体如下：先看看效果图：完整实现代码如下：<!DOCTYPE html><html lang="en"><head><meta chars...
2020-05-27
用React-Native+Mobx做一个迷你水果商城APP(附源码)
前言最近一直在学习微信小程序，在学习过程中，看到了 wxapp-mall 这个微信小程序的项目，觉得很不错，UI挺小清新的，便clone下来研究研究，在看源码过程中，发现并不复杂，用不多的代码来...
2020-05-27
jQuery实现右侧抽屉式在线客服功能
我们先来看下实际运行效果图：先给大家看下整体代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
2020-05-27
推荐10款扩展Web表单的JS插件
在网站建设中，你可以使用java开发大量酷炫的特效放到你网站上，但我们知道，互联网上也有很多开源的js库和插件可供选择。如果你正在设计用户注册/登录，访客留言或活动报名等自定...
2020-05-27
AngularJS实现的生成随机数与猜数字大小功能示例
本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.jb5...
2020-05-27
jQuery图片查看插件Magnify开发详解
前言因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款 jQuery 图片查看器插件 Magnify，它实现了 Windows 照片查看器的所有功能，比如模态窗的拖拽、调整大小、最...
2020-05-27
vue的一个分页组件的示例代码
分页组件在项目中经常要用到之前一直都是在网上找些jq的控件来用(逃..),最近几个项目用上vue了项目又刚好需要一个分页的功能。具体如下：文件page.vue为一个pc端的分页组件,...
2020-05-27
使用vue实现简单键盘的示例(支持移动端和pc端)
常看到各种app应用中使用自定义的键盘，本例子中使用vue2实现个简单的键盘,支持在移动端和PC端使用实现效果：Keyboard.vue<template> <div class="keyboard" v-show="showKeybo...
2020-05-27
浅谈React深度编程之受控组件与非受控组件
受控组件与非受控组件在官网与国内网上的资料都不多，有些人觉得它可有可不有，也不在意。这恰恰显示React的威力，满足不同规模大小的工程需求。譬如你只是做ListView这样简单的...
2020-05-27
Angular实现可删除并计算总金额的购物车功能示例
本文实例讲述了Angular实现可删除并计算总金额的购物车功能。分享给大家供大家参考，具体如下：先看运行效果：具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...
2020-05-27
node.js中路由，中间件，ge请求和post请求的参数详解
一、路由 1、什么是路由 服务器需要根据不同的URL或请求来执行不一样的操作，我们可以通过路由来实现这个步骤 2、实现路由的方法 2.1、get请求...
2020-05-27
Vue 进入/离开动画效果
1、示例代码（注：写到vue单文件中了）<template> <div> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">h...
2020-05-27
细说webpack源码之compile流程-入口函数run
Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。本节流程如图： 现在正式进入打包流程，起步方法...
2020-05-27
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
模态框Bootstrap Modal Bootstrap 的模态框使用Bootstrap 的前端应该都接触过。本文记录一下今天使用时遇到的 BUG，以便以后查阅和帮助其他遇到同样问题的伙伴们。BUG 情景使...
2020-05-27
细说webpack源码之compile流程-rules参数处理技巧(1)
上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(2)， 细说webpack源码之compile流程-入口函数run大家可以点击查看。Tips：写到这里，需要对当初的规则进行...
2020-05-27
AngularJS实现的根据数量与单价计算总价功能示例
本文实例讲述了AngularJS实现的根据数量与单价计算总价功能。分享给大家供大家参考，具体如下：先看一下效果：代码如下：<!DOCTYPE html><html lang="en" ng-app><head> <meta char...
2020-05-27
细说webpack源码之compile流程-rules参数处理技巧(2)
上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(1)， 细说webpack源码之compile流程-入口函数run大家可以点击查看。第一步处理rule为字符串，直接返...
2020-05-27
基于 flexible 的 Vue 组件：Toast -- 显示框效果
基于flexible.js 的 Vue 组件前言： 目前手头的移动端Vue项目是用手淘的 lib-flexible 作适配的，并用px2rem 来自动转换成rem。关于lib-flexible和px2rem的配置，请移步 vue-cli...
2020-05-27
基于vue-cli配置lib-flexible + rem实现移动端自适应
安装flexiblenpm install lib-flexible --save引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport 'lib-flexible'px 转 rem使用 webpack 的 px2rem-loade...
2020-05-27
vue学习教程之带你一步步详细解析vue-cli
vue-cli在开发前，我们要至少通读一遍vue官方文档和API(看官方文档是最重要的，胜过看五十、一百篇博客),英文阅读能力还行的建议阅读英文文档，中文文档内容会稍落后，还要通读相关...
2020-05-27
Webpack实战加载SVG的方法
SVG 作为矢量图的一种标准格式，已经得到了各大浏览器的支持，它也成为了 Web 中矢量图的代名词。 在网页中采用 SVG 代替位图有如下好处： SVG 相对于位图更清晰，在任意缩放的情...
2020-05-27
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考，具体如下：今天在做微信小程序的时候，做的商品购买流程。流程是这样的：商品展示-->...
2020-05-27
Vue工程模板文件 webpack打包配置方法
1、githubgithub地址：https://github.com/MengFangui/VueProjectTemplate2、webpack配置（1）基础配置webpack.base.config.jsconst path = require('path');//处理共用、通用的j...
2020-05-27
Javascript防止图片拉伸的自适应处理方法
前言相信大家在日常的web开发中，作为前端经常会遇到处理图片拉伸问题的情况。
例如banner、图文列表、头像等所有和用户或客户自主操作图片上传的地方，而一旦牵扯图片，就会涉及...
2020-05-27
Vue 过滤器filters及基本用法
1、示例代码采用vue单文件组件，使用moment插件格式化日期<template> <div> <h1>{{date | dateFormat}}</h1> </div></template><script> import moment from 'moment'; imp...
2020-05-27
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
问题描述：最近用jstree遇到一个问题，父节点选中时，被禁用的子节点也会选中如下解决方案：1、 将jstree升级到最新的版本，v3.3.4及以上就可以2、 修改checkbox插件配置，将cascade_to...
2020-05-27
vue.js整合mint-ui里的轮播图实例代码
初始化vue项目npm install -g vue-clivue init webpack demo # 中间会让你选npm yarn 等来安装依赖，我选的是yarn，因为它快些
安装mint-uiyarn add mint-uimint-ui装好了，还要...
2020-05-27
AngularJS集合数据遍历显示的实例
如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>AngularJS集合数据遍历显示</title> <script type="text/javascript" src="../js/angular.min.js...
2020-05-27
在vue项目中安装使用Mint-UI的方法
一、Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,具有以下特性: 使用文档： http://mint-ui.github.io/#!/zh-cn Mint UI 包含丰富的 CSS 和 JS 组...
2020-05-27
VSCode配置react开发环境的步骤
vscode 默认配置对于 react 的 JSX 语法不友好，体现在使用自动格式化或者粘贴后默认缩进错误，尽管可以通过改变 language mode 缓解错误，但更改 language mode 后的格式化依然...
2020-05-27
VSCode 配置React Native开发环境的方法
本文介绍了VSCode 配置React Native开发环境的方法，分享给大家，具体如下：
1.安装VSCode2.安装插件按F1 并输入 ext install 并回车, 或者使用
输入react-native安装React Nativ...
2020-05-27
Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）
在写一个文件上传的功能时候，调用fs.renameSync方法错误出错 代码所在如下： function upload(response,request){ console.log("upload called"); var form = new formidable....
2020-05-27
使用命令行工具npm新创建一个vue项目的方法
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时...
2020-05-27
node.js用fs.rename强制重命名或移动文件夹的方法
本文介绍了node.js用fs.rename强制重命名或移动文件夹的方法，首先介绍了rename的用法，具体如下：【重命名文件夹】
// rename.jsvar fs = require("fs"); // 重命名a文件夹为b...
2020-05-27
javascript连接mysql与php通过odbc连接任意数据库的实例
脑洞大开用javascript链接mysql，2个小时总算实现了，用到了odbc，后面又想到用php链接odbc链接数据库，也实现了，就把案例放一下。注意事项：1、javascript连接mysql使用的是”new Act...
2020-05-27
关于laydate.js加载laydate.css路径错误问题解决
前言laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器。laydate.js经过贤心大大的重写之后功能越来越强大，用起来也愈渐灵活...
2020-05-27
浅谈vue-router 路由传参的方法
路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。1.新闻列表页模板 <template id="news"> <div> <h2>新闻列表</h2...
2020-05-27
使用jQuery 操作table 完成单元格合并的实例
比较表格的内容。判断是否合并单元格：tr = $("#printPage tr").length;// 获取当前表格中tr的个数var mark = 0; //要合并的单元格数var index = 0; //起始行数/** 要合并单...
2020-05-27
CSS3结合jQuery实现动画效果及回调函数的实例
写期末项目中，朋友提出的 idea ，当用户登录成功时欢迎用户的特效，即欢迎用户信息从底部上升到页面中，之后再退回底部。他遇到的问题是：从底部能出来提示信息，但是出来之后就下不去...
2020-05-27
