如何使用npm安装webpack

逛逛ReactJS, Angular2,vuejs的社区,大牛博客,知乎的时候看到的最多的可能就会有webpack,WebPack这个构建工具已经在社区中得到了广泛的认可,而Webpack已经成了React.js开发的标配,所以,我们有必要学习一下Webpack。  所以我在网上看了大量前辈的blog,闲暇之余总结了一些使用的方法,由于技术有限可能会有些不足希望多多指教。  首先webp
阅读本文

WebSocket简单介绍

一.WebSocket简单介绍  随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据。  我们知道,传统的HTTP协议是无状态的,每次请求(request)都要由客户端(如 浏览器)主动发起,服务端进行处理后返回
阅读本文

Java web 开发过程中查看servlet的版本和jsp的版本

在开发过程中往往有需要去看自己的servlet的版本,如关于spring框架中就文件上传的问题,只有实现了servlet3.0及其更高版本规范的servlet容器,才支持文件上传,对于低版本的需要Apache commons fileupload原件。。。。。  ------------------------------------扯多了---------------------------
阅读本文

Web安全开发建议

Web安全问题,很多时候会被人所忽略,安全漏洞造成了很多不必要的维护和开发任务,产生的问题有时候更是致命的。 实际上,只要我们养成一些习惯,知道一些安全问题的基本原理,可以很大程度避免问题的出现,这也是一个优秀Web程序员的必备素质。 UI变量转义规范什么是UI变量?凡是出现在HTML中由后端输出(或由JSON渲染)的变量都可称之为UI变量,它可以是PHP变量、Smarty变量、JSP变量或前端模
阅读本文

web微信协议分析

关于web微信的协议,网上已经有很多分析了。这里简单的谈一下我的理解和调试过程的一些经验。源代码晚些时候放在Github上,语言是node.js首先需要指出的是,web微信并不能实现全部的微信功能,比如web微信看不到群成员/好友的微信ID,没法抢红包,没有自定义表情等等。其次,微信协议也并非开源,主要资料就是网上的教程,然而很多都已经过时,或多或少存在一些偏差,在开发的时候需要注意鉴别。最好的办
阅读本文

移动web开发经验

