前端
关注
分享
扫一扫
「已注销」
这个作者很懒，什么都没留下…
展开
-
display:none和visiblity:hidden区别
相同： 1、两者都能隐藏元素。 不同： 1、display:none 不占页面空间，visiblity:hidden 占据原先页面空间。 这里必须说明的是，元素不占页面空间后，取该元素或其内部元素的宽...转载 2019-11-05 18:29:16 · 445 阅读 · 0 评论 -
js倒计时显示
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js倒计时显示-细数逝去的过往</title> <style type="tex...转载 2019-11-05 17:43:15 · 335 阅读 · 0 评论 -
标题、内容段末文本溢出“......”显示
标题、内容段末文本溢出“......”显示 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"...转载 2019-11-05 17:19:11 · 283 阅读 · 0 评论 -
Vue实例的4个常用选项
1.过滤器 filters：在不改变的data的情况下输出前端页面需要的格式数据。例如将小数过滤为整数等。filters是一个对象，里边定义一个function方法，function传入一个参数，fu...转载 2019-11-05 16:48:57 · 517 阅读 · 0 评论 -
js的加密和解密
最近在研究js的加密和解密的问题，上网上搜出来很多方法，不过不知道到底哪一个会比较管用。这里是今天找到的一些关于base64加密解密的js代码，已经经过试验，可以使用，不过网上很多加密解密的工具，这种...转载 2019-11-05 16:25:36 · 231 阅读 · 0 评论 -
mitmweb的使用
安装mitmproxy时带有mitmweb，可直接在命令行输入命令:mitmweb 此时可打开web界面。...转载 2019-11-05 16:08:27 · 918 阅读 · 0 评论 -
HTML基础知识
目录 了解什么是Web 了解什么是HTML 了解什么是CSS 了解什么是JavaScript 了解HTML与CSS是如何一起工作的 为何要使用CSS 扩展阅读 一、了解什么是Web？ ...转载 2019-11-05 15:48:01 · 180 阅读 · 0 评论 -
JS生成某个范围的随机数（四种情况）
前言 JS没有现成的函数，能够直接生成指定范围的随机数。 但是它有个函数：Math.random() 这个函数可以生成 [0,1) 的一个随机数。 利用它，我们就...转载 2019-11-05 15:32:09 · 580 阅读 · 0 评论 -
css文字环绕图片--遇到的问题及解决方法
一、前言 需要实现一个文字环绕图片的效果，心想so easy嘛。 1）代码部分 <style> .img-left { border: 3px solid #005...转载 2019-11-05 15:14:46 · 318 阅读 · 0 评论 -
bootstrap-datepicker 插件修改为默认中文
datepicker插件默认为英文，而且格式为：mm/dd/yyyy这种情况，看起来不怎么直观。 修改目标： 1、默认显示为中文 2、格式为：yyyy年mm月dd日 需要修改两个地方： 1、更...转载 2019-11-05 14:50:49 · 146 阅读 · 0 评论 -
【前端】JS文本比较插件
一、先上效果图 二、JS代码 /** * 【文本比较插件】 * 传递两个参数dom1、dom2，以dom1为基准进行比较。 * 0）dom1和dom2不能都为空； * 1）如果dom1不存在，则dom...转载 2019-11-05 14:26:27 · 1368 阅读 · 1 评论 -
对闭包的通俗理解
说到闭包，就会涉及到js函数的变量作用域，分为局部变量和全局变量。函数内部可以直接读取函数外部的变量，但是函数外部无法直接读取函数内部的变量。 但是有时我们需要拿到函数的局部变量，所以闭包就产生了，闭...转载 2019-11-05 14:03:45 · 177 阅读 · 0 评论 -
HTML5版3D实验室系列【二】----摄像机、投影、3D旋转以及缩放(演示很多，请自备瓜子眼药水··)
简述 3D效果分两种，一种是伪3D骨架，一种是3D实体. 3D骨架：是通过大量的计算将3D世界中所有点投影到二维平面中。 3D实体:通过摄像机向投影面发射射线与世界中的物体交汇，把与物体交汇点的颜色渲...转载 2019-11-05 13:46:59 · 289 阅读 · 0 评论 -
再说AutoComplete
一.简述 昨天support一同事，帮她的客户做类似下面的效果（自动完成）： 以前在搜房的时候，弄过这个，调用楼盘字典： 这是一个小功能，也是一个大功能。因为它可以做大，也可以做小。 二.搜房...转载 2019-11-05 13:23:41 · 140 阅读 · 0 评论 -
HTML5实验室【二十八】—Canvas Video打造酷炫播放体验
一.简介 直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元...转载 2019-11-05 13:07:18 · 299 阅读 · 0 评论 -
HTML5实验室【三十六】--借来的创意
一.简介 计数是一种最简单基本的运算，计数器就是实现这种运算的逻辑电路，计数器在数字系统中主要是对脉冲的个数进行计数，以实现测量、计数和控制的功能，同时兼有分频功能，计数器是由基本的计数单元和一些控制...转载 2019-11-05 11:57:13 · 165 阅读 · 0 评论 -
HTML5 【IE9割绳子】制作教程来袭····
回顾 与“Angry Birds”一样，2010年发布的“割绳子”是一款火爆的手机游戏，首先推出的是iOS版，于去年6月份推出Android版。它的游戏内容是：一个叫Om Nom的绿怪兽饿了，你必须喂...转载 2019-11-05 11:29:12 · 321 阅读 · 0 评论 -
HTML5实验室系列【四】----摄像机、投影、3D旋转、缩放
简述 3D效果分两种，一种是伪3D骨架，一种是3D实体. 3D骨架：是通过大量的计算将3D世界中所有点投影到二维平面中。 3D实体:通过摄像机向投影面发射射线与世界中的物体交汇，把与物体交汇点的颜色渲...转载 2019-11-05 11:06:07 · 376 阅读 · 0 评论 -
lambda in js：lambda.js 1.0.0发布
lambda.js的由来 作为一个当耐特程序员，对lambda一定不陌生。随着当耐特版本的更新迭代，C#也由委托==〉匿名委托==〉lambda表达式。由于javascript语言的约束，没有提供相应...转载 2019-11-05 10:42:14 · 309 阅读 · 1 评论 -
AMD and CMD are dead之KMD.js依赖可视化工具发布
使用 require("MyAapp.DepTree", function (DepTree) { DepTree(({ renderTo: "holder", ...转载 2019-11-05 10:19:59 · 175 阅读 · 0 评论 -
AMD and CMD are dead之Why Namespace?
缘由 当我看到_Franky兄的微博的时候： 我觉得我有必要出来详细说说KMDjs到底有什么本质上的优势了，连教主_Franky、貘吃馍香都不能理解他的好处，那么可想而知，在前端圈、或是全端圈、或是I...转载 2019-11-05 09:54:52 · 166 阅读 · 0 评论 -
kmdjs指令大全
调试 通过下面方式，可以输出kmdjs声称的类： <script src="../dist/kmd.js?debug" data-main="js/main"></script> 在kmd.js后面加...转载 2019-11-05 09:37:34 · 528 阅读 · 0 评论 -
AlloyRenderingEngine继承
写在前面 不读文章，只对代码感兴趣可以直接跳转到这里 https://github.com/AlloyTeam/AlloyGameEngine 然后star一下，多谢支持:)。 前几天发了篇向ES6靠...转载 2019-11-05 09:12:36 · 110 阅读 · 0 评论 -
AlloyRenderingEngine燃烧的进度条
写在前面 Github: https://github.com/AlloyTeam/AlloyGameEngine HTML 5新增了progress标签，那么再去使用AlloyRenderingEn...转载 2019-11-05 08:45:53 · 221 阅读 · 0 评论 -
AlloyTouch与three.js 3D模型交互
如你所见，上面的cube的旋转、加速、减速停止都是通过AlloyTouch去实现的。 演示 代码 <script src="asset/three.js"></script><script src=...转载 2019-11-04 23:41:09 · 186 阅读 · 0 评论 -
AlloyTouch 0.2.0发布--鱼和熊掌兼得
原文链接：https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch-0.2.0 背景 公司师姐昨日在KM发了篇长文，主要结论RAF+transfo...转载 2019-11-04 23:13:52 · 149 阅读 · 0 评论 -
Omi原理-环境搭建
环境搭建 Omi框架使用 Webpack + ES6 的方式去开发；使用karma+jasmine来作为Omi的测试工具。 Karma介绍 Karma是一个基于Node.js的JavaScript测试...转载 2019-11-04 22:57:12 · 209 阅读 · 0 评论 -
Omi教程-生命周期和事件处理
# 生命周期 名称 含义 时机 constructor 构造函数 new的时候 install 初始化安装，这可以拿到用户传进的data进行处理 实例化 installed 安装完成，HTML已经插入...转载 2019-11-04 22:30:31 · 342 阅读 · 0 评论 -
Omi应用md2site-0.5.0发布-支持动态markdown拉取解析
写在前面 Md2site是基于Omi的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。 官网：http://alloyteam.github.io/omi/md2site/ Git...转载 2019-11-04 22:02:04 · 245 阅读 · 0 评论 -
50行代码实现的高性能动画定时器 raf-interval
写在前面 raf-interval 是基于 window.requestAnimationFrame() 封装的定时器。 Github: https://github.com/dntzhang/raf...转载 2019-11-04 21:32:30 · 148 阅读 · 0 评论 -
css3新特性---（border，Background部分）
boder属性新特性： border-radius 设置或检索对象使用圆角边框 border-top-left-radius 设置或检索对象左上角圆角边框 border-top-right-rad...转载 2019-11-04 21:15:48 · 236 阅读 · 0 评论 -
移动端是怎么做适配的？（16年腾讯前端面试题）
主要分以下三点回答： 1.meta viewport 一个典型的移动端适配包含以下的内容： <meta name="viewport" content="width=device-width, ini...转载 2019-11-04 20:47:46 · 485 阅读 · 0 评论 -
数据存储
本文地址：http://www.cnblogs.com/veinyin/p/7606832.html 1 数据类型 text ： string 常用于称呼文本类的数据，文本数据常出现在单引号或双...转载 2019-11-04 20:20:30 · 125 阅读 · 0 评论 -
onblur & onchange
本文地址：http://www.cnblogs.com/veinyin/p/7606914.html 两者均可用于验证是否输入数据 onblur ： 表示不再是焦点，是 onfocus 的相反事...转载 2019-11-04 20:05:02 · 330 阅读 · 0 评论 -
引用类型 ( 对象定义 )——Function 类型
本文地址：http://www.cnblogs.com/veinyin/p/7607798.html 函数实际上是对象，也具有属性和方法，函数名实际上是指向函数对象的指针 1 function ...转载 2019-11-04 19:35:26 · 162 阅读 · 0 评论 -
location 对象
本文地址：http://www.cnblogs.com/veinyin/p/7608328.html 1 属性名 hash： 返回 URL 中的 hash，# 后跟 0 或多个字符 host： ...转载 2019-11-04 19:08:01 · 113 阅读 · 0 评论 -
parseInt
本文地址：http://www.cnblogs.com/veinyin/p/7647863.html 先来个简单的 1 console.log(parseFloat("8")); 嗯，没错，符合...转载 2019-11-04 18:43:24 · 126 阅读 · 0 评论 -
图片src拼接后台返回ID
本文地址：http://www.cnblogs.com/veinyin/p/8507403.html 在学习 CSS 时只了解了给固定地址，但是如果给的是一个需要拼接的地址就蒙了，以下是基于 Vue...转载 2019-11-04 18:16:33 · 328 阅读 · 0 评论 -
flex 布局
本文地址：https://www.cnblogs.com/veinyin/p/9547215.html 本文主要是笔者的 flex 学习笔记 一、当父元素给 flex 后，子元素的 floa...转载 2019-11-04 17:53:45 · 159 阅读 · 0 评论 -
jQuery方法实现
children 原生JavaScript中，如果希望找到某个元素的子元素，只能通过Node类型上的children方法一步一步获取。如 let li = document.querySelector...转载 2019-11-04 17:35:33 · 144 阅读 · 0 评论