自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(154)
  • 收藏
  • 关注

转载 Windows10家庭版如何获取最高管理员权限

1.系统左下角搜索设置--------->更新和安全2. 点击左侧菜单栏 恢复------>高级启动下的 立即重启3.选择: 疑难解答 -----> 高级选项 ---->重启----->重启后选择4 (第四个选项)4. 输入密码(选择自己的账户,不选Administrator), 进入安全模式 (界面明显不同于正常模式: 黑色背景,系统未加载很多组件)5按 WIN + R 组合键, 输入 control userpasswords26.选择: 属性—>组成.

2022-01-06 21:43:13 3031

转载 js加载时间线 (重点掌握)

转载于:https://my.oschina.net/korabear/blog/18013061.创建document对象,开始解析web页面。解析html元素和他们支持的文本内容后,添加element对象和text节点到文档中,这个节点document.readyState=“loading”。2.遇到link外部css,创建线程加载,并继续解析文档。3.遇到script外部js,并且没有设置async,defer.(同步加载)浏览器加载并阻塞,等待js加载完成并执行该脚本,然后继续解析文档

2022-01-05 23:32:51 319

原创 (function(window){})(window)

(function(window){ ······})(window)这样写的好处是在内部定义的变量不会跟外部的变量有冲突,达到保护内部变量的作用。

2022-01-05 22:10:19 971

原创 工具(node express json-server )

1.不选最新版本,少bug,安装一路next2.修改全局包路径在node安装目录下下新建两个文件夹node_global //全局包下载存放node_cache //缓存修改路径 cmdnpm config set prefix "D:\node\node_global"npm config set cache "D:\node\node_cache"3.修改环境变量用户变量新增 path为:D:\node\node_global //用于找下载的expres...

2022-01-03 15:43:14 459

原创 JS DOM

元素获得 原始方式 var x = document.documentElement; var x = document.body; var x = document.getElementById(“aBC”) var x = document.getElementByTagName(“p”) 选择器 document.querySelector("div p.red")

2022-01-01 11:17:33 414

原创 用js动态创建svg

要实现的效果svg文件的写法:<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="300px"&gt

2021-12-31 09:09:17 4115

原创 再学CSS

