- 博客(35)
- 收藏
- 关注
原创 ## Vue.js-渐进式javaScript框架,vue的基础内容整理,待补充
声明式渲染Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统;Vue.js的应用可以分为两个重要的组成部分:视图:注释:首先创建一个ID为app的DIV标签注释:左右双大括号的方式声明变量 {{ message }}脚本:注释:通过new Vue的方式获得Vue的应用,返回一个应用对象,Vuevar app = new Vue({注释:对象中的属性el: ‘#app’,注释:el=element, 元素,通过ID选择器选中data:{注释:
2020-09-24 10:50:49
247
原创 less(css预编译语言)(待补充)
1、less是css的预编译语言,使css具备动态语言特征(运行时确定数据类型,一个变量可以赋不同数据类型的数值)
2020-08-13 16:42:50
180
原创 前端开发中的组件化,模块化,自动化,规范化,标准化代码,语义化,代码工程化的一些理解(待补充)
前端组件化初期,前端页面中的css,javascript是写在一起的,整个文档包块三种内容,不方便管理,便通过link引入css文件以及通过scirpt标签的src属性引入js文件的方式将结构层,表现层,行为层互相分开;当网页越来越复杂,网页的界面也可以从UI界面的角度被分为不同的区域,拆分为一个个板块,此时对这一个个板块进行单独编写,让其包括完整的html,css,javascript内容,类似一个局部的网页,使之形成一个可以重复使用的组件;模块的概念:模块化是从代码逻辑的角度划分,方便代码分层开
2020-08-09 15:44:51
1019
原创 全栈工程师之HTTP概述(待补充)
HTTP简介:HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于万维网(WWW:World Wide Web)服务器传输超文本到本地浏览器的传送协议;HTTP基于TCP/IP通信协议来传递数据;HTTP工作原理HTTP协议工作与客户端-服务端之间,客户端在前端的工作中常常被理解为浏览器,而服务端就是所说的”后端“,浏览器作为HTTP中的客户端通过URL向HTTP服务端即后端WEB服务器发送请求;Web服务端:有服务端专用软件,或者node这
2020-07-31 20:07:42
138
原创 JavascriptWebAPI中的DOM知识点及结构操作
DOM的本质(document object model)DOM就是JS能识别的HTML结构,一个普通的JS对象或者数组<?xml version="1.0" encoding="UTF8"?><note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me t
2020-10-28 17:55:48
221
原创 Javascript-Web-API
分类javascript基础知识:ECMA 262标准,基本的语法标准;Javascript-Web-API:W3C标准,浏览器的标准;w3c标准中关于Javascript的规定有:1、DOM操作-Document Object Model2、BOM操作-Browser3、事件绑定4、ajax请求(包括http协议)5、存储通过这些个标准,就能够让开发者实现以上的操作;举例一:页面弹框,window.alert(123),浏览器需要做:第一步、定义一个window全局变量,对象类型;
2020-10-28 15:58:35
175
原创 javascript中关于异步和单线程的理解
同步按照从上往下的代码执行方式执行,同步会阻塞代码的执行;异步在执行本行代码时,不会阻塞下一行代码的执行;
2020-10-26 21:15:52
109
原创 javascript中作用域和闭包的知识点
作用域和闭包的知识点-执行上下文:1、范围:一段-this:-作用域:-作用域链:-闭包:变量提升的理解说明this几种不同的使用场景创建10个标签,点击的时候弹出来对应的序号如何理解作用域实际开发中闭包的应用...
2020-10-23 21:17:16
164
原创 javascript中原型规则及检测方法,原型链
五条原型规则1、所有的引用类型(数组、对象、函数),都具有对象特性,即可自由扩展属性(除了"null"意外);2、所有的引用类型(数组、对象、函数),都有一个_proto_属性(隐式原型属性),属性值是一个普通的对象;3、所有的函数,都有一个prototype属性(显示原型属性),属性值也是一个普通的对象;4、所有的引用类型(数组、对象、函数),proto(隐式原型属性)属性值指向它的构造函数的"prototype“(显示原型)属性值;5、当试图得到一个对象的某个属性时,如果这个对象本身没有这个属
2020-10-14 19:44:53
681
原创 javascript中构造函数的理解以及关于实例化的理解以及举例
function Foo(name,age){this.name = namethis.age = agethis.class = ‘class-1’//return this //默认有这一行内容}构造过程var f = new Foo(‘zhangsan’,20)//var f1 = new Foo(‘list’,22) //创建多个对象,传入不同的参数,通过new得到不同的实例;实例化的意思:将一个抽象的概念,具体到该类事物的过程;实例化是指在面向对象的编程中,把用类创建对象的过程
2020-10-14 19:44:28
502
原创 javascript中变量类型和计算的例题
例题:值类型:var a = 100; var b = a ;输出a=100b=100再赋值a=200b此时还是100值类型不会因为赋值而相互干预引用类型:var a = {age:20}var b = ab = {age:20}a = {age:20}b.age = 21输出b = {age:21}a = {age:21}c.age = 22输出b = {age:22}...
2020-10-14 19:44:02
230
原创 关于JSON的一些理解,随时补充
//问题:如何理解JSON//JSON 只不过是一个javascript对象而已,以及一种数据格式举例:JSON.stringify({a:10,b:20})JSON.parse(’{“a”:10,“b”:20}’)
2020-10-14 19:43:33
106
原创 javascript中变量类型and计算注意事项
javascript中使用typeof方法能得到那些类型何时使用三个等于号何时使用两个等于号javascript中的内置函数javascript变量按照存储方式区分为哪些类型,这些变量有什么特点如何理解JSON变量类型1、值类型VS引用类型:作用于不同的内存,引用类型赋值的是一个内存地址;2、typeof运算符详解:typeof undefined //undefinedtypeof ‘abc’ //stringtyp
2020-10-14 19:43:07
118
原创 css-图文样式(继承and响应式)
line-height继承整理1、写具体数值,如30px,则继承该值;2、写比例,如2/1.5,则继承该比例;3、写百分比,如200%,则继承计算出来的数值(考点),百分比需要计算;
2020-10-14 19:42:31
119
原创 clear-fix代码
样式.clearfix:after{ content:''; display:table; clear:both;}在html中直接套用类
2020-10-06 16:57:16
242
原创 float 布局(内容包括:圣杯布局、双飞翼布局)
圣杯布局和双飞翼布局的目的:1、三栏布局,中间一栏最先加载和渲染,将中间一栏的内容置于代码的最上面一层,因为代码的执行顺序是从上往下执行的;2、两侧内容固定,由容器的外边距撑开,中间内容随着宽度自适应;3、一般用于PC网页;圣杯布局和双飞翼布局的技术总结:1、使用float布局;2、两侧使用margin负值,以便和中间内容横向重叠;3、防止中间内容被两侧覆盖,一个用padding,一个用margin;圣杯布局演示代码样式部分:1、center\left\right都属于colum类下;
2020-10-06 16:50:51
331
1
原创 前端内容整体记录,各个博客是详细内容
HTML5新增内容语义化标签栏音视频处理(元素,元素)canvas/webGL(js绘制图形的方式或3D绘制图形的方式)history APIrequestAnimationFrame(一种动画方案)地理位置(Geolocation API)web scoket…CSS3常规动画盒子模型响应式布局…javaScriptECMAScript 3/5/6/7/8/9DOMwBOM设计模式底层原理1、堆栈内存2、闭包作用域 AO/VO/GO/EC/ECSTAC
2020-09-07 21:19:25
236
原创 javascript面向对象编程的概念,应用(复杂)
面向对象编程的概念面向对象的特点:1、封装:将细节隐藏,不向外部暴露;2、继承:子类对父类的继承;3、多态:不同对象的同一方法会不相同,例如不同的职业对应不同的工作,工作就类似于封装的方法;面向对象编程的应用有待整理...
2020-08-10 18:55:34
288
原创 前端交互动态功能源码收录网址汇总
12个创新的网页界面交互和动画效果:http://www.yyyweb.com/3470.html;js动画库:https://www.cnblogs.com/shiyanlou/p/10735529.html;经典特效预览: https://www.cnblogs.com/i7758/p/4584923.html;
2020-08-10 18:09:47
488
原创 响应式网页设计的概念和应用
响应式网页设计的概念摘自百度百科:响应式网站设计是一种网页网页设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。响应式理念的应用方向围绕着显示设备的几个方面,响应式理念被应用于:调整分辨率、触屏和鼠标、响应式的图片文字。响应式具体内容例如字体的响应式布局是使用rpx单位(responsive pixel),可以根据屏幕宽度进行自适应;相对的,屏幕分辨率、触屏、鼠标、图片也可以通过相应的单位,标签来实现,有待整理。...
2020-08-10 18:02:54
644
原创 前端中的各个技术如何实现优化
优化的必要性没有优化的网站会产生各种问题,例如不支持移动设备,浏览器兼容性差,加载时间过长等等。优化HTMLCSS的放置:通常网页设计者会在创建了HTML骨架后来创建层叠样式表,此时往往会将样式表写在HTML的下方,但为了确保正常的渲染过程,应该将层叠样式表放置在HTML的上面部分;例如: <head> <link href='https://www.a.com' rel='stylesheet' type='text/c'> </head>JavaSc
2020-08-03 19:34:28
241
原创 全栈工程师之NPM概述
NPM(Node Package Management)综述npm,翻译过来就是节点包管理系统,是javasctipt世界的包管理工具,并且是Node.js平台默认的包管理工具,通过npm可以安装、共享、分发代码,管理项目依赖关系。npm原理1、项目或系统化代码的作者使用npm publish把代码提交到registry(一个服务器被用作代码仓库);2、想使用代码的人,把相应文件写到package.json里,然后运行npm install;3、npm将下载完的代码发送到node_modules目
2020-07-31 20:56:38
382
1
原创 全栈工程师之GitHub概述
GitHub是什么GitHub是一个开源的托管服务,以不同的编程语言托管代码项目;GitHub可以让更多人看到你的项目,并回顾以前的版本,类似代码的云存储空间,目前用户数量已超过2800万人;由于GitHub社区的广度,可以在其中找到目前从事的项目或者适合你组织的经验,技能,或者是有这些技能的程序员;GitHub令人兴奋的特点:可以完成多人异地协调,在工作中你可能有多个人同时处理项目,其中许多人可能位于不同的位置,甚至可能位于不同的国家/地区,通过GitHub协作,你可以为不同的协作者建立一个系统
2020-07-29 18:37:46
415
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