JavaScript - 教程之家

116浏览

0评论

Vue入门之数据绑定(小结)

1. 什么是双向绑定？Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML...

2020-05-27

71浏览

0评论

探索Vue高阶组件的使用

高阶组件( HOC )是 React 生态系统的常用词汇， React 中代码复用的主要方式就是使用高阶组件，并且这也是官方推荐的做法。而 Vue 中复用代码的主要方式是使用 mixins ，并且在 V...

2020-05-27

57浏览

0评论

JavaScript体验异步更好的解决办法

一、异步解决方案的进化史
JavaScript的异步操作一直是个麻烦事，所以不断有人提出它的各种解决方案。可以追溯到最早的回调函数(ajax老朋友)，到Promise(不算新的朋友)，再到ES6...

2020-05-27

63浏览

0评论

Node.js使用Koa搭建基础项目

Koa 是由 Express 原班人马打造的超轻量服务端框架与 Express 相比，除了自由度更高，可以自行引入中间件之外，更重要的是使用了 ES6 + async，从而避免了回调地狱不过也是因为代码...

2020-05-27

68浏览

0评论

浅谈React Native Flexbox布局(小结)

Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素...

2020-05-27

58浏览

0评论

关于vue单文件中引用路径的处理方法

前言Vue 的单文件组件在使用 Vue 时非常常用，而在vue单文件的开发过程中，在单文件模版中可能会涉及到文件路径的处理，比如 <img>, style 中的 background 的处理等。下文中讨论...

2020-05-27

54浏览

0评论

详解weex默认webpack.config.js改造

本文介绍了weex默认webpack.config.js改造，分享给大家，具体如下：解决的问题：由于weex默认的webpack配置，会导致在src文件夹下的每一个.vue在temp文件夹下生成对应的一个.js文件，该...

2020-05-27

66浏览

0评论

实例解析ES6 Proxy使用场景介绍

ES6 中的箭头函数、数组解构、rest 参数等特性一经实现就广为流传，但类似 Proxy 这样的特性却很少见到有开发者在使用，一方面在于浏览器的兼容性，另一方面也在于要想发挥这些特...

2020-05-27

144浏览

0评论

Vue v2.4中新增的$attrs及$listeners属性使用教程

前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法，使用 v-bin...

2020-05-27

65浏览

0评论

详解ES6中的代理模式——Proxy

什么是代理模式代理模式（英语：Proxy Pattern）是程序设计中的一种设计模式。所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口：网络连接、内存中的...

2020-05-27

57浏览

0评论

webpack构建的详细流程探底

作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透...

2020-05-27

54浏览

0评论

深入理解 webpack 文件打包机制(小结)

前言最近在重拾 webpack 一些知识点，希望对前端模块化有更多的理解，以前对 webpack 打包机制有所好奇，没有理解深入，浅尝则止，最近通过对 webpack 打包后的文件进行查阅，对其如何...

2020-05-27

57浏览

0评论

一步步教你利用webpack如何搭一个vue脚手架（超详细讲解和注释）

Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0...

2020-05-27

73浏览

0评论

Vue 组件（component）教程之实现精美的日历方法示例

组件（component）是Vue最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码，根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己的需要，使用不...

2020-05-27

77浏览

0评论

OkHttp踩坑随笔为何 response.body().string() 只能调用一次

想必大家都用过或接触过 OkHttp，我最近在使用 Okhttp 时，就踩到一个坑，在这儿分享出来，以后大家遇到类似问题时就可以绕过去。只是解决问题是不够的，本文将侧重从源码角度分析下...

2020-05-27

65浏览

0评论

关于react-router/react-router-dom v4 history不能访问问题的解决

前言最近把react-router 升级了一下，在使用react-router-dom 是，子组件使用this.props.history 找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面，需...

2020-05-27

56浏览

0评论

简易Vue评论框架的实现(父组件的实现)

最近看到一个需求：实现一个评论功能，要求对评论列表进行分页显示对相应模块实现组件化能显示发布者、发布时间以及内容乍一看不是很难，但是在具体的实现上还是遇到了一些...

2020-05-27

56浏览

0评论

jQuery+CSS实现的table表格行列转置功能示例

本文实例讲述了jQuery+CSS实现的table表格行列转置功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi...

2020-05-27

64浏览

0评论

nodejs使用http模块发送get与post请求的方法示例

