- 博客(54)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 前端组件化
组件化[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fEVcmrj4-1608518366216)(https://cdn.nlark.com/yuque/0/2020/jpeg/190488/1607957386777-7eb32b74-97da-4f84-b596-ec9fbfe31b57.jpeg)]什么是组件化？前端组件化开发，就是将页面的某一部分独立出来，将这一部分的数据层（M）、视图层（V）和控制层（C）用黑盒的形式全部封装到一个组件内，暴露出一些开箱即用
2020-12-21 10:40:47
5566
1
原创 JavaScript模块化最全总结
JS模块化没有模块化规范的时候在没有CommonJS，AMD，CMD等规范的时候，人们为了让代码模块化，采用了下面这个链接里的方法：http://www.ruanyifeng.com/blog/2012/10/javascript_module.htmlCommonJSNodeJS 是 CommonJS 规范的实现，webpack 也是以 CommonJS 的形式来书写。CommonJS 是一种只适用于 JavaScript 的静态模块化规范。只适用于 Node.js 开发，但是不适合浏览器环
2020-06-20 14:35:20
362
原创 CSS的工程化 + CSS 方法论
CSS工程化CSS 是 Web 开发中不可或缺的一部分，在前端工程化不断进步的今天，一方面， CSS 特性随着规范的升级越来越丰富，另一方面，前端业务复杂性性的增加带来的工程愈加庞大，驱使着开发者不断寻找 CSS 工程化的最佳实践。因此，CSS 工程化就顺应而生，主要是为了解决在使用标准 CSS 时遇到的各种难点。在使用CSS时遇到的难点class命名难，经常把各种名字都想了个遍，为了不重复也是很拼了。选择器的全局污染问题，经常改了一个地方的样式，影响到很多地方。样式难以复用，没有办法像 JS
2020-05-15 17:18:10
836
原创 ArcGIS API for JavaScript开发环境准备
ArcGIS API for JavaScript通过ArcGIS API for JavaScript可以对ArcGIS for Server进行访问，并且将ArcGIS for Server提供的地图资源和其他资源（ArcGIS Online）嵌入到Web应用中。ArcGIS API for JavaSript主要特点空间数据展示：加载地图服务，影像服务，WMS等。客户端Mashup...
2019-01-29 16:24:41
736
13
原创 JS中==号的类型转换
js中==的类型转换2018/10/28 0:01:09由v-if扩展出来的关于==的深究。首先，要记住**null == undefined**始终为true，这个暂时没有道理可言，记住就好了。首先看==前后有没有NaN，有的话都是返回false。NaN不等于任何值，包括其本身。布尔值会转成数字类型，true转成1，false转成0。 true == 1; // true...
2018-10-28 11:51:12
1851
4
原创 物理层
物理层物理层的基本概念物理层考虑的是怎样才能在连接各种计算机的传输媒体上传输数据比特流，而不是指具体的传输媒体。用于物理层的协议常称为物理层规程（procedure）。物理层的任务物理层的主要任务描述为确定与传输媒体的接口的一些特性，即：机械特性：指明接口所用接线器的形状和尺寸，引脚数目和排列，固定和锁定装置，等等。电气特性：指明在接口电缆的各条线上出现的电压的范围。功能特性：指...
2018-09-27 00:47:41
408
原创 用TLS追踪用户
用TLS追踪用户2018/9/13 23:46:17什么是TLSTLS即安全传输层协议，用于在两个通信应用程序之间提供保密性和数据完整性。该协议由两层组成：TLS记录协议（TLS Record）和TLS握手协议（TLS Handshake）。1999年，SSL因为应用广泛，已经成为互联网上的事实标准。IETF就在那年把SSL标准化。标准化之后的名称改为TLS，中文叫做传输层安全协议。所以...
2018-09-22 17:28:20
330
原创 第七天到第八天，学习布局
第七天到第八天，学习布局课程目标学习布局的各种方式阅读MDN 定位MDN 定位实战MDN Flexbox学习CSS布局CSS布局(三) 布局模型CSS布局(四) FloatCSS布局(五) 网页布局方式CSS布局(六) 对齐方式七种实现左侧固定，右侧自适应两栏布局的方法圣杯布局双飞翼布局圣杯布局和双飞翼布局CSS深入理解流体特性和BFC特性下多栏自...
2018-06-04 01:10:24
457
原创 第五天和第六天 三种简历
第五天和第六天 三种简历课程目标掌握CSS盒模型及通过Float进行简单的布局阅读MDN-盒模型MDN-再述盒模型MDN-浮动layout/Floats如何理解 CSS 中的浮动布局方式？What methods of ‘clearfix’ can I use?清除浮动（clearfix hack）编码规范阅读笔记框属性 width和heig...
2018-05-17 00:23:55
492
原创 第四天 背景边框列表链接和更复杂的选择器
第四天 背景边框列表链接和更复杂的选择器课程目标掌握CSS稍微复杂的一些选择器，还有背景，边框等一些CSS样式属性课程描述复习CSS的基本概念，基本的选择器，以及关于字体的一些样式设置。阅读W3School-背景MDN-什么是背景W3School 边框MDN 边框W3SChool 列表MDN 列表W3School 链接MDN链接选择器的分组...
2018-05-09 23:23:25
210
原创 第三天 让简历有点色彩
第三天：让简历有点色彩开始时间：2018/5/5 15:02:07 课程目标初步了解什么是CSS，掌握基本的CSS概念，语法，学习如何设置一些简单的样式任务描述打开昨天编辑的Codepen，在中间CSS的窗口，加上下面的代码。h1 { font-size: 32px;}p { color: orange;}阅读MDN的文字样式，...
2018-05-07 01:10:27
210
原创 第二天 给自己做一个在线简历吧
第二天 给自己做一个在线简历吧课程目标清楚了解HTML是什么，，HTML5是什么。学习基本的HTML标签，理解HTML语义化概念任务描述用codepen作为开发工具创建一个在线简历，下面给一些参考： 包括“简历”两个字你的姓名你的各种联系方式你的学历项目经验可以参考羡辙的简历阅读W3School的HTML教学顾轶灵的如何理解Web语义化...
2018-05-05 03:35:24
869
原创 第一天 为什么有那么多人要学前端
第一天：为什么有那么多人要做前端？浏览一开始提供了一系列的网页，欣赏别人写的好看的页面，不知道为啥，打开这些网页有些好慢。下面附上链接：http://2014.artsy.net/https://codepen.io/Yakudoo/full/rJjOJxhttps://codepen.io/pissang/full/geajpXhttps://codepen.io/tsu...
2018-04-24 22:32:43
584
原创 npm安装参数中的--save-dev和--save
npm安装参数中的–save-dev和–save-save和save-dev可以省掉你手动修改package.json文件的步骤。-save：自动把模块和版本号添加到dependencies部分。-save-dev：自动把模块和版本号添加到devdependencies部分这俩部分，是用于区别开发袭来模块和产品依赖模块。devDependencies主要是配置测试框架，例如jsh
2018-02-07 12:38:57
448
原创 第三章 Vue-cli开启Vuejs项目（1）
第三章 Vue-cli开启Vuejs项目（1）Vue-cli是Vue的脚手架工具Vue-cli就是帮助我们写好Vue.js基础代码的工具。它能够帮助我们完成目录结构、本地调试、代码部署、热加载、单元调试等工作vue-cli的GitHub地址安装vue-cli是一个node包，所以需要用npm安装，需要全局安装。npm install -g vue-cli使
2018-02-06 17:53:47
434
原创 ESLint学习
ESLint学习介绍ESLintESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。ESLint 使用 Node.js 编写，这样既可以有一个快速的运行环境的同时也便于安装。ESLint是一个QA工具，用来避免低级错误和统一代码的风格安装//全局安装npm inst
2018-02-06 16:34:55
685
原创 ECMAScript6学习1
ECMAScript6简介本文章主要参考阮一峰老师的ECMAScript6入门[http://es6.ruanyifeng.com/#docs/intro][6]ECMAScript和JavaScript的关系： - 前者是后者的规格，后者是前者的一种实现ES6与ECMAScript2015的关系： - 标准委员会最终决定，标准在每年的6月份正式发布一次，作为当年的正式版本。接下来
2018-02-05 21:51:50
252
转载 SQL Server2016使用Day1
创建数据库打开Microsoft SQL Server Management Studio，连接到数据库服务器，在【对象资源管理器】窗口中右击【数据库】选项，选择【新建数据库】，打开【新建数据库】窗口。数据库相关参数说明如下：数据库名称：要创建的数据库名称，自行定义，建议定义的数据库名和项目内容相关，例如开发的项目是图书管理系统，数据库可以命名为book或者bookDB。所有者：数据库的所有者可以是
2017-10-15 03:06:37
1178
翻译 block，inline和inline-block概念和区别
总体概念block和inline这两个概念是简略的说法，完整确切的说应该使block-level elements（块级元素）和inline elements（内联元素）。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inline元素）：常用的
2017-10-07 01:38:13
197
翻译 <meta name="viewport">移动端设置详解
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"width = device-width:应用程序的宽度和屏幕的宽度是一样的height = device-heig
2017-10-06 17:05:42
811
原创 小白学java1
Scanner类用法 第8条：System.in是为了监听系统的输入（比如键盘输入），有输入了，Scanner才能根据输入帮你解析数据。通过new Scanner(System.in)创建一个Scanner，控制台会一直等待输入，直到敲回车结束，把所输入的内容传给Scanner，作为扫描对象。如果要获取输入的内容，则只需要调用Scanner的nextLine()（或者next()）方法即可。Sca
2017-10-06 15:47:04
264
转载 SuperWebview开发指南1
简介 SuperWebview是APICloud官方推出的另一项重量级API生态产品，以SDK方式提供，致力于提升和改善移动设备Webview体坛差的整套解决方案。APP通过嵌入SuperWebview替代系统Webview，即可在HTML5中使用APICloud平台现有的所有端API，以及包括增量更新、版本管理、数据云、推送云、统计分析、积木式模块化开发、所有已经集合的开发平台服务等在内的云服务
2017-08-25 01:04:14
249
原创 05-非关系型数据库产品介绍
Memcached(key-value) Memcached是一个开原的、高性能的、具有分布式内存对象的缓存系统，通过它可以减轻数据库负数，加速动态的Web应用，最初版本由LiveJournal的Brad Fitzpatrick在2003年开发完成。目前全球有非常多的用户都在使用它来构建自己的大负载网站或自己的高访问网站的响应速度。注意：Memcache是这个项目的名称，而Memcached是服务
2017-07-27 14:53:32
621
原创 04-关系型数据库产品介绍
Oracle数据库主要应用范围：传统大企业、大公司、政府、金融、证券等等。MySQL数据库被广泛应用在大中小型网站、互联网领域、游戏公司、电商平台等，体积小，速度快，总体拥有成本低MariaDB数据库是MySQL数据库的一个分支SQL Server主要应用范围：部分企业电商（央视购物），使用windows服务器平台的企业。Access数据库微机数据库，Access是入门级小型桌面数据库，性能安全性都
2017-07-26 00:34:44
818
原创 03-非关系型数据库种类介绍
非关系型数据库也被称为NoSQL数据库web2.0:上传、下载、发布帖子、发布博文、SNS一.NoSQL产生的背景 随着互联网web2.0网站的兴起，动态数据比较多，传统的关系型数据库在应对日益扩大的海量数据有点力不从心，于是NoSQL就产生了。Google的BigTable与Amazon的Dynamo是非常成功的商业NoSQL实现，一些开源的NoSQL体系，如Facebook的Cassandra
2017-07-25 20:01:07
950
原创 02-数据库种类介绍及关系型数据库原理
一.数据库的概述数据库就是一个存放数据的仓库。这个仓库是按照一定的数据结构（数据结构是指数据的组织形式或数据之间的联系）来组织、存储的，我们可以通过数据库提供的多种方法来管理数据库里的数据。 随着数据库的不断发展，数据库不仅仅是存储和管理数据了，而转变成用户所需要的各种数据管理的方式。数据库有很多种类和功能，从最简单的存储有各种数据的表格到能够进行海量数据存储的大型数据库系统都在各个方面得到了广泛
2017-07-25 19:30:03
512
原创 XHTML文档类型
xhtml1.0支持三种DTD（文档类型定义）声明：过渡性（Transitional）、严格型（Strict）和框架型（Frameset）。 过渡型 过渡型文档类型对于标签和属性的语法要求不是很严格，允许在页面中使用HTML 4.01的标签（符合XHTML语法标准）。过渡型DTD语句如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran
2017-05-24 19:59:56
1407
原创 2.5jQuery选择器和事件-事件之自定义事件
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.1.min.js"></script> <script src="2.js"></script></head><body> <button
2017-03-29 01:33:24
264
原创 2.4jQuery选择器和事件-事件之事件目标与冒泡
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.1.min.js"></script> <script src="2.js"></script></head><body> <div sty
2017-03-22 22:28:36
266
原创 2.3jQuery选择器和事件-事件之绑定、解除绑定事件
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.1.min.js"></script> <script src="2.js"></script></head><body> <button
2017-03-22 13:18:37
525
原创 2.2jQuery选择器和事件-事件之事件常用方法
jQuery事件jQuery事件： 常用事件方法绑定事件解除绑定事件事件的目标事件的冒泡自定义事件例子<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.1.min.js"></script> <sc
2017-03-20 13:55:29
272
原创 2.1jQuery选择器和事件-选择器
课程概要jQuery选择器jQuery事件jQuery选择器 元素选择器<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.1.min.js"></script> <script src="2.js"></s
2017-03-20 13:39:57
408
原创 1.3jQuery的基本语法
jQuery语法jQuery语法： 基础语法：$(selector).action() 美元符号定义jQuery 选择符(selector)“查询”和“查找”HTML元素 jQuery的action()执行对元素的操作 例如：$(this).hide //隐藏当前元素$("p").hide() //隐藏所有段落例子：<!DOCTYPE html><html><head lang=
2017-03-19 12:29:44
204
原创 1.2引入jQuery的方法
引入jQuery网页中添加jQuery 从jQuery.com下载jQuery库从CDN中载入jQuery，如从Google中加载jQUery 百度和新浪的服务器存有jQuery 例如：http://libs.baidu.com/jquery/1.10.2/jquery.min.js谷歌和微软的服务器存有jQuery 例如：http://ajax.googleapis.com/ajax
2017-03-19 11:21:16
473
原创 1.1jQuery简介
课程概要认识jQuery引入jQueryjQuery语法认识jQueryjQuery： jQuery库可以通过一行简单的标记被添加到网页中什么是jQuery： jQuery是一个JavaScript函数库jQuery库包含的功能：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM遍历和修改AJAXUtilities
2017-03-19 10:38:31
404
原创 3.6Javascript函数-局部变量和全局变量
局部变量和全局变量 局部变量在函数内，只能在当前函数中使用，不再被使用到的时候会被销毁。 全局变量在函数外，任何地方都可以使用<script> var n = 10; m = 10;//全局变量 任何地方都可以使用 function demo(){ var i = 10;//局部变量 只能在当前函数中使用 x = 10;//全局变量 任何地方都可
2017-03-18 14:57:53
306
原创 3.5Javascript函数-带返回值的函数
带返回值的函数返回值： 有时，我们需要将函数的值返回给调用他的地方 通过return语句就可以实现 注意：在使用return语句时，函数会停止执行，同时返回值<script> function demo(){ return "Hello"; } var vl = demo(); alert(vl);</script>
2017-03-18 11:53:10
240
原创 3.4Javascript函数-带参数的函数
带参数的函数函数参数： 在函数的调用中，也可以传递值，这些值被称为参数 例：demo（arg1，arg2）;参数的个数可以任意多，每个参数通过”，“隔开注意： 参数在传递时，其顺序必须一致参数 ： 通过传递参数的个数以及参数的类型不同完成不同的功能<script> function demo(a,b){ var sum = a+b; aler
2017-03-18 11:26:54
231
原创 3.3Javascript函数-调用函数
函数调用函数调用： 函数在定义好之后，不能自动执行，需要进行调用调用方式：在<script>标签内调用在HTML文件中调用例子 在<script>标签内调用<script> function demo(){ var a = 10; var b = 20; var sum = a+b; alert(sum);
2017-03-16 22:30:35
317
原创 3.2Javascript函数-定义函数
定义函数定义函数 function 函数名() { 函数体；(代码块) }注意： JavaScript对大小写十分敏感，所以这里的function必须小写。在函数调用时，也必须按照函数的相同名称来调用函数例子<script> function demo(){ var a = 10; var b = 10; var
2017-03-15 00:24:33
326
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人