1.border 与padding会撑开盒子,(margin不会,但它会合并)div{width: 100px;height: 100px;padding:10px;或 border-width:10px}实际的宽高都是120px 120px。解决:将width height减去10px*22.当不设置宽或高时,不会撑开宽和高<div><p></p></div>div{...

2021-12-29 00:33:00 229

原创 snipaste小工具

https://download.zol.com.cn/tuiguang/detail/44/436540.shtml?qw=使用:f1截图f3置顶alt取色esc取消

2021-12-28 16:54:04 317

原创 CSS3 4 选择器

CSS3 4 选择器 目标伪类选择器URL 带有后面跟有锚名称 #,指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。选择器       功能描述E:target选择匹配E的所有元素,且匹配元素被相关URL指向

2017-06-22 00:28:45 644

原创 CSS3 3 过渡和动画

CSS3 3 过渡和动画通过 CSS3,我们可以在不使用Flash 动画或JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。1浏览器支持Internet Explorer 10、Firefox、Chrome以及 Opera支持 transition属性。Safari 需要前缀 -webkit-。注释:Inter

2017-06-22 00:22:33 486

原创 CSS3 2 2D 3D转换

CSS3 2 2D 3D转换通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。转换是使元素改变形状、尺寸和位置的一种效果,使用 2D或 3D 转换来转换元素。1浏览器支持Internet Explorer 10、Firefox、Opera支持 transform属性。Internet Explorer 9 支持替代的 -ms-tr...

2017-06-22 00:12:08 1011

原创 CSS3 1 边框-背景-文本-字体

CSS3 1 边框-背景-文本-字体 1 CSS3 边框通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框- 并且不需使用设计软件,比如PhotoShop。新的边框属性:border-radiusbox-shadowborder-image ①浏览器支持Internet Explorer 9+ 支持 border-radius

2017-06-22 00:04:59 461

原创 HTML5 5 表单

HTML5 5 表单 1新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:emailurlnumberrangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolor ①

2017-06-20 23:25:49 671

原创 HTML5 4 视频

HTML5 4 视频 1 Web站点上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过元素来包含视频的标准方法。 2浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari

2017-06-20 21:39:48 419

原创 HTML5 3 音频

HTML5 3 音频 1 Web 上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。 2浏览器支持Internet Explorer 9+, Fire

2017-06-20 21:33:47 365

原创 HTML5 2 拖放

HTML5 2 拖放 1浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动. 2 HTML5 拖放实例菜鸟教程(runoob.com)#div1 {width:350px;height:70px;padding:10px;border:

2017-06-20 21:29:29 189

原创 HTML5 1 简介和Canvas画布

HTML5 1 简介和Canvas画布 1 HTML5声明 声明必须位于 HTML5文档中的第一行,使用非常简单: 2 HTML5的改进完全支持 CSS3用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素,比如 article、footer、header、nav、sec

2017-06-20 19:48:46 819

原创 Git使用入门

Git使用入门 一.什么是Git?Git 是 Linux 发明者Linus 开发的一款新时代的分布式版本控制系统。版本控制系统的作用:1.为了防止代码的丢失,肯定本地机器与远程服务器都要存放一份,而且还需要有一套机制让本地可以跟远程同步;2.我们经常是好几个人做同一个项目,都要对一份代码做更改,这个时候需要大家互不影响,又需要各自可以同步别人的代码;3.我们开发的时

2017-06-19 13:25:43 291

原创 JSON 入门

JSON 入门 1.简介JSON 指的是 JavaScript对象表示法(JavaScript Object Notation)JSON 是轻量级的文本数据交换格式,是存储和交换文本信息的语法。类似 XML。JSON 比 XML更小、更快,更易解析。 2.语法规则·数据在名称/值对中·数据由逗号分隔·大括号保存对象·中括号保存数组名称/值对包

2017-06-19 10:38:38 647

原创 jQuery 9 AJAX 方法

jQuery 9 AJAX 方法 1.简介①什么是AJAX?AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。②为什么用jQuery的AJAX方法?编写常规的 AJAX 代码并不容易,因为不同的浏览器对AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过,jQuery团队为我们解决了这个难题,我们只需

2017-06-18 21:50:12 393

原创 AngularJS 入门6-路由

AngularJS 入门6-路由 AngularJS 路由允许我们通过不同的 URL访问不同的内容。通过 AngularJS 这个NG的路由模块可以实现带有多视图的单页面开发实例://HTML部分 AngularJS 路由应用 首页 电脑 打印机 其他 解析:1当点击链接href="#

2017-06-18 13:39:43 745

原创 AngularJS 入门5-依赖注入

AngularJS 入门5-依赖注入 1什么是依赖从现实世界的观点来看,“依赖”即某个实体对象为了完成某项功能,必须要依托另外一些实体对象,那么这些被依托的实体对象即被称为“依赖”(Dependency),而依托其它“依赖”从而完成某项功能的对象,往往被称作“依赖者”(Dependent)。我们都知道,一个对象(依赖者)当中调用另外一个对象(依赖)的API,即组件间的耦合是面向对象

2017-06-18 13:38:29 536

原创 AngularJS 入门4-表单和验证

AngularJS 入门4-表单和验证 1.AngularJS 表单①文本输入框②复选框checkbox 的值为 true或 false,可以使用ng-model 指令绑定③单选框单选框使用同一个 ng-model ,可以有不同的值,但只有被选中的单选按钮的值会被使用。 选择一个选项: Dogs Tutorials

2017-06-18 13:37:00 378

原创 AngularJS 入门3-选择框和表格

AngularJS 入门3-选择框和表格 1.AngularJS Select(选择框)AngularJS 可以使用数组或对象创建一个下拉列表选项。使用ng-options 创建选择框使用 ng-options 创建选择框                           ng-model="selectedName">

2017-06-18 13:15:14 652

原创 AngularJS 入门2-服务与$http

AngularJS 入门2-服务与$http 1.AngularJS 服务(Service)AngularJS 中你可以创建自己的服务,或使用内建服务。AngularJS 中,服务是一个函数或对象,可在你的 AngularJS应用中使用。AngularJS 内建了30多个服务。常用内建服务:① $location 服务,它可以返回当前页面的 URL地址。

2017-06-18 13:04:52 452

原创 AngularJS 入门1-基础

AngularJS 入门1-基础  1.简介及使用方法AngularJS 可以干什么?答:AngularJS能够非常容易的将input,select,button,textarea的内容提取并应用到HTML中,即解决静态网页技术在构建动态应用上的不足。AngularJS是为了克服HTML在构建应用上的不足而设计的。没有AngularJS 时,我们使用以下技术来实现H

2017-06-18 13:01:13 440

转载 Less 入门-函数列表(转载)

Less 入门-函数列表(转载)转载自:Less函数说明 http://www.cnblogs.com/zfc2201/p/3493335.html 索引escape(@string); // 通过 URL-encoding编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimensio

2017-06-16 01:16:21 754

原创 Less 入门

Less 入门 1.嵌套规则lesscss.container{                                                                 font-size: 25px;

2017-06-16 01:06:05 293

原创 Less 安装与使用

Less 安装与使用 1、安装步骤(1):我们需要NodeJ运行LESS示例。 要下载NodeJ,请打开链接 https://nodejs.org/en/,您 会看到如下所示的屏幕: 下载Recommended For Most Users(建议大多数用户使用)即可。 步骤(2):接下来,运行安装程序以在系统上安装Node.js 。 步骤(3):安装完后

2017-06-15 21:15:15 7877

原创 Bootstrap CSS编码规范

Bootstrap CSS编码规范 1语法1)用两个空格来代替制表符(tab)-- 这是唯一能保证在所有环境下获得一致展现的方法。2)为选择器分组时,将单独的选择器单独放在一行。3)为了代码的易读性,在每个声明块的左花括号前添加一个空格。4)声明块的右花括号应当单独成行。5)每条声明语句的 : 后应该插入一个空格。6)为了获得更准确的错误报告,每条声明都应该独占

