观千剑而后识器，操千曲而后晓声。

今天偶然间看到了数组扁平化的一个方法，很简单只有一行代码，对于初学者小白来说很适合使用，但是有局限性，下面我们来看看吧。 let aa=[[12,21],[1,2,3],[2,3,4]]; function turn (arr){ return [].concat.apply([],arr); } console.log(turn(aa)); 输出的结果呢当然就是下面躁动不安的我开始胡思乱想为什么这样一行语句就可以把数组拆开呢，apply在这里扮演着

一、前言vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的呢？它要解决什么场景的问题呢？ 我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件，但是在实际使用这个组件的时候却又不能完全的满足需求，我希望在这个组件中添加一点东西，这时候我们就需要用到插槽来分发内容。 注意：以下的所有内容是基于vue版本 2.6.0 起二、插槽是什么下面看一个例子 写一个父组件: test.vue<template> <div

Vue-Cli4基础配置​ vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。它是轻量级的，它有很多独立的功能或库。初始环境配置​Vue安装需下载node.js​Vue提供了一个CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。配置过程大致总结如下：打开终端：​ 安装node.js，安装完node.js之后，npm也会自动安装。查询是否安装成功的命令：node -v...

vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据状态持久化，但是太麻烦每次都要操作，强烈建议使用插件利用vuex-persistedstate插件.今天推荐两种vuex-persistedstate和vuex-persist第一种 vuex-persistedstate插件安装npm install vuex-persistedstate --save1.使用vuex-persistedstate默认存储到local

传统页面和框架开发的区别传统html是通过a标签跳转来作为切换的，每一个页面都是一个html，这样百度很容易抓取到的，也能顺着a链接到你的子级页面。 像vue、react、angular开发的都是spa应用，他只有一个页面index，他们都是内加载，动态加载切换路由的，所以你再多页面百度蜘蛛只能爬到首页，这就是spa的一大痛点解决方案说完了区别说下怎么解决这个问题，目前我所了解的两种：vue.js官网提供的SSR（服务端渲染）这种方案呢学习成本高，对于刚开始的新手来说可能有点难度（也包括我..

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使

一，简介jQuery LigerUI 是基于jQuery的一系列UI控件组合，包括表单、表格、提示框、窗口、布局等等。可以快速地创建风格统一大方的界面。因为是前端控件，跟服务器无关，可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有90K,很轻巧。ligerui使用插件式的开发模式，以“简单”为原则的设计，每个插件尽量独立(如Drag和Resizable)

1、服务器推技术通过客户端发出请求获取服务器端数据的方式通常称为“拉”技术，很形象说明客户端在拉取服务器端数据，而有时候需要服务器端主动向客户端“推”数据，比如监测聊天上线人数主动向上线发送消息，后台数据库发生变化是主动更新所有客户端展示。2、Reverse Ajax实现服务器推技术DWR2.x的推技术也叫DWR Reverse Ajax（逆向Ajax）主要是在BS架构中，从服务器端向

Mobiscroll是一个用于触摸设备的日期和时间选择器，它的使用不会改变HTML5、PhoneGap以及混合应用的原生用户体验。作为一款jQuery日期插件，用户可以自定义主题样式，为自己的移动项目UI组件添色。Mobiscroll支持所有主流平台：iOS、Android、BlackBerry, Windows Phone 8以及Amazon Kindle。  此作品是一款非常实用且兼容PC和移

在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：交通信号灯 红色 黄色 绿色

哎，还是老话题，一直缠绕着国人……现在来个快刀斩乱麻，let’s go由于项目前期使用的是1.2.6版本，后期使用的是1.3.2版本，所以分开来讲;说说实现的办法，有点暴力——直接修改jQury源码，不过不用担心，不会影响整体功能而且就修改几行代码就可以解决乱码，也就是在发送请求的时候把参数值再进行一次转码，修改的方法为param  1、jQuery 1.2.6 乱码解决办法

HTTP协议报文格式接下来我们看看HTTP协议（Hypertext　Transfer　Protocol――超文本传输协议）浏览器端（客户端）向WEB服务器端访问页面的过程和HTTP协议报文的格式。基于HTTP协议的客户机访问包括4个过程，分别是建立TCP套接字连接、发送H

Flowplayer 是一个开源（GPL 3的）WEB视频播放器。您可以将该播放器嵌入您的网页中，如果您是开发人员，您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。 Flowplayer支持播放flv、swf等流媒体以及图片文件，能够非常流畅的播放视频文件，支持自定义配置和扩展。FlowPlayer 5.0 发布，这是一个纯 H