1. font-family: “Microsoft YaHei“,sans-serif;/*第二个是手机的一个默认的字体 手机没有微软雅黑*/ 2.主流手机浏览器内核都为webkit3.*{-webkit-tap-highlight-color: transparent;}/*清除点击默认的高亮效果*/4.input,textarea{ border: none; resize: none
阅读本文

使用Dom4j解析XML

dom4j是一个Java的XML API,类似于jdom,用来读写XML文件的。dom4j是一个非常非常优秀的Java XML API,具有性能优异、功能强大和极端易用使用的特点,同时它也是一个开放源代码的软件,可以在SourceForge上找到它.        对主流的Java XML API进行的性能、功能和易用性的评测,dom4j无论在那个方面都是非常出色的。如今你可以看到越来越
阅读本文

Webpack + React 开发 02 JSX 语法

HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写;render(<h1>Hello World</h1>, document.getElementById(‘helloworldDiv‘));JSX 的基本语法规则:遇到 HTML 标签(以 var names = [‘Alice‘, ‘Emily‘,
阅读本文

webapp开发中的那些坑

1、手机页面中点击文本框,网页放大解决<meta name=“viewport“ content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no“ />加此声明。2、在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除input, textarea { border
阅读本文

Web开发.net framework 类库中必须掌握的命名空间(或者类)

Web开发常用命名空间和类。System.Collections //命名空间包含接口和类,这些接口和类定义各种对象(如列表、队列、位数组、哈希表和字典)的集合。System.Collections.Generic //命名空间包含定义泛型集合的接口和类,泛型集合允许用户创建强类型集合,它能提供比非泛型强类型集合更好的类型安全性和性能。System.Configuration //命名空间包含提供
阅读本文

《flask web开发》第11章 博客文章发布表单无法显示的解决方案

有不少同学在这一章都发现自己明明按照书上一步步执行,但却在首页看不到博客文章发布表单。这个问题其实很好解决。首先,下载一个DB Browser for SQLite。Ubuntu用户可以在终端输入以下命令:sudo apt-get install sqlitebrowser 之后用这个数据库浏览器打开flasky里的数据库,在role表中按书中第9章所述,将所有角色手工录入,并在user表中给自
阅读本文

web性能优化之GZIP压缩

检测地址:http://www.whatsmyip.org/http-compression-test/?url=d3d3LmZlbmd6aWdhbWUuY29twindows下apache开启GZIP实现步骤:1.找到并打开apache/conf目录中的httpd.conf文件2.httpd.conf中打开deflate_Module和headers_Module模块,具体做法为将 如下两句前面
阅读本文

java web 拦截器、过滤器理解

1、首先要明确什么是拦截器、什么是过滤器 1.1 什么是拦截器: 拦截器,在AOP(Aspect-Oriented Programming)中用于在某个方法或字段被访问之前,进行拦截然后在之前或之后加入某些操作。拦截是AOP的一种实现策略。 在Webwork的中文文档的解释为——拦截器是动态拦截Action调用的对象。它提供了一种机制可以使开发者可以定义在一
阅读本文

Git 部署 Web 网站

/*************************************************************************** * Git 部署 Web 网站 * 说明: * 主要是想自动部署静态网站到自己的VPS上,这样做的目的是方便像github * pages那样更新内容。 * *
阅读本文

webpack命令行总结

用 npm 安装 Webpack:$ npm install webpack -g# 查看 webpack 版本信息$ npm info webpack# 安装指定版本的 webpack$ npm install webpack@1.12.x --save-dev如果需要使用 Webpack 开发工具,要单独安装:$ npm install webpack-dev-server --save-de
阅读本文

猫哥带你去战斗——Java Web开发——Java篇[8]——连接MySQL

回顾一下之前,我们已安装了MySQL5.5,同时设定了密码Pass1234。所以打开【开始】-【程序】-【MySQL】-【MySQL5.5 Command Line Client】,也就是MySQL命令行客户端,可以对MySQL进行一些最基本的操作,如下图: 分别执行了show databases——展示所有数据库、use mysql——使用mysql数据库、show tables——展示my
阅读本文

猫哥带你去战斗——Java Web开发——Java篇[9]——使用SQL语句实现增删改查

前一篇已经演示了如何连接数据库,因为连接数据库这个活,经常要干,所以不如直接成立一个类,专门处理数据库方面的事情,比较省心,话不多说,上例子,话都在注释里。 import java.sql.*;//导入数据库相关类库 /** * MysqlHandler MySQL数据库管理类 * @author 猫哥 * @date 2016.12.31 */ public class MysqlHan
阅读本文

ASP.NET MVC4 WEB API入门 第一篇:C#少量入门基础

概述:本人菜鸟一枚,原本是学JAVA的,不过来到了做.net开发的公司做后端开发,不过由于JAVA和C#有些大同小异。所以可以算得上是重温一下基础知识,然后就是学习ASP. NET MVC的知识,并且需要学习ASP. NET MVC4 WEB API这个框架。所以通过看书、上网学习,根据自身实际学习情况,对一些知识做了些总结。有不妥之处,望各位海涵,可以留言,我会更改。 第一篇:C#入门基础 一、
阅读本文

2017年试试Web组件化框架Omi

Open and modern framework for building user interfaces.Omi的Github地址https://github.com/AlloyTeam/omi如果想体验一下Omi框架,请点击Omi Playground如果想使用Omi框架,请阅读 Omi使用文档如果想一起开发完善Omi框架,有更好的解决方案或者思路,请阅读 从零一步步打造web组件化框架Om
阅读本文