- 博客(72)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Git命令
https://git-scm.com/book/zh/v2配置// 如果使用了 --global 选项，那么该命令只需要运行一次，因为之后无论你在该系统上做任何事情， Git 都会使用那些信息git config --global user.name "John Doe"// 设置默认文本编辑器git config --global core.editor emacs /............
2022-08-09 15:04:19
116
原创 ppt预览
利用微软web版预览，url必须是一个线上地址<iframesrc='https://view.officeapps.live.com/op/view.aspx?src=https://stream.nosdn.127.net/kids/test/1635236800439.pptx' frameborder='0'></iframe>下面这个也是一种路径，没有头部logo导航条，但是默认有一个红边框，而且清晰度不如上面，不建议用。<iframes
2021-11-16 10:51:44
134
原创 网站可访问性
1、什么是可访问性？可访问性是一种让尽可能多的用户可以使用你的网站的做法。传统上我们认为这只与残疾人士有关，但是从更广的意义上来讲，对于移动端用户、低网速用户、键盘使用者等都适用。无障碍指南和法律万维网联盟：万维网联盟成立之时，就把普遍的访问（Universal Access）作为它的首要任务。并在1997年成立了网页内容易访问性推动小组（WAI Web Accessibility Initiative），该组织于1999年5月5日发布了网页内容易访问性规范 1.0版（WCAG），这个规范被认为
2021-07-29 11:25:39
1310
原创 游戏开发遇到问题总结
webview视频相关问题1、格式问题：视频格式最好是H.264Main。否则会出现没有图像有声音的问题。H.264有四种画质级别,分别是baseline, extended, main, high：1. Baseline Profile：基本画质。支持I/P 帧，只支持无交错（Progressive）和CAVLC；2. Extended profile：进阶画质。支持I/P/B/SP/SI 帧，只支持无交错（Progressive）CAVLC；(用的少)3. Main profile：.
2021-06-12 08:12:36
329
1
原创 ipad在ios13之后useragent改变的问题记录
苹果ipad在ios13之后，useragent里面关键字眼iPad不再包含转而替换为Macintosh这个单词，mac桌面系统ua同样也是Macintosh，但是同款型号的iPad Mini却依然包含ipad，如下所示：iPad iOS13.5， Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15 iPa
2021-02-22 15:48:06
3980
1
原创 webp图片格式、响应式图片
webpWebP 图片格式是由 Google 基于 VP8 视频编码格式研发的，同时提供有损压缩和无损压缩两种格式。旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。美中不足的是，WebP格式图像的编码时间“比JPEG格式图像长8倍”。根据设备的分辨率调用合适...
2020-12-15 15:16:41
250
原创 link标签介绍
HTML外部资源链接元素(<link>) 规定了当前文档与外部资源的关系。该元素最常用于链接样式表，此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /><link href="//img.alicdn.com/tfs/TB1XlF3RpXXXXc6XXXXXXXXXXXX-16-16.
2020-09-23 15:49:29
6089
原创 dns-prefetch、prerender、prefetch、preload
https://www.w3.org/TR/resource-hints/https://www.w3.org/TR/preload/#use-caseshttps://developer.mozilla.org/zh-CN/docs/Web/HTML/Preloading_content 这几个参考网址值得一看dns-prefetchDNSprefetch，即DNS预获取。...
2019-01-24 18:11:13
705
原创 HTTP请求方法
HTTP 定义了一组请求方法, 以表明要对给定资源执行的操作GETGET方法请求一个指定资源的表示形式. 使用GET的请求应该只被用于获取数据.HEADHEAD方法请求一个与GET请求的响应相同的响应，但没有响应体.请求资源的首部信息, 并且这些首部与 HTTP GET 方法请求时返回的一致. 该请求方法的一个使用场景是在下载一个大文件前先获取其大小再决定是否要下载, 以此可以...
2019-01-21 17:15:57
134
原创 js自定义事件
除了浏览器提供的原生事件外，有时为了满足特定的需求，比如小模块之间的通信，传递信息等，需要自定义一些事件，JavaScript提供以下几种自定义事件的方式： Event() 构造函数, 创建一个新的事件对象 Event CustomEvent() 创建一个自定义事件（支持在web worker中使用）； document.createEvent() 创建一个新的事件（Event），随...
2019-01-21 15:15:43
3734
原创 js异步加载之defer、async、type=module
script标签可以使用defer、asyc以及type=module来异步加载js，这三者之间的去区别如下：defer如果script标签设置了该属性，则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染； 如果有多个设置了defer的script标签存在，则会按照顺序执行所有的script； defer脚本会在文档渲染完毕后，DOMContentLoaded事件调用前执行。a...
2019-01-17 12:37:18
3887
原创 理解设备像素比等相关概念
打开chrome浏览器，模拟手机调试，iphone6/7/8 行显示的 375*667, DPR:2如何理解呢？这就需要理解一下几个概念：设备像素设备像素又称物理像素（physical pixel），设备能控制显示的最小单位，我们可以把这些像素看作成显示器上一个个的点。设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用并控制的虚拟像...
2018-07-30 11:39:41
2380
转载 在浏览器中使用 JavaScript module
来源：https://jakearchibald.com/2017/es-modules-in-browsers/ https://wolfx.cn/ecmascript-modules-in-browsers/在浏览器中也可以使用 JavaScript modules(模块功能)了。目前支持这一特性的浏览器包括：Safari 10.1. 谷歌浏览器(Canary 6...
2018-07-25 17:48:50
1311
转载 烟花效果-向4周发射并自由落体
https://www.cnblogs.com/visualiz/p/fireworks.html //// 创建模型列表function create(){ //// 初始化 circles = []; for (var i = 0; i < count; i++) { var particle = new Circle(o...
2018-07-18 14:56:15
447
转载 随机数生成器,随机种子
游戏中经常要用到随机数，但如果一个没有随机种子的的生成器，就没法重复之前的随机数了。js的Math.random就用不了随机种子，只好自己弄了一个，有了随机种子，每次只要传入相同的种子，都会得到同样的随机数。直接代码：function seededRandom(seed, min, max) { seed = (seed * 9301 + 49297) % 233280; ...
2018-07-18 14:55:55
4242
原创 react-native初体验
本文主要记录自己在学习使用react-native过程中遇到的一些问题和解决方法。重点写自己遇到的坑。目标平台：mac ios开发，调试：模拟器，真机。1、搭建开发环境 https://facebook.github.io/react-native/docs/getting-started.html （英文教程）https://reactnative.cn/docs/0.51/getting-...
2018-03-21 09:28:59
983
转载 unicode Entities for Symbols and Greek Letters
原文出处：http://htmlhelp.com/reference/html40/entities/symbols.htmlCharacterEntityDecimalHexRendering in Your BrowserEntityDecimalHexLatin small f with hook = fun
2017-11-28 09:19:56
222
转载 10个最好的 JavaScript 动画库和开发框架
1. Tween JSTweenJS 是一个简单的 JavaScript 补间动画库。能够很好的和 EaselJS 库集成，但也不依赖或特定于它。它支持渐变的数字对象属性和CSS 样式属性。API 简单但非常强大，因此很容易通过链式调用来创建复杂的补间动画。 2. Snap.svg SVG 是一个创建交互式、分辨率无关的向量图形的很好的解决方案，让效果在任何大小的屏
2016-05-05 15:53:47
791
转载 javascript 上传图片 检测宽度 高度 文件大小
原文：http://purplebamboo.github.io/2014/02/09/javascript-watch-img-width-height/最近做一个iframe上传的组件，需要限制上传文件的 高度宽度还有 大小。所以研究了下如何使用js获取这些信息。网上的内容很多，不过很多解决方案都是有问题，下面进行些罗列和分析。网上的几种解决方案第一种：
2016-04-18 15:15:55
2358
转载 这段时间一直在做iconfont.cn这个平台。积累了些东西，记录下。 1.什么是iconfont？ iconfont不是什么新技术了。 我们知道web网页能使用的字体一直很少，很多时候设计师用ps
原文： http://purplebamboo.github.io/2014/01/09/iconfont/1.什么是iconfont？iconfont不是什么新技术了。我们知道web网页能使用的字体一直很少，很多时候设计师用ps做出来的效果图，里面的字体我们都没办法在网页上实现。其实网页里面可以使用自定义字体的。而且还是所有浏览器都支持，包括烦人的ie。当然各个浏览器支持的字体格
2016-04-18 15:06:05
5076
转载 javascript组件开发方式
竹隐 发布在js从零单排2015年6月12日view：17219JavaScriptWeb组件,模块化在文章任何区域双击击即可给文章添加【评注】！浮到评注点上可以查看详情。隐藏标注原文：http://purplebamboo.github.io/2015/03/16/javascript-component/作为一名前端工程师，写组件的能力至关重要。虽然java
2016-04-18 15:04:42
378
转载 移动Web开发技巧汇总
凯凯刘 发布在前端分享2015年6月15日view：16513移动开发在文章任何区域双击击即可给文章添加【评注】！浮到评注点上可以查看详情。隐藏标注这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。META相关1. 添加到主屏后的标题（IOS）meta name="apple-mobile-web-app-title" c
2016-04-18 13:17:06
671
转载 手把手教你使用Git
原文出处： 涂根华的博客 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如
2015-12-22 15:05:25
341
转载 CSSOM视图模式(CSSOM View Module)相关整理
原文： http://www.zhangxinxu.com/wordpress/?p=1907一、Window视图属性这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”。包括：innerWidth 属性和 innerHeight 属性pageXOffset 属性和 pageYOffset 属性screenX 属性和 scr
2015-11-10 19:20:42
463
转载 iOS 9对前端做了什么？
iOS 9对前端做了什么？ 2015-10-09腾讯大数据 随着9月25日iPhone6s的发货，早已预订的人是不是心里开始有点小激动了。那么它的到来对于前端来说有哪些新东西？Force Touch针对此次的3D Touch 页面中多了三个事件，当然了，以下事件请自带webkit前缀1. mouseforcewillbegin2. mouse
2015-10-10 10:20:30
475
转载 position:sticky实现iOS6+下的粘性布局
原文：http://www.tuicool.com/articles/bi6J7nY用户总是希望在窗口明显的地方方便找到自己想要的操作项，例如停留在浏览器窗口顶端的菜单栏，筛选栏等。所以我们会把用户最常用到或者我们希望用户注意到的内容一直展现在窗口的可视区域，让用户能够一眼就看到。这当中常需要用到一种页面滚动然后元素固定在窗口的某个位置的布局方式（下面简称粘性布局 ）。 要实现这种
2015-09-22 11:11:40
531
转载 手机上的环境传感器
转载自AlloyTeam：http://www.alloyteam.com/2015/06/shou-ji-shang-di-huan-jing-chuan-gan-qi/手机上的环境传感器，一般包括气压传感器、温度传感器、湿度传感器、光传感器、声音传感器和距离传感器等。气压传感器能通过气压测量，判断手机当前位置的海拔高度，能提高GPS定位的精度，在三星Galaxy Nexus上有配备；温
2015-08-06 10:17:31
2935
转载 实用的sublime插件集合 – sublime推荐必备插件
原文：http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html前言在阅读此文章之前，建议先阅读这篇：sublime text 2 神器插件介绍Package Control功能：安装包管理简介：sublime插件控制台，提供添加、删除、禁用、查找插件等功能使用：https://subli
2015-08-03 14:26:26
415
转载 20+个最棒的 CSS 在线参考网站
20+个最棒的 CSS 在线参考网站时间 2015-06-19 10:20:59 Coder资源网原文 http://info.9iphp.com/20-css-reference-websites/ 主题 CSS 如果你是一个WEB开发人员，你不可能记得所有的CSS属性和值，这时，CSS参考手册将是非常有帮助的。这篇文章会为你展示一些最好的CSS参考网站
2015-06-24 10:32:28
629
转载 常用meta整理
常用meta整理WEB开发者 概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 必要属性属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性属性 值 描述 http-
2015-06-11 10:44:07
343
转载 响应式开发总结
原文地址：http://www.cnblogs.com/flash3d/archive/2013/09/28/3343877.html相关文档W3C:http://www.w3.org/Safari:https://developer.apple.com/library/safari/navigation/index.htmlChrome:http://docs.webplat
2015-05-19 14:48:11
791
转载 移动web页面支持弹性滚动的3个方案
原文出处：http://www.it165.net/design/html/201402/2509.html有段时间一直折腾移动端页面弹性滚动的各种问题，做了点研究，今天做个小分享~传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同、版本不同，导致有部分机型不支持对弹性滚动，从而
2015-05-13 20:19:40
530
转载 你可能不知道的 5 个强大的 HTML5 API
HTML5提供了一些非常强大的JavaScript和HTML API，来帮助开发者构建精彩的桌面和移动应用程序。本文将介绍5个新型的API，希望对你的开发工作有所帮助。1. 全屏API（Fullscreen API）该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序。Javascript代码// 找到适合浏览器的全屏方法func
2015-03-10 10:04:21
451
转载 给开发者提供的 35 款 JavaScript 图形图表库
图表是数据图形化的表示，也就是“通过形象的图表来展示数据，比如条形图，折线图，饼图”。几乎每个开发或者项目管理团队都需要图表或者图形来简化理解，可视化复杂的数据和 web 应用工作流。可视化图表可以帮助开发者更容易理解复杂d数据，提高生产的效率和 web 应用和项目的可靠性。JavaScript 图表和图形库就是一个简单创建图表和图形的工具。现在互联网上有许多五花八门的 JavaScript
2014-11-04 14:54:46
1236
转载 x-webkit-speech语音输入
Google搜索的语音输入功能：1. 检测浏览器是否支持if (document.createElement("input").webkitSpeech === undefined) { alert("Speech input is not supported in your browser.");} 2. 下面说下怎么实现，其实很简单。
2014-06-24 16:46:49
613
转载 浅谈javascript函数劫持
原文：http://www.xfocus.net/articles/200712/963.html一、概述javascript函数劫持，也就是老外提到的javascript hijacking技术。最早还是和剑心同学讨论问题时偶然看到的一段代码，大概这样写的：window.alert = function(s) {};觉得这种用法很巧妙新颖，和API Hook异曲同
2014-03-17 20:13:49
460
转载 IE11浏览器特性改变
IE11浏览器：请不要再叫我IE，谢谢2013-7-3 11:14:19 出处：nczonline（开源中国翻译） 人气：18882次 评论（56）IT之家（www.ithome.com）：IE11浏览器：请不要再叫我IE，谢谢微软在上周刚刚发布了用于Windows 8.1上的首个Internet Explorer 11的预览版。我们已经确认Internet Explo
2014-02-10 16:06:54
704
转载 Mousewheel 事件
大多数浏览器（IE6, IE7, IE8, Opera 10+, Safari 5+）中，都提供了 “mousewheel” 事件。但杯具的是 Firefox 3.5+ 却不支持此事件，不过庆幸 Firefox 3.5+ 中提供了另外一个等同的事件：”DOMMouseScroll” 。“mousewheel” 事件中的 “event.wheelDelta” 属性值：返回的值，如果是
2014-02-07 14:49:05
636
转载 移动web开发经验总结
移动web开发经验总结 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3、-webkit-transform:tr
2013-12-31 17:08:41
561
转载 盒模型display:-webkit-box;的使用
box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/safari（-webkit)。
2013-12-30 18:11:20
925
ECSHOP 模板制作引导手册.rar
2009-02-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人