如何快速解决JS或Jquery ajax异步跨域的问题
简单的概括下，解决办法有两种。一种是jsonp方式：即在前端发送异步请求时，添加相关的jsonp设置或配置；后端则返回可供jsonp解析的格式的串。...
2020-05-27
浅谈Vue2.0父子组件间事件派发机制
从vue1.x过来的都知道，在vue2.0中，父子组件间事件通信的$dispatch和$broadcase被移除了。官方考虑是基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程...
2020-05-27
基于vue-ssr服务端渲染入门详解
第一部分 基本介绍1、前言
服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成html片段返回给前端。然后前端可以通过解析后端返回的html片段到前端页面，大致有以下...
2020-05-27
react-router v4如何使用history控制路由跳转详解
前言距离React Router v4 正式发布也已经挺久了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同时...
2020-05-27
利用jqprint插件打印页面内容的实现方法
业务场景客户需要在页面有一个打印按钮，点击之后可以打印Echarts图表的内容以及文字提示信息，经谷歌搜索发现，实现方法大概有三种之多，其他两种不太熟悉，而采用的这种打印方式是...
2020-05-27
Gulp实现静态网页模块化的方法详解
前言在做纯静态页面开发的过程中，难免会遇到一些的尴尬问题。比如：整套代码有50个页面，其中有40个页面顶部和底部模块相同。那么同样的两段代码我们复制了40遍（最难受的方法）。然...
2020-05-27
vue.js整合vux中的上拉加载下拉刷新实例教程
前言Vux 是基于 Vue 和 Weui 开发的手机端页面 UI 组件库，开发初衷是满足公司的微信端表单需求，因为第三方的调查问卷表单系统在手机上实在比较丑(还是 PC 那一套样式适配了大...
2020-05-27
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
最近在使用webpack + vue做个人娱乐项目时，发现npm run build后，css js img静态资源文件均找不到路径，报404错误。。。网上查找了一堆解决办法，总结如下一、首先修改config目录...
2020-05-27
webpack+vue2构建vue项目骨架的方法
前端项目打包工具webpack与前端开发框架vue，算是现在前后端分离后非常流行的技术了，今天主要讲的是使用webpack和vue2构建一个前后端分离项目的基本骨架。虽然使用vue-cli脚手...
2020-05-27
详解webpack babel的配置
Babel是什么Babel是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到： 使用下一代的javascript（ES6，ES7,……）代码，即使当前浏览器没有完成支持； 使用基于JavvS...
2020-05-27
详解Webpack+Babel+React开发环境的搭建的方法步骤
1.认识Webpack构建应用前我们先来了解一下Webpack, Webpack是一个模块打包工具，能够把各种文件（例如：ReactJS、Babel、Coffeescript、Less/Sass等）作为模块进行编译后进行打包。...
2020-05-27
SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题的解决方法
当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项...
2020-05-27
详解webpack之scss和postcss-loader的配置
本文介绍了详解webpack之scss和postcss-loader的配置，分享给大家，具体如下：开始npm i sass-loader node-sass postcss-loader autoprefixer首先配置postcss-loader在这里postcs...
2020-05-27
Vue项目组件化工程开发实践方案
我们暂时给提取出来的脚手架取名叫vde-cli，通过vde-cli脚手架生成的组件库工程目录结构如下： 核心功能组件库工程的packages文件夹就是用来存放组件库里面的各种组件了，这里不...
2020-05-27
webpack多入口文件页面打包配置详解
大多数情况下，我们使用 webpack来打包单页应用程序，这个时候只需要配置一个入口，一个模板文件，但也不尽是如此，有时候也会碰到多页面的项目，而且以我的经验来看，这种情况出现的频率...
2020-05-27
JavaScript实现多重继承的方法分析
本文实例讲述了JavaScript实现多重继承的方法。分享给大家供大家参考，具体如下：1. 定义一个空的父类构造函数，然后通过prototype的方式为该父类定义属性和方法2. 定义一个空的...
2020-05-27
旺旺在线客服代码 旺旺客服代码生成器
阿里旺旺官方给出了3中方式的在线旺旺的样式，方便大家能够在自己的网页上添加在线旺旺联系，我们一个一个的分析：1、代码：<a target="_blank" href="http://amos.alicdn.com/msg....
2020-05-27
10个经典的网页鼠标特效代码
1、鼠标指向出现实用特殊提示<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=...
2020-05-27
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
效果图如下所示：
在线地址: github.czero.cn/fancy
点击下载安卓apk安装包源码地址: github.com/czero1995/f…项目主架构
使用的库 vue-cli (vue+webpack脚手架) vue-r...
2020-05-27
Vue+jquery实现表格指定列的文字收缩的示例代码
本文介绍了Vue+jquery实现表格指定列的文字收缩的示例代码，分享给大家，具体如下：效果很简单，但是写起来真的不容易，因为Vue对于没有React这种前端框架经验的人是不友好的
（少吐槽，...
2020-05-27
AngularJS使用ui-route实现多层嵌套路由的示例
本文介绍了AngularJS使用ui-route实现多层嵌套路由的示例，分享给大家，具体如下：一、预期实现效果：https://liyuan-meng.github.io/uiRouter-app/index.html （项目地址：https://git...
2020-05-27
vue select二级联动第二级默认选中第一个option值的实例
当二级联动比如选择国家的时候，希望选中一个国家的时候后面城市默认选中第一个城市，则给国家的select加一个@change事件就可以了<div class="inputLine"> <span>所在区域</sp...
2020-05-27
js推箱子小游戏步骤代码解析
推箱子小游戏大家肯定都玩过，之所以写这篇文章，是觉得这个小游戏足够简单好理解demo：步骤解析：
本文代码已经放在了github上面了,里面也进行了很详细的代码注释，可以copy下来，在本...
2020-05-27
jQuery第一次运行页面默认触发点击事件的实例
例如：1. $("#txt").trigger("click");//默认触发点击搜索按钮2. $(".aaa .bbb").eq(0).click();//默认第一个点击(例如UL的LI有多个可以点击的用于默认点击第一个用)注意：要放...
2020-05-27
JavaScript实现快速排序的方法分析
本文实例讲述了JavaScript实现快速排序的方法。分享给大家供大家参考，具体如下：思想：通过分治思想、递归方法将数据依次分解为包含较小元素和较大元素的不同子序列1.在数组中选...
2020-05-27
基于casperjs和resemble.js实现一个像素对比服务详解
前言
本次分享一个提供设计稿与前端页面进行像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。相信我，在像素级别的对比下，网页对设计稿的还原程度一下子就...
2020-05-27
使用async-validator编写Form组件的方法
前端开发中，表单的校验一个很常见的功能，一些 ui 库例如ant.design 与Element ui 都实现了有校验功能的 Form 组件。async-validator 是一个可以对数据进行异步校验的库，ant.de...
2020-05-27
React中常见的动画实现的几种方式
现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比...
2020-05-27
微信小程序实现传参数的几种方法示例
前言首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小...
2020-05-27
微信小程序实现图片上传功能实例（前端+PHP后端）
前言几乎每个程序都需要用到图片。下面就来给大家介绍前端+PHP后端实现微信小程序实现图片上传功能，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。方法如下...
2020-05-27
利用ECharts.js画K线图的方法示例
前言最近有一个统计的项目要做，在前端的数据需要用图表的形式展示。网上搜索了一下，发现有几种统计图库。MSChart这个是Visual Studio里的自带控件，使用比较简单，不过数据这块需...
2020-05-27
Vue.js分页组件实现：diVuePagination的使用详解
一.介绍Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只...
2020-05-27
web前端vue之CSS过渡效果示例
过渡效果在交互体验中的重要性不言而喻。以往我们使用js或Jquery添加或移除元素的类（class），搭配CSS中定义好的样式，再引用一些javascript库之后，可以做作出非常复杂，惊艳的动态效...
2020-05-27
js实现上传并压缩图片效果
本文实例为大家分享了js实现上传并图片压缩的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="...
2020-05-27
Vuex 入门教程
Vuex 是什么？官方给出的解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生...
2020-05-27
JS计算两个时间相差分钟数的方法示例
本文实例讲述了JS计算两个时间相差分钟数的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xh...
2020-05-27
vue-cli webpack 引入jquery的方法
今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack)首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install在webpack...
2020-05-27
web前端vue之vuex单独一文件使用方式实例详解
Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也...
2020-05-27
纯js代码生成可搜索选择下拉列表的实例
1、因为动态的css楼主写不出来，因此需要引入layui中的css样式：<link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css" rel="external nofollow" rel="external nof...
2020-05-27
js点击时关闭该范围下拉菜单之外的菜单方法
实例如下：$(function(){ $(document).bind("click",function(e){ //id为menu的是菜单 if($(e.target).closest("#menu").length == 0 && $(e.target).clos...
2020-05-27
js判断传入时间和当前时间大小实例(超简单)
实例如下：//判断时间是否过期function judgeTime(time){var strtime = time.replace("/-/g", "/");//时间转换//时间var date1=new Date(strtime);//现在时间var date2=new D...
2020-05-27
vuex 使用文档小结篇
Vuex是什么？Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集...
2020-05-27
Router解决跨模块下的页面跳转示例
一、前言开始模块化开发项目之后，一个很重要的问题就是页面见的跳转问题。关于模块化发开，可详见我的另一片文章 Android模块化开发探索 。正是由于将项目模块化拆分，各模块之...
2020-05-27
基于react后端渲染模板引擎noox发布使用
React 组件化思想受到越来越多开发者的关注，组件化思想帮助开发者将页面解耦成一个一个组件，代码更加模块化, 更易扩展。而目前流行的后端模板引擎如 ejs, swig, jade, art 共...
2020-05-27
React 高阶组件入门介绍
高阶组件的定义
HoC 不属于 React 的 API，它是一种实现模式，本质上是一个函数，接受一个或多个 React 组件作为参数，返回一个全新的 React 组件，而不是改造现有的组件，这样的组件被...
2020-05-27
JS写谷歌浏览器chrome的外挂实例
提到浏览器外挂很多朋友都很疑惑，外挂不是都在游戏上才用的到么？其实侧不然，小编今天通过一个小小的实例给大家带来了JS写的浏览器外挂。本次外挂实现的功能就是通过刷网页楼层...
2020-05-27
Javascript网页抢红包外挂实现分享
一开始用Firefox加Firebug/YSlow插件分析，但是firefox不能运行自定义的javascript，好像还要装什么插件。于是转用chrome，发现chrome还是不错的，直接写个javascript就可以当作插...
2020-05-27
JS脚本实现网页自动秒杀点击
我们先来看下秒杀活动页面代码<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> Micomo </title> </hea...
2020-05-27
基于node下的http小爬虫的示例代码
每时每刻不管你睡了还是没睡，互联网都会有海量的数据来来往往，有客服端到服务端，有服务端到服务端。http的get和request完成的角色即为数据的获取及提交,接下来我们动手写一个...
2020-05-27
angular2中Http请求原理与用法详解
本文实例讲述了angular2中Http请求原理与用法。分享给大家供大家参考，具体如下：提供HTTP服务HttpModule并不是Angular的核心模块。 它是Angular用来进行Web访问的一种可选方式...
2020-05-27
