- 博客(22)
- 收藏
- 关注
RSS订阅原创 CSS3新特性
1.新的选择器，如：div：last-child （diiv节点下面的最后一个直接子节点）2.多列布局，如：-webkit-column-count:33.圆角：border-radius4.渐变背景图：background-imiage：5.transformcss实现动画的两种方式6.transitions：all 1s；7.animate8.flex-shrink: 09...
2019-11-30 19:14:14
149
原创 响应式开发
statcounter浏览器的兼容性是浏览器响应式开发的关键IE占有率已经低于10%微信浏览器的内核使用的是X5的内核响应式开发1.什么是响应式网站？以弹性为基础（弹性布局）——》向响应式发展（引入媒介查询 media query）无论在分辨率如何，都可以完美的呈现页面流动网格，弹性图片，媒体查询响应式网站是一个设计理念，他是多项技术的综合体响应式网站的优点：1.减少工作...
2019-11-30 19:13:33
161
原创 HTML简介
HTML是用来描述网页的一种语言。1.HTML指的是超文本标记语言2.HTML不是一种编程语言，而是一种标记语言3.标记语言有一套标记标签4.HTML使用标记标签来描述语言的HTML标签1.HTML标签是由尖括号包围的关键次2.HTML标签通常是成对出现的3.标签对中的第一个标签的是开始标签，第二个标签是结束标签4.开始和结束标签也被称为开放标签和闭合标签HTML文档（文档是由...
2019-11-30 19:12:41
164
原创 css3边框与圆角
border-radius 允许为元素添加圆角边框语法：border-radius：1-4 length /%；兼容性：IE10+，Firefox4+，chrome，safari5+，operaCSS3盒阴影box-shadow属性 可以设置一个或多个下拉阴影的框语法：box-shadow：h-shadow v-shadow blur(是否模糊) spread（是否拓展） ...
2019-11-30 19:11:56
108
原创 vueJS
Vue.js是一套用与用户界面的渐进式框架Vue.js的核心只关注图层，比较容易上手，便于与第三方库后既有项目整合当与现代化的工具链以及各种支持类库结合使用的时候，Vue也完全能够为复杂的单页应用提供驱动Vue.js的安装1.在官方文档中下载Vue.js并用vue.js的基本格式{{message}}Vue.jsy有一些相关的指令。指令带有前缀v-,用于表示他们是Vue提供的特殊...
2019-11-30 19:10:31
124
原创 CPU和GPU的区别
CPU 即中央处理器，解释计算机指令以及处理计算机软件中的数据GPU即图形处理器，专门处理和绘制图形相关的硬件。GPU时专为执行复杂的数学和集合计算而设计的，有了它，CPU就从图形处理的任务中解放出来，可以执行其他更多的系统任务。硬件加速在计算机中把计算量非常大的工作非陪给专门的硬件处理，减轻CPU的工作量现状：CSS动画，变形，渐变并不会自动的出发GPU加速，而是使用浏览器稍慢的...
2019-11-30 19:09:21
257
原创 css动画
css动画动画可以定义为使用绘画的手法，创造生命运动的艺术视觉暂留原理人类具有视觉暂留的特性，当人的眼睛看到一幅画或一个物体后，在0.34秒不会消失动画原理 把人物的表情，动作，变化等分解后化成许多动画瞬间的华府，利用视觉暂留的原理，在一幅画还没有消失的前提下比方下一幅画，就给人一种流畅的视觉变化的效果 兼容性：IE10+，Firefox16+，chrome43+，safari...
2019-11-30 19:08:31
175
原创 javaScript简介
web开发的三个必要条件1.HTML定义页面的内容2.CSS定义页面的布局3.JavaScript定义页面的行为alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设...
2019-11-30 19:06:54
178
原创 换行符不换行的原因与解决方法
换行符不换行的原因：从后台获取的原始数据(netWork->Response)的换行字符为‘\n’,在text文本中换行符为‘\n’,所以不会换行。解决的办法：正则表达式var format = function(text){if(!text){return}var reg = getRegExp(’\\n’,g)return text.replace(reg,’\n&n...
2019-11-12 18:27:35
2628
原创 promise的简单实用
promise 是一个对象 而不是一个函数 解决回调地狱promise的三种状态 1.pending(进行中) 2.fulfillled（成功） 3.rejected（失败）使用promise的第一步使用promise的第二步 异步代码写在promise函数中使用promise的第三步 获取结果`const promise = new Promise((resolve,re...
2019-11-05 17:56:22
122
原创 Vue.js的简单介绍
vue.js是当前最火的MVVM框架特点：轻量（20多kb），简介，高效，数据驱动，组件化vue.js 2014才变成开源框架，定位起初并不是框架vue.js的核心思想1.数据驱动DOM是数据的一种自然映射数据响应原理数据改变驱动视图自动更新2.组件化扩展HTML元素，封装可重用的代码组件化设计原则1.页面上每个独立的可视/可交互区域是为u一个组建2.每个组件对应一个...
2019-06-01 16:03:02
323
原创 MVVM框架三种核心技术的对比
大小上手程度Vue.js20k+更易上手，学习曲线平稳Anfular.js56k+概念多，对前端工程是个挑战react.js44k+有自己一套的js规范Vue.js吸取了两家之长，借鉴了angular的指令和react的组件化...
2019-06-01 15:47:15
1361
原创 Node.js
Node.js是一个基于Chrome V8引擎的JavaScript的运行环境。Node.js使用了一个时间驱动，非阻塞是I/O的模型，使其轻量又高效。Node.js的包管理器npm，是全球最大的开源库生态系统。如何下载一个包下载命令 npm install jquery创建一个package文件的步骤1.npm init2.输入名称 name：3.版本号 version：4.入...
2019-06-01 15:05:08
148
原创 选择器
基本选择器E.class#idE F 选择某个元素的后代元素E > F 选择某个元素的直接子元素E + F 选择相邻的兄弟元素（具有相同的父元素）E ~ F 选择相邻的后面所有的兄弟元素属性选择器1.E[attr]2.E[attr = “value”]3.E[attr ^= “value”] 以value开头的4.E[attr $= “value”...
2019-06-01 09:39:49
166
原创 CSS3的渐变
渐变指得是可以在两个或多个制定的颜色之间显示平稳的过渡兼容性：IE10+，Firefox16+，chrome26+，opera12.1+，safari6.1+过早的版本我们可以加相对应的前缀来实现3.6 -moz- 10.0 -webkit- 11.6 -o- 5.1 -webkit-**css3的线性渐变（linear Gradients）是沿着一根轴线改变...
2019-05-20 15:16:01
196
原创 CSS3背景
background-clip属性指定背景的绘制区域语法：background-clip: border-box | padding-box | content-box;共有三个属性值 border-box(背景图像超出边框将会被裁剪掉） |padding-box(背景图像超出内边距将会被裁剪掉） |content-box(背景图像超出内容框将会被裁剪掉）兼容性IE9+ ，Firefo...
2019-05-20 15:10:29
155
原创 简要的弹性布局分析（移动端）
1.弹性盒子是css3的一种新的布局模式2.css弹性盒，是一种当页面需要适应不同的屏幕大小时确保元素拥有恰当的行为的布局样式3.引入盒子布局模型的目的是为了提供一个有效的方法来对一个容器中的元素进行对齐，排列和分配空白空间（即让一个容器中的所有元素等间距排列）4.弹性盒子是由弹性容器和弹性子元素组成5.弹性子元素通常情况下在弹性盒子内一行显示，默认每个容器只有一行6.弹性容器通过设置d...
2019-04-22 22:15:16
744
原创 jQuery入门教程
1.安装jQueryi.从jquery.com中下载jQuery库ii.从CDN中下载下载jQuery（此种方法只能在连网情况下才能使用）jQuery库也是一个JavaScript文件2.如何在HTML中引入jQuery库<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script&...
2019-04-16 22:51:22
506
原创 前端处理流程简介
1、输入url2、查看浏览器缓存，看是否有缓存，如果有缓存，继续查看缓存是否过期，如果没有过期，直接返回缓存页面，如果没有缓存或者缓存过期，发送一个请求。3、浏览器解析url地址，获取协议、主机名、端口号和路径。4、获取主机ip地址过程（1）浏览器缓存（2）主机缓存（3）hosts文件（4）路由器缓存（5）DNS缓存（6）DNS递归查询5、浏览器发起和服务器的TCP连接，执行三...
2019-04-02 00:59:33
516
原创 浏览器运行原理
1.浏览器的简介：浏览器是指可以显示网页服务器或者文件系统的HTML文件。且让用户和文件交互的软件。2.浏览器的主要功能向服务器发出请求，在浏览器窗口显示资源2.1资源包括（HTML文档，PDF，图片，或其他类型）2.2资源的位置有用户使用URL（统一资源标识符）指定3.目前主要使用的浏览器有五种：internet Explorer,Firefox,Safari,Chrome和Ope...
2019-04-02 00:58:37
169
原创 5大通用语言的介绍和各语言的特点
***Java***是一个面向对象的程序语言，极好的吸收了C++语言的各种优点，也摒弃了C++语言中难理解的多继承，指针等概念因此Java语言具有功能强大和简单易用的两个特征。Java在1995年有sun公司发布，后来被oracle公司收购Java程序的执行流程：.java源文件由编译器生成.class字节码文件，再由编译器进行执行jdk（Java语言的软件开发工具）包括JRE和JVM...
2019-04-02 00:56:01
1590
原创 HTML5
1.HTML是超文本标记语言，不是一编程语言。与DEVC++，C,JAVA一样。2.目前，支持html5的浏览器有Mozlilla,Firefox,Chrome和IE9以后的版本。3.在html5中，可以用header nav article footer等标签见页面分为上，中，下三部分4.在默认情况下，css假设元素“display”的属性是“inline”，为了页面的效果，...
2019-04-02 00:54:09
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人