51Dev开发社区
登录 注册

#响应式Web设计实践

webpack 编译less/scss文件
1、安装插件处理less：npminstallless-loader--save-dev处理sass：npminstallsass-loader--save-dev2、项目目录： layer.less为：.layer{width:600px;height:200px;background-color:gree...
代码星球 ·2021-02-14

webpack 处理CSS
1、安装插件npmistyle-loadercss-loader--save-devnpmipostcss-loader--save-devnpmiautoprefixer--save-devnpminstallpostcss-import--save-devstyle-loader插件为：通过注入<style&...
代码星球 ·2021-02-14

webpack 编译ES6插件babel-loader
1、安装babel-loader参考：http://babeljs.io/docs/setup/#installation进入项目目录执行安装命名：npminstall--save-devbabel-loaderbabel-corenpminstall--save-devbabel-preset-latestbabel...
代码星球 ·2021-02-14

html-webpack-plugin插件 根据模板生成多页面
1、项目目录结构为： 2、webpack.config.js配置文件为： varhtmlWebpackPlugin=require('html-webpack-plugin');module.exports={//打包入口entry:{main:'./src/js/main.js',a:'./src...
代码星球 ·2021-02-14

webpack配置上线地址
webpack配置上线地址主要使用output配置项下的publicPath。 webpack.config.js配置文件为：varhtmlWebpackPlugin=require('html-webpack-plugin');module.exports={//打包入口entry:{main:'./src...
代码星球 ·2021-02-14

webpack插件html-webpack-plugin
1、插件安装npminstallhtml-webpack-plugin--save-dev2、插件使用webpack.config.js配置文件为：varhtmlWebpackPlugin=require('html-webpack-plugin');module.exports={//打包入口entry:{main:...
代码星球 ·2021-02-14

webpack entry和output配置属性
1、entryentry的三种配置方式：（1）传递字符串：entry:'./src/js/main.js', （2）传递数组将创建“多个主入口(multi-mainentry)，并且将它们的依赖导向(graph)到一个“chunk”时。entry:['./src/js/main.js','./src/js/a...
代码星球 ·2021-02-14

webpack 安装以及使用
1、安装webpack全局安装代码：npminstall-gwebpack2、项目中使用webpack（1）进入项目目录cd C:UsersdellDocumentsHBuilderProjecthello 项目目录结构为：  （2）在项目中生成package.jsonnpmin...
代码星球 ·2021-02-14

响应式网站和自适应网站区别
1、自适应网站 自适应网站源码特征：（1）宽度百分比布局（2）文字rem（em）设置大小 展示形式：自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，网站的内容和布局是没有变的。 2、响应式网站最著名的是前端框架bootstrap（http://v3.bootcss.com/css...
代码星球 ·2021-02-14

响应式设计的一些方法
1、表单输入框自适应示例代码：<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="ie=edge"/><ti...
代码星球 ·2021-02-14

px-rpx-vw-loader webpack loader
webpackloader：px-rpx-vw-loaderhttps://www.npmjs.com/package/px-rpx-vw-loader...
代码星球 ·2021-02-14

Go nsq实践
NSQ是Go语言编写的一个开源的实时分布式内存消息队列，其性能十分优异。NSQ的优势有以下优势：NSQ提倡分布式和分散的拓扑，没有单点故障，支持容错和高可用性，并提供可靠的消息交付保证NSQ支持横向扩展，没有任何集中式代理。NSQ易于配置和部署，并且内置了管理界面。与其他mq的比较：NSQ是由四个重要组件构成：nsqd...
代码星球 ·2021-02-14

Django使用Channels实现WebSocket
原文：http://www.python88.com/topic/31749作者：运维咖啡吧WebSocket是什么？WebSocket是一种在单个TCP连接上进行全双工通讯的协议。WebSocket允许服务端主动向客户端推送数据。在WebSocket协议中，客户端浏览器和服务器只需要完成一次握手就可以创建持久性的连接...
代码星球 ·2021-02-14

Polling、Long Polling、WebSocket
对前文的补充：https://www.cnblogs.com/-wenli/p/10982264.html1、轮询（Polling）客户端（通常指浏览器）定时向服务端发送请求。不论服务端返回的数据是否更新，是否有值，客户端都会进行处理，然后再下一时间点再继续发送请求。常用方法定时器定时去请求。functionsendR...
代码星球 ·2021-02-14

Python 使用Webhook 实现github 自动化部署
1.需求说明在项目开发过程中,我们有时会频繁的更新代码,流程大概为:(1)本地gitpush提交代码至git托管平台(2)登陆到部署有网站源码的线上服务器(3)cd到项目根目录,执行gitpull 指令拉取最新代码 整个流程纯手动更新,每次耗时在1分钟左右,这样一天下来,浪费了很多时间在这些琐碎的事...
代码星球 ·2021-02-14
首页上一页...3536373839...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他