1 背景“服务器推送技术”（ServerPushing）是最近Web技术中最热门的一个流行术语。它是继“Ajax”之后又一个倍受追捧的Web技术。“服务器推送技术”最近的流行跟“Ajax ”有着密切的关系。随着 Ajax技术的兴起，让广大开发人员又一次看到了使用浏览器来替代桌面应用的机会，并且这次机会非常大。Ajax将整个页面的刷新变成页面局部的刷新，并且数据的传送是以异步方式进行，这使得

validationEngine中文版 — jquery强大的表单验证插件中文汉化版，官方只有英文的。同时根据中国国情修改了部分验证规则。这个插件支持大部分的浏览器，但由于有使用到了css3的阴影和圆角样式，所以在IE浏览器下无法看到圆角和阴影效果（万恶的IE）。官方下载地址：http://www.position-absolute.com/articles/jquery-fo

用了一段时间的Display Tag，觉得非常好用，可在论坛上发现好像使用这个东东的人挺少的，那偶也来写篇文章。     Display Tag Lib是一个标签库，用来处理jsp网页上的Table，功能非常强，可以对的Table进行分页、数据导出、分组、对列排序等等，反正我在做项目时需要的功能它都给我提供了，而且使用起来非常的方便。能够大大减少代码量。     介个是Display Tag的官方

JSP中EL表达式无效的问题 确定用的Servlet / JSP的版本，查看web.xml的开头部分，如果有以下内容，表示是Servlet 2.4 / JSP 2.0。          xmlns="http://java.sun.com/xml/ns/j2ee"            xmlns:xsi="http://www.w3.org/2001/XMLSc

滚动字幕在FrontPage的组件里有，但是FrontPage（娉按：FP这个软件我现在都很少用了~功能的确比DW少了不少） ，这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动！(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所

打印分页"page-break-after:always">page1   "page-break-after:always">page2 设置打印"factory" style="display:none" viewastext    classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"    codebase="http://www.

脚本说明: 把如下代码加入区域中 按钮链接乾坤大挪移   作为一个小技巧，暂时归类到ASP中。 在设计网站的时，我们可能会想把链接做成按钮的样子，按钮做成链接的样子。下面说一下我的方法。 1、按钮做成链接(图片)的样子 提交按钮 提交链接提交 重置按钮 重置链接重置 普通按钮 普通链接链接 至于图片也一样把a标签换成img 2、链接做成按钮的样子 注册 => --

 在下面所有代码前最好加上这句：1var selectId=document.getElemengById(selectId);清空select的项1selectId.options.length = 0;如果留下第一行的话就是1

属于DOMattachEvent、addEventListener添加事件到对象detachEvent、removeEventListener注销对象事件     JS       function test(){alert("test");}function pig(){alert("pig");}window.onload = function(){         var eleme

从 http://www.infosoftglobal.com/ 站点下载免费版本到本地，解压到本地，取出 JSClass目录和Charts 目录下所有文件拷贝到你的网站chart目录下，即可开始FusionCharts的使用之旅。一、           开始一个简单的demo       1. 在你的网站根目录下新建 Data.xml文档，作为图表的数据源，内容如下：       

核心提示：Iterate主要用来处理在页面上输出集合类，集合一般来说是下列之一： 1、 java对象的数组 2、 ArrayList、Vector、HashMap等 具体用法请参考struts文档，这里不作详细介绍 现在定义一个class，User.java 把它编译成User.class package example; import java.io Iterate主要用来处理在页面上输出集合类，集合一般来说是下列之一： <br />1、 java对象的数组 <br /><br />2、 ArrayLis

 WML表单提交  程序代码关键词:搜索                     程序代码关键词:                    上边两种方式都可以用来提交表单，下边说下几个伪指令的含义： $(keyword:escape)：指示微浏览器将非文本数字的字符替换成十六进制代码； $(keyword:un

1. 什么是同源策略     理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。    何谓同源:        URL由协议、域名、端口和路径组成，如果两个URL的协议、域名和端口相同，则表示他们同源。    同源策略:        浏览器的同源策略，限制了来自不同源的"document"或脚本，对当前"document"读取或设置某些

方法一： 最简单的方式就是在JSP页面的开始部分使用如下的头部信息   response.setHeader("Content-disposition","attachment; filename=excelname.xls");%> xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-h