这次给大家分享一下我在学习 javaweb 阶段时写的一个半成品项目!由于时间太长,期间电脑也出现了各种问题,现在数据库已经丢失。这个项目使用的技术比较简单,使用的是JDBC + mvc思想,界面使用原生js+html进行编写。由于我个人比较喜欢国漫,所以当时便写了国漫风格的小项目,但是开学之后时间不足,便没有时间继续完成,一直尘封至今。不经意间再次遇到,不忍心尘封于此。望感兴趣的小伙伴可以把他完成!
在win8+vs2012环境下面,我们除了能用C#,C++来开发win8的app,还可以用js+html直接开发win8的app。这确实是个很神奇的事情。今天体验了一下~
文章目录 效果图 面向对象 实战代码 index.html tab.js一lis绑定点击事件和序号 效果图 代码:优化样式+(切换+清除样式) 效果图 增加 效果图 面向对象 实战代码 index.h
引入showdown.js <script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script> 通过showd
大家好,今天给大家推荐一个非常奈斯的项目:boot-master,该项目整合了目前市面上最流行的技术。
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
所谓双向绑定,指的是vue实例中的data与其渲染的DOM元素的内容保持一致,无论谁被改变,另一方会相应的更新为相同的数据。
前两天在freebuf上看到一个利用Ink文件触发攻击链的文章,确实佩服作者的脑洞。
讲 Bootstrap 基础的教程网上已经很多了,实际上 Bootstrap 中文网(bootcss.com)里的文档已经写的很详细了,但实战的案例却不多。这里用一些当前流行的网页布局为导向,使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点,边学边练,加强理解。练习本案例需有 HTML/CSS 基础。
引导主体副本 这是一个演示引导主体副本用法的实例。
这是一个演示引导主体副本用法的实例。
模板解析 解决的问题: 将data和js+html片段解析成html片段,完成赋值和js逻辑,如下所示: 输入: var data = { name: 'hwm', articles: [{ title: 'the first one' }, { title: 'the last one' }] }; tpl = 'Hi my name is <%this.name%>.My articles are listed as followed:' + '<ul
Hi my name is <%this.name%>.
My articles are listed as followed:
如果你仅仅想原封不动的使用本人的定制皮肤,而不想了解实现细节。那么你只需要完成以下几个步骤即可,后面的章节可以忽略。
现在有很多时候,我们的 App 都进行了混合开发,而最简单,最常用的就是有些网页采用了 WebView 进行展示,这就需要我们了解和懂得如何实现 WebView 和 JS 进行交互。今天我们就来学习一下,如何点击 WebView 中的网页图片,调用原生控件进行放大展示。 其实实现这种交互非常简单,就是通过 JS 调用原生控件。基本思路如下: 首先加载一个 html 网页,网址或者本地 html 文件都可以。 遍历 html 标签源代码,找到所有的 img 标签节点。 给 遍历到得 img 标签节点加上 on
做网站开发的伙伴应该很清楚,一个网站从设计到开发完成,经过的步骤,除了需求功能这些不说以外,其余的就是展现给用户的视觉上的效果了。一般由美工或者说设计师设计出页面的效果图,然后再把这个设计稿通过网页的
正则表达式是处理字符串的强大工具。作为一个概念而言,正则表达式对于Python来说并不是独有的。但是,Python中的正则表达式在实际使用过程中还是有一些细小的差别。
这是某电商类网站服装商品展示页面局部,该网站正在促销秋冬季女装。现在我们需要编写该网站效果图部分代码。
[ 文章推荐 ] Python 地图篇 - 使用 pyecharts 绘制世界地图、中国地图、省级地图、市级地图实例详解
yuicompressor是雅虎开发的一个代码压缩工具,在实际的开发工作中应用十分广泛。 今天我遇到一个情况,压缩js代码。平时写个js工具测试无误后,会在网上找一些在线压缩工具将其压缩,目的不仅仅是混淆源码,更重要的是压缩代码,将源文件压缩变小,减少客户加载的消耗。
链接:https://pan.baidu.com/s/1doPA17vy–QtSzUB8q9b8w 提取码:qq4o
GitHub作为程序员们的开源宝库,有着很多非常好的项目。对于初学者来说,游戏有着一种特殊的魅力。今天统计了GitHub上比较有趣的10个开源小游戏,其中有许多可以称之为经典。笔者是一名90后,《贪吃蛇》、《坦克大战》、《超级马里奥》和《太空侵略者》作为儿时的玩伴,陪伴笔者度过了很多时光,给笔者带来了非常多的回忆。
这个功能还是挺刚需的,下面说说实现过程,用到了正则表达式。 1.原本的html部分代码: 链接: https://pan.baidu.com/s/11RyCwPnfX
Bootstrap Multiselect是个jQuery基础插件,提供一个很直观的用户界面,使用选项输入多个属性。这个插件代替了Bootstrap的按钮,提供一个下拉菜单,里面包含多个选项复选框。
博客的话,采用CDN JS的方式。放在head标签的位置。 npm相关的方式,请参见GitHub。
最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案。因此我就在这里做一个demo,供大家相互学习。html5开发越来越流行了,而对于视频这一块也是必不可少的一部分。如何让你的网站占据优势,就要看你的功能和用户体验了。html5对video还是做了很多优惠的东西,我们使用起来很得心应手。 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站、虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务。但是这种状况将会随着 HTML5 的发展而改变。就视频而言,HTML5 新增了 video 来实现在线播放视频的功能。 使用 HTML5 的 video 可以很方便的使用 JavaScript 对视频内容进行控制等等,功能十分强大,同时代码比较少加快加载速度。此外跨平台性比较好,特别是一些平板、手机等。例如苹果公司的产品不支持 flash 仅支持 HTML5 中的 video 功能。 HTML5 的兼容性问题虽然目前是个硬伤,但这只是时间的问题。好吧废话少说,看代码:
接着来做这个首页的收尾部分。按照上节课的结尾,我们需要进行新导入组件的三个本地化配置。
layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,非常适合界面的快速开发。layui区别于那些基于MVVM底层的UI框架,不需要各种前端工具的复杂配置,只需面对浏览器本身。
上一篇:微信小程序电商实战-入门篇 嗨,大家好!经过近两周的精心准备终于开始微信小程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧! 📷 首页效果图.gif 为了能够更好的表达出来,首页准备分成两次写完。 第一部分先实现如下的功能 📷 Hi.World-home_top.gif 划分模块 大家都知道电商平台一般分为首页、商品分类、购物车和个人中心4个核心模块,那么我们先在app.json的page里添加如下代码 一、设置头部 背景颜色为白色,名称是Hi.World 二、首页
对rtmp/http-flv/hls这三种协议不熟悉的同学,强烈建议先看看网友写的这篇文章科普下:理解RTMP、HttpFlv和HLS的正确姿势 。
安装方法: 通过 npm install vue-notification 就能使用了。
在html5中除了canvas,另外一个非常重要的功能是客户端本地存储web storage,之前可以在用户端Cookies存贮用户名等信息,后来发现Cookies存储存在以下问题:
由于自己现在无业游民,所以没有什么现成的环境,环境就随便找个公网的。再者当下的完成度应该算不上一个完整的 APP,但是作为参考,依瓢画葫芦绝对足够了,如果等完整产品,可能得等一段时间了,下面的是该项目
本文最具价值的配置莫过于此,没有用到 GitHub Actions 前,每次发文需要将 markdown 文件放入 _post 文件夹下,然后执行 hexo clean && hexo g && hexo s && hexo g一连串命令,执行无报错还好说,万一本地环境出现错误,还得花时间找错,非常麻烦
下载:https://files.cnblogs.com/files/xiaoxiao5016/font-awesome.min.css 或者官方下载:https://fontawesome.com/download
最近写项目中遇到一个问题,后台接口返回数据时有html标签,小程序如何加载html标签格式的字符串呢?小程序有跳转外连接的功能可以直接跳转到一个h5页面。具体使用方法如下:
下载ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个压缩文件
前言 最近忙里偷闲,给自己加油充电的时候,发现自己脑海中布局这块非常的凌乱混杂,于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来,在这里,分享给大家。 单列布局
最近,一群工程师基于 tensorflow.js core 框架,开发出一款可以在浏览器上运行的人脸识别 API——face-api.js,不仅能同时还可以识别多张人脸,让更多非专业 AI 工程师,能够低成本使用人脸识别技术。
本文实例讲述了laravel5.1框架基础之Blade模板继承简单使用方法。分享给大家供大家参考,具体如下:
大家好,又见面了,我是你们的朋友全栈君。 extjs中经常会用到renderTo或applyTo配置选项。这里,我就比较下两者的区别与用法。 1、renderTo与render方法对应 2、applyTo与applyToMarkup方法对应
现在制作报表一般有以下4个工具可以用:jFreeChart、FusionChart、HighChart、EChart。
学习一个东西,最重要的是知道它的定位(是干嘛的,基本的用法是什么,快速入门),其实easyui也非常简单,不要觉得很难。
老板让做一个在线服装定制的网站,可合成服装的效果图遇到了难处,如果是单纯的图片叠加也比较简单,前端合成的话使用canvas 两张图片合成在一起就可以了
官方介绍: 博客皮肤模板 http://skintemplate.cnblogs.com/
在前面两篇文章中,我们分别为大家介绍了如何在博客园平台的文章添加目录,以及为文章代码添加高亮,在这篇文章中我们介绍下为文章中的代码添加行号显示,具体效果如下所示(效果图的源文章请参考这篇博客):
图片.png 当鼠标聚焦时输入框变色 css相关,鼠标点击<input>输入域后出现有颜色的边框 原理:css伪类之input输入框鼠标点击边框变色效果 伪类元素的使用::focus 一:当输入框获得焦点时,改变它的背景色 效果图:当鼠标聚焦时输入内部填充色改变 图片.png <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>鼠标点击<input>输入域后出现有颜色的边框</title> <style type="text/css"
在进行web前端开发中,会有一些关于介绍的页面,在这些页面里有类似名词解释的,如果直接将解释和名词放在页面上就会使整个页面显得东西凌乱,且不易于查看自己需要的名词,这时可以用到折叠的方式来解决。即点击名词,将名词的解释展开,再次点击名词,名词解释合上。下面我来说说通过jquery来实现折叠效果,来看代码:
今天突发奇想,js能不能通过字符串和定时器来实现游戏中的对话效果呢。试了一下,还真挺好玩的。 上效果图: Paste_Image.png 本节涉及的知识点: 字符串的charAt方法 js定时器set
在前面的两篇文章Canvas 基本绘制(下)、Canvas 基本绘制(上)中,介绍了Canvas的基本绘制。学过SVG的童鞋应该知道它是可以制作动画,那么Canvas是否能制作动画呢?答案是肯定的。所以今天我们就给大家来介绍一下Canvas制作动画。 Canvas动画制作原理 简单一句话概括:不断的绘制与清除。 Canvas实现动画步骤(不断循环) 1、更新绘制的对象(比如位置的移动) 2、清除画布 3、在画布上重新绘制对象 Canvas 动画相关命令 clearRect方法 context.clear
在第一课里,我向您承诺过会对相机进行一些介绍,那么今天就是我履行诺言的时刻了。嘿,这一刻,有点激动,想到相机,大学时,一直想买一个单反,但是要1万多。工作后,当一个月的工资就能买一个单反时,内心充满了骄傲和自豪。所以,各位大大们,技术还是有用的,至少技术可以用来挣钱。
领取专属 10元无门槛券
手把手带您无忧上云