本文实例讲述了nodejs使用http模块发送get与post请求的方法。分享给大家供大家参考，具体如下：GET请求var http = require('http');var querystring = require('querystring');...

2020-05-27

43浏览

0评论

Angular 项目实现国际化的方法

正如angular官网所说，项目国际化是一件具有挑战性，需要多方面的努力、持久的奉献和决心的任务。
本文将介绍angular项目的国际化方案，涉及静态文件(html)和ts文件文案的国际化...

2020-05-27

48浏览

0评论

(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看

说明：1. 代码中的js脚本文件路径需替换为自己的目录文件2. 代码中加入了ajax验证账号是否存在<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncodin...

2020-05-27

117浏览

0评论

使用 Vue 绑定单个或多个 Class 名的实例代码

一、用变量形式绑定单个 Class 名在 vue 中绑定单个 class 名还好说，直接写就可以了<template> <div id="app">  <!-...

2020-05-27

81浏览

0评论

JQuery实现table中tr上移下移的示例(超简单)

表格样式<table> <tr> <td><input type="button" value="上移" onclick="moveUp(this)"/></td> <td><input type="button" value="下移" onclick="moveDown(this)"...

2020-05-27

71浏览

0评论

浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)

我这里往后端传递checkbox 多选框value的值是通过字符串方式传递，先调用js对选定checkbox遍历获取选的的boxvalue，然后写进隐藏域，最后作文对象的属性提交。见代码：`前端：<form:f...

2020-05-27

80浏览

0评论

jQuery+SpringMVC中的复选框选择与传值实例

一、checkbox选择在jQuery中，选中checkbox通用的两种方式：$("#cb1").attr("checked","checked");$("#cb1").attr("checked",true);对应的jQuery函数，主要完成三个功能：1、第一个...

2020-05-27

73浏览

0评论

如何快速解决JS或Jquery ajax异步跨域的问题

简单的概括下，解决办法有两种。一种是jsonp方式：即在前端发送异步请求时，添加相关的jsonp设置或配置；后端则返回可供jsonp解析的格式的串。...

2020-05-27

62浏览

0评论

浅谈Vue2.0父子组件间事件派发机制

从vue1.x过来的都知道，在vue2.0中，父子组件间事件通信的$dispatch和$broadcase被移除了。官方考虑是基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程...

2020-05-27

64浏览

0评论

基于vue-ssr服务端渲染入门详解

第一部分基本介绍1、前言
服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成html片段返回给前端。然后前端可以通过解析后端返回的html片段到前端页面，大致有以下...

2020-05-27

84浏览

0评论

react-router v4如何使用history控制路由跳转详解

前言距离React Router v4 正式发布也已经挺久了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同时...

2020-05-27

72浏览

0评论

利用jqprint插件打印页面内容的实现方法

业务场景客户需要在页面有一个打印按钮，点击之后可以打印Echarts图表的内容以及文字提示信息，经谷歌搜索发现，实现方法大概有三种之多，其他两种不太熟悉，而采用的这种打印方式是...

2020-05-27

67浏览

0评论

Gulp实现静态网页模块化的方法详解

前言在做纯静态页面开发的过程中，难免会遇到一些的尴尬问题。比如：整套代码有50个页面，其中有40个页面顶部和底部模块相同。那么同样的两段代码我们复制了40遍（最难受的方法）。然...

2020-05-27

58浏览

0评论

vue.js整合vux中的上拉加载下拉刷新实例教程

前言Vux 是基于 Vue 和 Weui 开发的手机端页面 UI 组件库，开发初衷是满足公司的微信端表单需求，因为第三方的调查问卷表单系统在手机上实在比较丑(还是 PC 那一套样式适配了大...

2020-05-27

106浏览

0评论

webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

最近在使用webpack + vue做个人娱乐项目时，发现npm run build后，css js img静态资源文件均找不到路径，报404错误。。。网上查找了一堆解决办法，总结如下一、首先修改config目录...

2020-05-27

50浏览

0评论

webpack+vue2构建vue项目骨架的方法

前端项目打包工具webpack与前端开发框架vue，算是现在前后端分离后非常流行的技术了，今天主要讲的是使用webpack和vue2构建一个前后端分离项目的基本骨架。虽然使用vue-cli脚手...

2020-05-27

179浏览

0评论

详解webpack babel的配置

Babel是什么Babel是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到：使用下一代的javascript（ES6，ES7,……）代码，即使当前浏览器没有完成支持；使用基于JavvS...

2020-05-27

46浏览

0评论

详解Webpack+Babel+React开发环境的搭建的方法步骤

1.认识Webpack构建应用前我们先来了解一下Webpack, Webpack是一个模块打包工具，能够把各种文件（例如：ReactJS、Babel、Coffeescript、Less/Sass等）作为模块进行编译后进行打包。...

2020-05-27

68浏览

0评论

SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题的解决方法

当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项...

2020-05-27

84浏览

0评论

详解webpack之scss和postcss-loader的配置

本文介绍了详解webpack之scss和postcss-loader的配置，分享给大家，具体如下：开始npm i sass-loader node-sass postcss-loader autoprefixer首先配置postcss-loader在这里postcs...

2020-05-27

159浏览

0评论

Vue项目组件化工程开发实践方案

我们暂时给提取出来的脚手架取名叫vde-cli，通过vde-cli脚手架生成的组件库工程目录结构如下：核心功能组件库工程的packages文件夹就是用来存放组件库里面的各种组件了，这里不...

2020-05-27

63浏览

0评论

webpack多入口文件页面打包配置详解

大多数情况下，我们使用 webpack来打包单页应用程序，这个时候只需要配置一个入口，一个模板文件，但也不尽是如此，有时候也会碰到多页面的项目，而且以我的经验来看，这种情况出现的频率...

2020-05-27

60浏览

0评论

JavaScript实现多重继承的方法分析

本文实例讲述了JavaScript实现多重继承的方法。分享给大家供大家参考，具体如下：1. 定义一个空的父类构造函数，然后通过prototype的方式为该父类定义属性和方法2. 定义一个空的...

2020-05-27

72浏览

0评论

旺旺在线客服代码旺旺客服代码生成器

阿里旺旺官方给出了3中方式的在线旺旺的样式，方便大家能够在自己的网页上添加在线旺旺联系，我们一个一个的分析：1、代码：<a target="_blank" href="http://amos.alicdn.com/msg....

2020-05-27

78浏览

0评论

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

91浏览

0评论

基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

效果图如下所示：
在线地址: github.czero.cn/fancy
点击下载安卓apk安装包源码地址: github.com/czero1995/f…项目主架构
使用的库 vue-cli (vue+webpack脚手架) vue-r...

2020-05-27

60浏览

0评论

Vue+jquery实现表格指定列的文字收缩的示例代码

本文介绍了Vue+jquery实现表格指定列的文字收缩的示例代码，分享给大家，具体如下：效果很简单，但是写起来真的不容易，因为Vue对于没有React这种前端框架经验的人是不友好的
（少吐槽，...

2020-05-27

95浏览

0评论

AngularJS使用ui-route实现多层嵌套路由的示例

本文介绍了AngularJS使用ui-route实现多层嵌套路由的示例，分享给大家，具体如下：一、预期实现效果：https://liyuan-meng.github.io/uiRouter-app/index.html （项目地址：https://git...

2020-05-27

112浏览

0评论

vue select二级联动第二级默认选中第一个option值的实例

当二级联动比如选择国家的时候，希望选中一个国家的时候后面城市默认选中第一个城市，则给国家的select加一个@change事件就可以了<div class="inputLine"> <span>所在区域</sp...

2020-05-27

53浏览

0评论

js推箱子小游戏步骤代码解析

推箱子小游戏大家肯定都玩过，之所以写这篇文章，是觉得这个小游戏足够简单好理解demo：步骤解析：
本文代码已经放在了github上面了,里面也进行了很详细的代码注释，可以copy下来，在本...

2020-05-27

67浏览

0评论

jQuery第一次运行页面默认触发点击事件的实例

例如：1. $("#txt").trigger("click");//默认触发点击搜索按钮2. $(".aaa .bbb").eq(0).click();//默认第一个点击(例如UL的LI有多个可以点击的用于默认点击第一个用)注意：要放...

2020-05-27

57浏览

0评论

JavaScript实现快速排序的方法分析

本文实例讲述了JavaScript实现快速排序的方法。分享给大家供大家参考，具体如下：思想：通过分治思想、递归方法将数据依次分解为包含较小元素和较大元素的不同子序列1.在数组中选...

2020-05-27

热门文章