2017-06-01 10:13:08 364

原创 Bootstrap HTML编码规范

Bootstrap HTML编码规范 即HTML5编码规范1语法用两个空格来代替制表符(tab)-- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次(即两个空格)。对于属性的定义,确保全部使用双引号,绝不要使用单引号。不要在自闭合(self-closing)元素的尾部添加斜线-- HTML5规范中明确说明这是可选的。不要省略可选的结束标签

2017-06-01 10:11:26 433

转载 CSS 类和ID的常用命名:

CSS 类和ID的常用命名: 名称+盒子类型(img title nav logo)+盒子标签名称(Container  content box )in代表进入页头部分 header页面主体main页脚部分 footer   盒子第一层容器 container盒子第二层内容content   盒子第三层布局: box位置:leftright center

2017-06-01 09:42:01 3156

转载 Bootstrap源码解读1 下拉菜单

Bootstrap源码解读1 下拉菜单转载自:Bootstrap源码解读下拉菜单(4) 这篇文章主要源码解读了Bootstrap下拉菜单,介绍了Bootstrap各式各样的下拉菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下基本用法在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件。因为Bootstrap的组件交互效

2017-06-01 09:32:40 479

原创 Bootstrap 自带组件

Bootstrap 自带组件 插件概览在前面《布局组件》章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12种 jQuery插件,扩展了功能,可以给站点添加更多的互动。利用Bootstrap数据API,大部分的插件可以在不编写任何代码的情况被触发。 站点引用 Bootstrap 插件的方式有两种:单独引用:使用 Bootstrap 的个别

2017-06-01 09:28:24 1222

原创 Bootstrap 组件

Bootstrap 组件 1.字体图标Bootstrap3与Bootstrap2的最大差异在于使用了font文件来替代图片,用于显示图标,这些font图片称为Glyphicons--象形文字图标。可以使用或标签来配合使用,具体如下://使用小图标glyphicon glyphicon-star">glyphicon glyphicon-star">//也可以结合按钮

2017-06-01 05:56:42 947

原创 Bootstrap CSS

Bootstrap CSS学习的是Bootstrap第3版. 1 Bootstrap 介绍 1.1 Bootstrap 概述Bootstrap 是由Twitter公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。--Bootstrap包含了写好的.css和.js文件,只要引用这些文件,并在HTML中为元素添加

2017-05-28 08:53:41 1728

原创 Bootstrap 网格系统

Bootstrap 网格系统 bootstrap框架中的网格系统就是将容器平分成12份,在使用的时候可以根据设备宽度:1重新编译LESS/SASS源码来修改12这个数值2选择对应的col-xs-*或col-sm-*或col-md-*或col-lg-*。 一.bootstrap网格格式://基本 ....

2017-05-28 07:52:03 659

转载 浏览器兼容性测试工具Spoon Browser Sandbox

浏览器兼容性测试工具Spoon Browser Sandbox转载自:http://blog.sina.com.cn/s/blog_6d3c1ec60101cyfz.html A、浏览器兼容性和测试工具对于Web前端开发工程师来说,要确保代码在各个主流浏览器的各个版本中都能正常工作事件很费时的事情,因为现在有太多浏览器了,主流就有IE、Chrome、FireFox、Safari、O

2017-05-25 14:29:18 4919 1

转载 浏览器兼容 4 CSS hack

浏览器兼容 4 CSS hack使用hacker可以把浏览器分为3类:IE6;IE7;其他(IE8 chrome ff safari opera等)◆IE6认识的hacker是下划线_和星号 *◆IE7认识的hacker是星号*比如这样一个CSS设置:height:300px; *height:200px; _height:100px; IE6浏览器

2017-05-25 13:54:16 237

转载 浏览器兼容 3 CSS重设(reset)方法总结

浏览器兼容 3 CSS重设(reset)方法总结 在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和

2017-05-25 13:23:18 598

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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