Html+CSS
gx_up
用心付出终究会获得收获的。
展开
-
html5,canvas绘图
body部分: 绘制各种东西:原创 2016-12-11 16:28:53 · 283 阅读 · 0 评论 -
【CSS3】伪类使用技巧和运用
作者:codercao链接:https://juejin.im/post/5b6d0c5cf265da0f504a837f来源:掘金著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元...转载 2018-08-16 18:14:39 · 318 阅读 · 0 评论 -
【Html5】获取G-Sensor数据判断运行状态
<html><head> <title>DeviceOrientationEvent</title> <meta charset="UTF-8" /> <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"&原创 2018-09-06 14:41:49 · 2664 阅读 · 0 评论 -
【Html5】获取G-Sensor简单计步器
<html><head> <title>DeviceOrientationEvent</title> <meta charset="UTF-8" /> <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"&原创 2018-09-06 14:44:36 · 4238 阅读 · 0 评论 -
【Highcharts】柱形范围图
效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2018-06-22 10:16:31 · 768 阅读 · 0 评论 -
关于用Fiddler抓localhost包的问题
转自:https://blog.csdn.net/zzstack/article/details/52790455目前看到的方法有:(1)使用http://localhost.fiddler 代替http://localhost(2)使用用 http://localhost. 在locahost后面加一个点号(3)使用 http://127.0.0.1. 在127.0.0.1后面...转载 2018-04-01 11:38:48 · 5232 阅读 · 0 评论 -
Angular i18n的技术分享、踩过的坑
转自:https://www.cnblogs.com/yangfantianxia/p/7878823.html 1.安装npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader 2.配置(文本背景部分为该模块新增的)~app.module.tsimport { Trans...转载 2018-01-11 09:31:57 · 2397 阅读 · 0 评论 -
angular2中使用html2canvas将数据导出为图片
转自:https://segmentfault.com/a/1190000012477096 1、安装html2canvasnpm install --save html2canvas官方网站https://html2canvas.hertzen.com/2、在需要的组件中引入html2canvas// 导入整个模块的内容import * as html2canv...转载 2018-01-03 14:32:19 · 2265 阅读 · 2 评论 -
angular4中父组件如何调用子组件的方法
转自:http://blog.csdn.net/u012396955/article/details/78852140 一、新建一个子组件ng g component child二、子组件中添加要被调用的方法child.component.tsexport class ChildComponent implements OnInit { constructor()...转载 2017-12-29 14:48:12 · 1901 阅读 · 0 评论 -
用jquery的ajax方法获取不到return返回值
又遇到这个问题了,还好及时发现了。之前也遇见过这个问题,困惑了很久。这次有经验了,一下就发现了存在的问题,自此记录一下,下次不在犯了。转自:https://www.cnblogs.com/terryMe/p/6130309.html小哥哥描述得很清楚: 如果jquery中,获取不到ajax返回值。两个错误写法会导致这种情况:1.ajax未用同步 2.在ajax方法中直接r...转载 2017-11-14 21:17:17 · 1487 阅读 · 0 评论 -
js验证类【1】
今天开始准备有时间,看一些开源项目,学习那些大牛们的编码风格。第一个项目:《MVC5仓库管理系统后台管理源码》该程序使用的.NET MVC开发,大量使用到了jQuery,以及Bootstrap。 数据库使用了SQL Server.很适合现阶段看,大部分代码还算看得懂。然后刚刚看到一个js公共类,里面的代码做验证的,封装的挺全了,可是没有注释啊。好吧,我自己加了点注释 va...原创 2017-11-11 22:57:26 · 288 阅读 · 0 评论 -
【reCAPTCHA 】添加Google验证码
在网站登陆注册时常常需要用到验证码,来防止站点被攻击。大概这个样子:现在框架是前后端分离的,angular+webapi弄个验证码感觉有点麻烦然后就找到google的reCAPTCHA 还挺好使的,记录一下:地址:https://www.google.com/recaptcha/admin/create填写注册信息:一个在前端配置,一个再后端配置:...原创 2019-04-11 20:52:47 · 4024 阅读 · 0 评论 -
Html页面简单的多语言化
刚刚无意间从SwaggerUI汉化上发现一个简单将Html页面多语言化的方法。具体操作很简单,只需引一下JS文件,具体代码如下HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&q原创 2018-07-18 13:18:24 · 10753 阅读 · 4 评论 -
Flex 布局教程:语法篇
作者: 阮一峰日期: 2015年7月10日地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实...转载 2018-07-23 21:15:41 · 139 阅读 · 0 评论 -
【仓库管理系统】登陆
源码的结构拆分得比较清晰,不像我们之前在学校写代码那样。html界面有包括js,css代码的然后将js方法都封装起来,调用的时候也挺方便的。html:<body class="modal-ready"> <div class="logo">仓储系统</div> <div class="container">原创 2017-11-12 09:59:19 · 1678 阅读 · 0 评论 -
html5-表单
例子:text,number,email 的输入框 required:必填项 --> autofocus:获得焦点 --> placeholder="请输入姓名" --> label for="name"> 姓名:input type="text" name="" id原创 2016-12-11 16:28:44 · 253 阅读 · 0 评论 -
拼图游戏--九宫格
无聊用Jquery写的一个九宫格拼图游戏。。。。代码部分:<html xmlns="http://www.w3.org/1999/xhtml"><meta charset="utf-8"/><head> <title>拼图游戏--九宫格</title> <script src=&qu原创 2017-04-23 14:14:52 · 1538 阅读 · 0 评论 -
【asp】图片和Base64编码互相转换
在调用阿里云上面的api接口时,有些图片处理接口都需要将图片文件转换成base64,传递参数然后才能调用。网上搜了下 一些图片和base转换的方法:一、通过jQuery方法转换html代码部分:js代码部分 : $(function () { $("#img_upload_file").change(function () {原创 2017-08-10 17:26:32 · 2901 阅读 · 1 评论 -
【小玩意】访客记录查询
昨天微信公众号推送一篇【朋友圈访客可以查询了】,虽然猜到了应该是个标题党里面讲如何查询 自己访客的一种方法,当然只是一种套路而已,并不能真的查询到结果然后受那个启发,在此基础上做了点改装。在输入自己微信号和Ta的微信号后,点击访客记录查询当然是什么结果的查不到的,但是这条查询记录被存储到数据库中了在界面中留有一个【小程序-后台入口】,但似乎没几个人发现了它点原创 2017-08-14 15:10:31 · 1119 阅读 · 0 评论 -
【小玩意】扫雷游戏
实训实在太过乏味无聊,还好电脑上有小游戏,可以玩下扫雷,蜘蛛纸牌。突然好怀念高中时家里的那个win7台式机,时常断网时玩扫雷,植物大战僵尸等....无奈,昨天想玩扫雷,燃鹅,win10系统下并没有自带扫雷游戏了,然后网上找了下都是什么鬼,网上找的扫雷游戏画质太差,然后都不知道怎么点右键插旗子。AV画质大概是如下:哦,旁边有说明,但是操作还是很不方便。然后昨天原创 2017-09-09 22:14:23 · 420 阅读 · 0 评论 -
如何设计自适应屏幕大小的网页
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不转载 2017-09-03 13:26:45 · 5827 阅读 · 0 评论 -
大白话【websocket】原理
转自:http://blog.csdn.net/frank_good/article/details/50856585偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享。废话这么多了,最后再赞一个~一、websocke转载 2017-10-29 10:51:39 · 402 阅读 · 0 评论 -
鼠标右键菜单
网页上需要有个右键显示菜单的功能,无奈自带的UI上没有这个功能。先准备自己写个的,但写得太丑了,写不下去^,^,只好作罢。网上搜了个简单Demo,做了一些修改,去掉了一些没必要的东西(高深的看不懂)想着留着以后肯定还会用得着的,既然有轮子,又何必再造轮子效果图:html代码部分:<html lang="en"> <head> <m...原创 2017-11-09 19:46:42 · 348 阅读 · 0 评论 -
【Angular 7】如何使用HTML5 Fullscreen API?
我使用Angular 7,我希望有一个按钮,可以将我的应用程序全屏显示。 我使用HTML5 Fullscreen API,我有两个功能:openfullscreen() { // Trigger fullscreen console.log('gg'); if (document.documentElement.requestFullscreen) { d...翻译 2019-04-18 09:22:31 · 1373 阅读 · 0 评论