css知识总结

一 .实现隐藏 1、display:none display:none可以让网页中所有内容不显示,不为被隐藏的对象保留物理空间,重现时触发reflow渲染,会影响到dom结构的渲染 ,同时触发repaint重绘。 display可能的值: none——此元素不会被显示。 block——此...

2016-07-28 18:43:32

阅读数 258

评论数 0

CSS深入理解之relative

今天看到一个特别有趣的视频,讲解position:relative,听完这个老师生动的讲解,瞬间就懂了 看完漫画做个总结啊: 1 . position:absolute; 他的意思是绝对定位,默认上溯父级元素,找第一个不是 static 的元...

2016-07-11 17:21:12

阅读数 3357

评论数 1

无缝滚动的制作

一.标签 marquee 属性: 1.滚动方向direction(包括4个值:up、 down、 left和 right) 2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动) 3.滚动速度scrollam...

2016-07-10 23:24:24

阅读数 267

评论数 0

JQuery学习二: DOM操作

一.节点的操作1.查找节点:var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点如:var $ul_1=$("ul");2.创建并追加节点: 创建节点:常见的就是直接把这个节点的结构给通过HTML标记字符串描述出...

2016-06-20 09:57:45

阅读数 6520

评论数 0

js选项卡

第一步,先写html代码和css样式<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>实践题...

2016-06-15 11:36:31

阅读数 500

评论数 0

前端推荐学习网站

前端乱炖 :  http://www.html-js.com/   这个网站是我去得很多的一个网站,里面有一个专栏模块,用于展示各种原创文章,原创翻译文章,知识性比较强,内容比较专业和系统。 Div.IO:   http://div.io/pro/index   高质量的前端社区,聚集了很多各大...

2016-04-26 17:32:33

阅读数 277

评论数 0

Vue.js列表渲染难点:对象中数组深度更新问题

vue双向数据绑定,通过数据驱动视图列表变化是常用的实现方式,但在业务逻辑较为复杂的产品中,列表渲染不单单是将一个数组中的v-for项渲染出来那么简单,数组往往是作为某一对象Object中的键值value而存在。这时想要灵活操作页面,对数组里面的变化进行检测更新,就会遇到一些坑。我们天真的写完一段...

2017-10-24 15:22:25

阅读数 2001

评论数 1

url

十年来感受的前端技术变化:http://www.weixinyidu.com/n_2730343 码农小兵:http://www.devdo.net/web/js Java之GUI编程(一):http://blog.csdn.net/dandanzmc/article/details/244...

2017-03-08 09:50:30

阅读数 895

评论数 0

vuejs+element中使用minicolor颜色插件

vuejs+element开发中使用颜色选择器没有什么好方法,经过一番研究决定使用jquery的minicolor颜色插件。 效果图: 点击输入框就会出来颜色选择窗口,同时复制到输入框#16进制颜色,右侧也会出颜色 html代码:<el-form-item label=&...

2017-02-06 14:11:55

阅读数 3151

评论数 0

开发中问题总结

兔博主这一阵在北京实习前端,虽然晚上不加班单还是没有时间更新博客,平常开发中的小问题解决后也忘了回顾记笔记,现在得空能想起来点是点吧(这里都是vue.js开发环境)一、event事件 在开发中,我们要常常用到event对象来处理一些事件: 1、在火狐浏览器怎么获取event的方法 火狐浏览器...

2017-01-24 11:55:19

阅读数 183

评论数 0

前端页面编码

escape()、encodeURI()、encodeURIComponent()区别详解: JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decode...

2016-12-27 11:38:15

阅读数 414

评论数 0

Git代码管理工具

Git代码管理工具安装与使用说明: 一、准备工作 1) 使用Git首先你得有一个github账号,注册地址:https://github.com/,然后登录。 2) 接着,在github上点击create new, new repository, 随便输入一个项目名称即可,注意选上ini...

2016-11-23 14:10:19

阅读数 1854

评论数 0

Less学习总结

一、less简介 Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 本质上,Less 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 C...

2016-11-23 09:40:59

阅读数 434

评论数 0

React JS入门

React 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。React 的核心思想是:封装组件,各个组件维护自己的状态和 UI,当状态变更,自动重新渲染整个组件。基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素,然后操作 DOM 去更改 ...

2016-10-16 21:52:18

阅读数 1465

评论数 0

js模仿QQ头像资料卡显示与隐藏

我们使用QQ时经常需要查看朋友的资料卡,当我们把鼠标移入头像时,资料卡显示,并且鼠标能在头像与资料卡之间能随意移动,当鼠标移出头像或资料卡时,资料卡延时隐藏。 实质就是延时提示框问题!首先写好布局:<style> div { float:left; margin:5p...

2016-10-16 12:13:19

阅读数 666

评论数 0

Angularjs ng-form

ng-form用来在一个表单内部嵌套另一个表单。普通的HTML <form>标签不允许嵌套,但ng-form可以。 这意味着内部所有的子表单都合法时,外部的表单才会合法。这对于用ng-repeat动态创建表单是非常有用的。 (1)Angular为form扩展了自动校验,防止重复提交...

2016-10-06 16:47:36

阅读数 220

评论数 0

angularjs scope的绑定策略

当scope选项写为scope:{ }这种形式的时候,就已经为指令生成了隔离作用域 现在,我们来看看绑定策略的三种形式: @、= 、&。 (1)@ 首先是@,把当前的属性作为字符串传递。你还可以绑定来自外层的scope的值,在属性值中插入{{ }}即可。什么意思呢?说的简单一点就是假...

2016-10-05 20:00:29

阅读数 216

评论数 0

Angularjs学习笔记(五)指令

一、指令基础 当浏览器加载一个包含AngularJS应用的HTML时,我们只需要用内置指令ng-app启动AngularJS应用,并标记出应用的根节点,这个指令需要以属性的形式来使用,因此可以将它写到任何位置,但是写到<html>的开始标签上是最常规的做法: 1.指令的使用方式&l...

2016-10-05 10:05:54

阅读数 782

评论数 0

Angularjs学习笔记(四)模块化与依赖注入

一、路由ngRoute服务 随着web应用越来越大,一个应用里面存在多个视图。在不同的视图之间进行切换时(url),为了支持浏览器的“前进、后退、history”,angular有ngRoute服务,提供$routeProvider通常我们的URL形式为http ://runoob.com/fi...

2016-10-04 19:52:30

阅读数 823

评论数 0

Angularjs学习笔记(三)表达式、指令、模型

一、表达式 AngularJS 使用 表达式 把数据绑定到 HTML。 类似ng-bind 指令,AngularJS 表达式写在双大括号内:{{ expression }}把数据绑定到 HTML,在表达式书写的位置”输出”数据。注意: 所有的表达式都在其所属的作用域内部执行,并有访问本地$s...

2016-10-04 12:00:45

阅读数 467

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