IT狗

Web前端

使用css实现三角符号

关于使用css制作三角符号,网上有很多的例子了,在这里只是为了详细的向各位解释一下三角符号的原理下图,是一个长宽为100px,边框宽度为100px的一个元素,由此可见,在css中上下左右的边框相交处并不是一个直线,所以,可以根据此属...

/ ()阅读()

数组的基本操作

push() 在数组末尾添加一个元素pop() 在数组末尾删除一个元素shift() 删除数组第一个元素unshift 在数组开头添加一个元素concat() 方法用于连接两个或多个数组splice() 删除、插入、替换1、删除功能,第一...

/ ()阅读()

前端学习之路之CSS (四)

Infi-chu:http://www.cnblogs.com/Infi-chu/ CSS盒子模型
概念:CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
...

/ ()阅读()

swiper3d横向滚动多张炫酷切换banner

最近有了个新需求,swiper3d横向滚动多张炫酷切换banner要和elementUI里边走马灯的卡片化card 类似,但是还需要h5手机触摸滚动啊啊啊啊,昨天折腾了半个早上总算完成,今天乖乖跑来mark一下。一眨眼过了一个月,9月这段期间项...

/ ()阅读()

ReactNative组件之scrollView实现轮播

想要实现轮播效果,首先安装时间定时器

接下来就是在我们的项目中使用定时器

接下来我们将竖着的轮播图变成横着的

接下来我们调整间距
我们知道轮播图下方,还有5个圆点,那我们怎么做呢?

拿到每一个圆点

看对应的样式...

/ ()阅读()

select获取选中项的值与文本

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<select id="test" name="">
<option valu...

/ ()阅读()

js面向对象学习1

我是菜鸟,老鸟勿看,继承多态等太多概念难以理解,还是从实践中慢慢学吧!争取能大致看懂网上的开源的代码。--------------对象的组成:方法和属性属性关键词:静止的,状态方法关键词:动态的,过程,处理,带括号--------------js中的面...

/ ()阅读()

source map 的原理探究

线上产品代码一般是编译过的,前端的编译处理过程包括不限于转译器/Transpilers (Babel, Traceur)编译器/Compilers (Closure Compiler, TypeScript, CoffeeScript, Dart)压缩/Minifiers (UglifyJS)这里提...

/ ()阅读()

CSS最佳实践

CSS作为前端开发必备基础知识,但随着显示器技术发展和多种设备共存情况下,前端技术也越来越复杂,如何更好的使用css,有哪些css框架可以供选择,他们又有什么优缺点?本文对这一些问题进行了说明,文末有各种css框架对比的链接,可...

/ ()阅读()

ReactNative系列组件用法(一)

首先我们来认识view

改变一些特性,再来看看项目的变化

我们新增flex布局的一些属性,再来看看项目的变化


接下来我们来看看如果获取屏幕的分辨率

关于图片的用法,reactNative这里也是很神奇呢
先看效果图(博客园里有...

/ ()阅读()

WebSocket 学习笔记

WebSocket 学习笔记来自我的博客因为项目原因需要用到双工通信,所以比较详细的学习了一下浏览器端支持的 WebSocket.
并记录一些遇到的问题。简介WebSocket 一般是指浏览器提供的 API 接口,允许 Web 页面通过 WebSocket...

/ ()阅读()

Vue2.5笔记:v-if 和 v-show指令

熟悉 Angular 的同学对指令肯定不会陌生,Vue中也借鉴了指令这一特性,在 Vue 中指令都是带有 v- 的特殊属性,那么指令有什么作用呢?我的理解就是:指令是用来控制 DOM 元素的行为,例如最简单的显示,隐藏。Vue 中有很多指令,在今...

/ ()阅读()

利用JS动态生成隔行换色HTML表格

用JS生成动态生成表格,行、列由用户输入,并使表格隔行换色 方法一.代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>动态表格</title> 5 6 <meta http-equiv="keywords" content="keyword1,keyword2...

/ ()阅读()

H5新增的标签以及改良的标签

1》OL标签的改良 start type reversed:翻转排序2》datalist标签自动补全的使用3》progress标签的使用:进度条4》meter标签的应用5》details展开收缩标签的使用-子标签summary(自动带有展开收缩的效果) 6》mark标签...

/ ()阅读()

WebGL的3D框架比较 ThingJS 和 Three.js

随着flash的没落,浏览器的原生能力的兴起。在3D方面WebGL不管从功能还是性能方面都在逐渐加强。2D应用变为3D应用的需求也越来越强烈。 win10的画图板支持3D图片,2d工具photoshop也开始逐步集成了3D工具。 下面...

/ ()阅读()

验证整数和小数的正则表达式

  网上很多关于验证小数的正则表达式,但是很多都不是百分百正确,所以我结合一些前辈的经验,自己写了一个。  验证非0开头的无限位整数和小数。整数支持无限位,小数点前支持无限位,小数点后最多保留两位。  js代码如...

/ ()阅读()

前端单页应用微服务化解决方案1 - 思考

近几年,微服务架构在后端技术社区大红大紫,它被认为是IT软件架构的未来技术方向.我们如何借鉴后端微服务的思想来构建一个现代化前端应用?
在这里我提供一个可以在产品中真正可以落地的前端微服务解决方案.微服务化后...

/ ()阅读()