码迷,mamicode.com
首页 > Web开发 > 日排行
Js使用面向对象和面向过程的方法实现拖拽物体的效果
1.面向过程的拖拽实现代码: 2.面向对象的实现方法,只用新建对象,可以实现多个div的拖拽运动 ...
分类:Web程序   时间:2018-03-02 18:52:25    阅读次数:225
HmacSHA256签名加Base64编码加URL编码
/** *先使用HmacSHA256签名,再使用Base64编码,最后进行URL 编码 *signatureReqStr : 待加密data * secretKey : 密钥 */public static String getSignature(String signatureReqStr,Str ...
分类:Web程序   时间:2018-03-02 20:35:37    阅读次数:259
.38-浅析webpack源码之babel-loader转换js文件
经过非常非常长无聊的流程,只是将获取到的module信息做了一些缓存,然后生成了loaderContext对象。 这里上个图整理一下这节的流程: 这一节来看webpack是如何将babel-loader与js文件结合的,首先总览一下runLoaders函数: 传入的4个参数都很直白: 1、待处理文件 ...
分类:Web程序   时间:2018-03-02 20:36:53    阅读次数:481
关于HTML 5 canvas 的基础教程
HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。每一个canvas 元素都有一个”上下文( context )” (想象成绘图板上的一页),在其中可以绘制任意图形 ...
分类:Web程序   时间:2018-03-02 20:38:09    阅读次数:286
推荐20个让你学习并精通CSS的网站
1. A List Apart CSS Topics A List Apart,学习网页设计和最佳实践的首选网站。这个网站从1999年就开始发表关于CSS的文章,其中大部分文章都是面向那些更注重符合标准设计的中级到高级设计师。 2. CSS Help Pile CSS Help Pile汇集了大量的 ...
分类:Web程序   时间:2018-03-02 20:38:17    阅读次数:212
HTML5和CSS3工具资源汇总
HTML5 & CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。 HTML5安全手册 CSS3按钮生成器 所见即所得的为你生成CSS3按钮,你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮,点击生成好的按钮 ...
分类:Web程序   时间:2018-03-02 20:41:38    阅读次数:361
用CSS3制作50个超棒动画效果教程
这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效,请大家使用如Safari和Chrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~) 1.CSS3实现钟表效果(基于jQuery) 使用CSS3的基本变形特性 ...
分类:Web程序   时间:2018-03-02 20:43:20    阅读次数:164
上传文件到aws的s3存储的方法
只要有aws cli客户端就可以上传文件到aws的S3存储。可以在任意机器上。这里以centos为例。 1、安装python、pip。 2、安装aws cli。 3、配置s3验证,填入两个相应的key。 4、上传文件,图片和静态文件存放在不同的bucket里面。 A、图片 B、静态文件 ...
分类:Web程序   时间:2018-03-02 20:44:15    阅读次数:1027
从tcp到netty(一)
发现自己近一年有些毛病,自己也算是研习了不少的源代码,看了不少的技术书籍,但是自己就是记忆力不行,总是过段时间就会忘记,忘记之后还得从头开始啃源码、啃书籍。而且有些重要技术点也会遗忘,导致再学习的时候发现自己又回到了起点!我总结为,就是自己近一年期间犯懒,没有再写一下博客,技能点不能很好的再回顾! ...
分类:Web程序   时间:2018-03-02 20:44:23    阅读次数:233
timeago.js-时间显示插件
timeago.js 是一个非常简洁、轻量级、不到 2kb 的很简洁的 Javascript 库,用来将 datetime 时间转化成类似于*** 时间前的描述字符串,例如:“3小时前”。 本地化支持,默认自带中文和英文语言; 之前 xxx 时间前、xxx 时间后; 支持自动实时更新; 支持npm方 ...
分类:Web程序   时间:2018-03-02 20:44:43    阅读次数:222
HTML 自定义元素教程
组件是 Web 开发的方向,现在的热点是 JavaScript 组件,但是 HTML 组件未来可能更有希望。 本文就介绍 HTML 组件的基础知识:自定义元素(custom elements)。 文章结尾还有一则 React 培训消息(含 React Native),欢迎关注。 一、浏览器处理 我们 ...
分类:Web程序   时间:2018-03-02 20:44:49    阅读次数:284
30个优秀的CSS技术和实例 By 彬Go 2008-12-04
在这里可发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文),单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。 1.Hoverbox 图片集 一个纯净的基于CSS ...
分类:Web程序   时间:2018-03-02 20:45:16    阅读次数:226
WebStorm错误--无法显示文件夹目录
方法一: 方法二:(配置文件:idea里的modules.xml损坏) !!!关闭当前项目 1.删除webStorm的配置文件夹idea 2.重新打开该项目 ...
分类:Web程序   时间:2018-03-02 20:46:54    阅读次数:170
【前端】Vue2全家桶案例《看漫画》之七、webpack插件开发——自动替换服务器路径
转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_7.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 想来这个项目也做了一月了,期间部署了好几次,也经常在本地联调后台接口, ...
分类:Web程序   时间:2018-03-02 20:47:02    阅读次数:367
js操作二进制数据
最近做了几个项目,用js操作二进制数据,通过socket与后台进行传输。在此用博客做个记录 首先是新建一个socket: 接着定义socket打开,连接之后执行的函数: websocket有个属性binaryType,可将其设置为“blob”或者“arraybuffer”,默认格式为“blob”,做 ...
分类:Web程序   时间:2018-03-02 20:47:35    阅读次数:277
学习vue.js的正确姿势(转载)
最近饶有兴致的又把最新版 Vue.js 的源码学习了一下,觉得真心不错,个人觉得 Vue.js 的代码非常之优雅而且精辟,作者本身可能无 (bu) 意 (xie) 提及这些。那么,就让我来吧:) 程序结构梳理 Vue.js 是一个非常典型的 MVVM 的程序结构,整个程序从最上层大概分为 这里面大部 ...
分类:Web程序   时间:2018-03-02 20:47:44    阅读次数:200
Netty原理
Netty是一个高性能、异步事件驱动的NIO框架,基于JAVA NIO提供的API实现 ChannelEvent 先说这个ChannelEvent,因为Netty是基于事件驱动的,就是我们上文提到的,发生什么事,就通知"有关部门"。所以,不难理解,我们自己的业务代码中,一定有跟这些事件相关的处理。在 ...
分类:Web程序   时间:2018-03-02 20:47:50    阅读次数:180
Apache的用户认证、域名跳转、Apache的访问日志
Apache的用户认证vim/usr/local/apache2.4/conf/extra/httpd-vhosts.conf//把111.com那个虚拟主机编辑成如下内容<VirtualHost*:80>DocumentRoot"/data/wwwroot/111.com"ServerName111.comServerAliaswww.example.com<
分类:Web程序   时间:2018-03-02 20:50:55    阅读次数:208
自定义元素–为你的HTML代码定义新元素
注意:这篇文章介绍的 API 尚未完全标准化,并且仍在变动中,在项目中使用这些实验性 API 时请务必谨慎。 引言 现在的 web 严重缺乏表达能力。你只要瞧一眼“现代”的 web 应用,比如 GMail,就会明白我的意思: 堆砌 <div> 一点都不现代。然而可悲的是,这就是我们构建 web 应用 ...
分类:Web程序   时间:2018-03-02 20:52:19    阅读次数:275
vue.js如何更改默认端口号8080为指定端口
执行npm run dev实际是在调用根目录下的package.json 打开package.json后可发现有这样一段代码 "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "lint": ...
分类:Web程序   时间:2018-03-02 20:55:34    阅读次数:332
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!