基于webpack的Vue.js开发环境快速搭建

1. 安装nodenode下载地址2. 安装淘宝 NPM镜像命令地址3. 安装vue# 全局安装 vue-clicnpm install -g vue-cli4. 创建一个基于 “webpack“ 模板的新项目# 创建一个项目文件夹,在文件夹下shift + 右键,选择在此处打开cmdvue init webpack5. 安装依赖# 安装依赖cnpm install#安装完毕后,在项目路径下多出了
阅读本文

Webpack 学习总结

1.Webpack的特性webpack 模块打包机,分析你的项目结构,找到JavaScript模块以及其他一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),将其打包为合适的格式以供浏览器使用。webpack具有requireJs和browserify的功能,但仍有很多自己的新特性:1. 对 CommonJS 、 AMD 、ES6的语法做了兼容2. 对js、css、图片等资源文件
阅读本文

vue+webpack+vue-cli获取URL地址参数

在没有使用webpack+vue router开发中,想要获取RUL传的参数地址,直接通过一个函数就可以获得。比如在  www.test.com/test.html?sign=test  地址中,想要获取sign的值,通常的方法是用一个函数,var getUrlStr =  function(name) {   var reg = new RegExp(“(^|&)“ + name + “=([
阅读本文

npm中的 webpack工具不错 (监听模式)

压缩、监听变动自动打包,:开发后,js编译压缩及样式去空格等$ webpack --config XXX.js //使用另一份配置文件(比如webpack.config2.js)来打包 $ webpack --watch //监听变动并自动打包 $ webpack -p //压缩混淆脚本,这个非常非常重要,非常有用! $ webpack -d //生成map映
阅读本文

WebSocket 结合 Nginx 实现域名及 WSS 协议访问

简单了解一下 WebSocket现在,很多网站为了实现推送技术,所用的技术都是轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP请求,然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。 在这种情况下,HTML
阅读本文

入门学习webpack笔记

注意事项: 1.预热知识:前端模块化、commonJS最好提前了解。commonJS语法最好熟悉。 2.commonJS中,module表示当前模块,module.exports(或者exports)代表外部引用包时,实际所引用的对象。步骤: 1.安装webpack:cnpm install webpack -g。 2.使用node命令行定位到需要开发的目录下,使用cnpm init初始化目录。
阅读本文

python Django 搭建简单的个人博客网站

一.Django框架的作用Django框架负责处理大部分web开发底层细节,如负责底层Http协议的解析,可以让我们专注于开发web应用,避免重复工作二.Django框架的优势1.快速开发。使用Python 语言,抽象层次高,表达能力强,开发效率高。使用数据库ORM系统,不需要手工构造SQL语句,使用Python对象访问数据库2.大量内置应用,如后台管理系统admin ,用户认证系统auth,会话
阅读本文

javascript优缺点

1.什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。 2.JavaScr
阅读本文

简易的SpringMVC基础

1.什么是SpringMVC Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行职责解耦,基于请求驱动指的就是使用请求-响应模型。springmvc简化了web开发项目。 2.SpringMVC执行的流程 1.发起请求到前端控制器(DispatcherServlet ) 2.前端控制
阅读本文

application/config/config.php翻译

| ‘QUERY_STRING‘   Uses $_SERVER[‘QUERY_STRING‘]| ‘PATH_INFO‘      Uses $_SERVER[‘PATH_INFO‘]警告:如果你把这个值设置为PATH_INFO,所有URI都将进行URI解码*/$config[‘uri_protocol‘]    = ‘REQUEST_URI‘;/*URL后缀这个选项允许你为所有CodeIgni
阅读本文

Gradle入门(6):创建Web应用项目

如果要用 Java 和 Gradle 创建一个 Web 应用项目,我们首先需要创建一个 Java 项目,下面来看看该如何去做。创建Java项目我们可以使用Java插件创建一个Java项目,通过添加以下代码行到build.gradle文件中即可。apply plugin: ‘java‘我们继续探索如何打包Web应用。打包Web应用在我们使用War插件打包Web应用前,需要将其加入到构建中。在应用了W
阅读本文

MongoDB.WebIDE:升级版的Mongodb管理工具

很早以前收藏了一片文章:《》。最近刚好要做一些MongoDB方面的工作,于是翻出来温习了一下,用起来也确实挺方便。不过在使用过程中出现了一些个问题,加上更喜欢MongoUVE的操作习惯,于是决定“自己动手,丰衣足食”,写一个升级版的工具。一、升级的基础内容原版是用的WebForm开发的,新版打算升级到MVC前端框架使用bootstrapMongodb的驱动程序改为使用官方版的驱动程序原版查询数据时
阅读本文

webpack——基础

一、作用:一切都是模块化 webpack相当于一个模块加载器/打包工具(js,css,图片等)二、安装: 安装webpack命令环境 sudo cnpm install webpack -g 验证方法 webpack --version 安装本地的webpack -D 相当于 --save-dev cnpm install webpack -D 三、webpack第一个小例子
阅读本文

PHP(1)

CodeIgniter,按字面直译为“代码点火器”,轻量、快速,挺形象的,它是老外开发的MVC PHP框架,它的中国推广网站是:https://codeigniter.org.cn。这是放在服务器www文件夹下的CI目录,其中user_guide是它的英文用户手册,中文用户手册要去https://codeigniter.org.cn下载。初学首先要学习的是四个目录:application/conf
阅读本文

JavaWeb servlet过滤器

一.Filter简介:***************************************************************************************    Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 h
阅读本文

webhook是啥?

Webhook就是用户通过自定义回调函数的方式来改变Web应用的一种行为,这些回调函数可以由不是该Web应用官方的第三方用户或者开发人员来维护,修改。通过Webhook,你可以自定义一些行为通知到指定的URL去。Webhook的“自定义回调函数”通常是由一些事件触发的,比如推送代码到代码库或者博客下新增一个评论,源站点会为Webhook进行HTTP请求的URI配置。用户通过配置,就可以使一个网站上
阅读本文

webpackの学习笔记2

code spliting 代码分割 可以选择加载项目当时只需要的文件loader  模块是通过loader处理各种各样的文件,如js文件、css文件、图片 模块的打包器 安装webpackmkdir webpack-test  //建立webpack-test文件夹cd webpack-test    //进入webpack-test文件夹npm init          //npm初始化n
阅读本文