web前端
文章平均质量分 82
文初阳
如果我只是写给自己看,如果这只是我的杂乱无章的笔记......
展开
-
ionic项目开发问题整理
ionic项目开发问题整理基础程序安装安装android atudio,会自动安装sdk。手动设置gradle环境变量下载nodejs,会包含npm提示未安装python之类的按提示安装对应的python版本。msbuild error msb4132 无法识别工具版本 2.0 。可用的工具版本为 4.0安装 .net Framework 3.5版本(3.5会包括2.0和3.0)...原创 2020-03-04 14:09:23 · 370 阅读 · 0 评论 -
JavaScript运算符规则
JavaScript运算符规则从sb说起console.log((!(~+[])+{})[--[~+""][+[]]*[~+[]]+~~!+[]]+({}+[])[[~!+[]]*~+[]])控制台输出此段字符,你会得到"sb"。有没有那么点把丝头疼…让我们顶着头疼分析一下运算符在这里(!(~+[])+{})[--[~+""][+[]]*[~+[]]+~~!+[]]+({}+[])[[~!...原创 2020-01-07 15:16:28 · 415 阅读 · 0 评论 -
DOM事件
DOM事件DOM 0 在前端领域一片混沌的时候,浏览器DOM事件的实现并没有一个统一的标准,各浏览器互相借鉴实现了一些事件监听。W3C出来之后,把这些之前分别实现的事件监听做了一个汇总,称为DOM level 1,在此之前这些浏览器实现的叫做DOM level 0。所以DOM 0是那时候的事实标准。 注意点: 当时浏览器实现了包括onclick在内的一些事件,其中有一点需要特...原创 2018-04-25 09:39:58 · 222 阅读 · 0 评论 -
移动端的适配
网页移动端适配的胡乱分析由viewport到移动端页面适配 如果你想认真仔细地了解可以看看这一篇博客 对于viewport,字面意思是视口,也就是我们正常能看见的窗口。有大神把viewport分为layout viewport(浏览器默认的viewport,基本大于浏览器可视区域), visual viewport(浏览器的可视区域) 和 ideal viewport(移动设备理想的...原创 2018-04-18 17:54:39 · 608 阅读 · 0 评论 -
数组去重
数组去重可参考此篇一个宇宙通用的去重方案function unique(arr){ let newArr = [] for(let i = 0, length = arr.length; i < length; i++){ for(var j = 0, len = newArr.length; j < len; j++){ if(newA...原创 2018-04-17 17:47:37 · 175 阅读 · 0 评论 -
DOM API简析
DOM API简析DOM释义 API通俗的来讲,就是人家提供给你的,让你可以直接使用的东西。DOM,Document Object Model,文档对象模型。这里的文档以前特指xml文档,这也就是我们在html里边使用DOM API那么难用的原因,它一开始就不是给html使用的。 所谓Document Object Model,本质上还是一种model,将document(xml...原创 2018-03-28 19:13:43 · 5582 阅读 · 0 评论 -
jQuery入门
jQuery入门什么是jQuery 首先,什么是jQuery?jQuery中文文档的定义是jQuery是一个高效、精简且功能丰富的JavaScript工具库,除去一些修饰语,那它就是一个工具库。库是什么?库是特定种类的API。我们知道函数的封装是为了消除冗余代码,如果有一堆函数实现的功能有某种内在的联系,比如说都是对元素的操作,那我们是不是可以把它们放到同一个地方,与其他函数区分开来...原创 2018-04-03 23:27:05 · 190 阅读 · 0 评论 -
jQuery原型
jQuery的原型 鉴于该死的控制台给我输出了一些奇奇怪怪的东西让我十分茫然所以无奈之下稍稍了解了一下jQuery的原型相关知识,可能不是那么的深入不要见怪。 问题的起源是使用jQuery获取元素,结果集的原型(共有属性)是什么。 当然,先说说原型的故事。原型 原型,维基百科的解释是原型是首创的模型,代表同一类型的人物、物件、或观念。在js里边,原型就是共有属性。 ...原创 2018-04-01 17:27:46 · 1062 阅读 · 0 评论 -
浅谈js变量声明
—-浅谈js变量声明 或者确切地说应该是变量声明以及与之相关的一些东西。 这里只谈四种声明方式(var,function,let,const),其它的声明方式以后有接触再更新。‘var’ VS ‘let’ var貌似是最常用的,在ES6还没出来的时候只能用var来声明一个变量,var声明的变量只有函数能对其构成作用域。这样的话会出现一些意料之外的问题,比如如果你的页面里有一...原创 2018-04-08 21:24:56 · 1427 阅读 · 0 评论 -
桌子与堆叠上下文
桌子与堆叠上下文 或许有人会问,桌子与堆叠上下文有什么关系?我想说一句很欠揍的话,它们没什么关系。 那我为什么要取个这样的标题呢?因为你们都认识桌子,却不一定能认出来堆叠上下文。但是我如果问你什么是桌子,你怎么说?它并没有一个明确的定义,但是你看到一个东西,就可以知道它是不是桌子。同样的,你在mdn上搜索堆叠上下文(层叠上下文),你看到的是“文档中的层叠上下文由满足以下任意一个条件的元素...原创 2018-05-09 21:31:39 · 210 阅读 · 0 评论 -
AJAX初探
AJAX初探发请求的几种方式form表单可以发GET请求和POST请求,不支持其它的请求方式比如PUT,DELETE等。并且会刷新当前页面或者新开一个页面。a标签只能发GET请求。同样会刷新当前页面或者新开页面。img标签只能发GET请求。并且只能以图片的形式展示。link标签只能发GET请求。并且只能以css或者favicon形式展示。script标签只能发GET请求。并且只能...原创 2018-05-21 00:31:53 · 182 阅读 · 0 评论 -
AJAX第二部
AJAX闲聊….请求四个部分的设置&响应四个部分的获取 一个http请求包括以下四部分: 第一部分包括请求的method,url以及请求所使用的协议和版本号,比如GET /xxx HTTP/1.1。 第二部分是请求头,一堆key和value,比如Host: www.baidu.com,Accept: text/html,Content-Type: application/...原创 2018-05-25 10:06:01 · 176 阅读 · 0 评论 -
论jsonp和用户体验的提高
论jsonp和用户体验的提高 要说jsonp的来源,还是离不开用户体验以及程序员伟大的智慧。事情的开始是这样的……什么是数据库? 学过计算机的可能会脱口而出SQL Server, MySQL, Oracle等等,但是我要说的跟这些术语没有关系。数据库,是一个用来存储数据的仓库。没有问题吧? 如果现在我们有一个需求,操作数据的需求…. 你现在有100块钱,点击页面中的一个...原创 2018-05-15 20:24:11 · 178 阅读 · 0 评论 -
一道面试题的解析
原题function Foo(){ getName = function(){ alert(1) } return this}Foo.getName = function(){ alert(2) }Foo.prototype.getName = function(){ alert(3) }var getName = function(){ alert(4) }functi...原创 2018-08-30 10:28:39 · 274 阅读 · 1 评论 -
js零散知识点之与或运算
逻辑与和逻辑或 逻辑运算中,0表示false,1表示true。 逻辑与的运算规则是:0&&0 == 00&&1 == 01&&0 == 01&&1 == 1 逻辑或的运算规则是:0||0 == 00||1 == 11||0 == 11||1 == 1 在很多语言中逻辑与和短路与是有区别的,一般情况下...原创 2018-10-24 10:12:16 · 444 阅读 · 0 评论 -
new到底在做什么
new到底在做什么面向对象 面向对象的思想存在于大多数编程语言中,比较典型的是Java。与之相对应的是面向过程,比如站在程序猿鄙视链上端的C语言。在Java等面向对象的编程语言风靡的现在,“面向对象”似乎已经是一个程序员必备的知识点了。而鉴于“对象”这个名词的多义性,又进一步提高了这个词的出现频率。但是,真的有人能说的清楚什么是面向对象吗? 有人说,万事万物皆对象。 有人说,面向对象...原创 2018-10-27 00:43:24 · 393 阅读 · 0 评论 -
让人头疼的this
this是什么 this是函数运行时所在的环境变量,是call的第一个参数。 以及你需要注意的是,this这个鬼东西动不动就会变成window。怎么找this作为对象方法调用var obj = { 'fn': function(){ console.log(this) }}obj.fn() 此时打印出来的this指的是obj这个对象。在函数作为对象方法调用的...原创 2018-10-24 22:04:31 · 182 阅读 · 0 评论 -
从一个前端菜鸟的角度聊一聊虚拟DOM
从一个前端菜鸟的角度聊一聊虚拟DOM 想要解释一下标题,对于虚拟DOM我并没有去深入了解,只是略微知道个大概原理,这里也只是略微说一下原理。虚拟DOM是什么 首先,什么是DOM? Document_Object_Model,文档对象模型。将html页面元素与一个个的对象一一对应,方便我们使用js来操控html文档。此处就不细讲了,具体可以看这里。 那么,虚拟DOM又是什么呢? ...原创 2018-11-01 18:30:43 · 523 阅读 · 0 评论 -
js滑动动画效果
使用js制作简单的滑动动画效果(初级)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS animation</title> <style> *{ margin: 0; padding: 0;原创 2018-03-14 12:30:59 · 4914 阅读 · 0 评论 -
js里的函数
js中的函数函数是一段可以重复调用的代码块,也是一个对象,为了解决代码重复的问题。函数的5种声明方式1.具名函数 function f(x,y){ return x+y} 这里function的作用相当于var,var用来声明一个变量,而function用来声明一个函数。var声明的变量可以有多种类型,而function声明的函数只能是function。2. ...原创 2018-03-23 12:22:10 · 1423 阅读 · 0 评论 -
js中的数组
js中的数组 window(global)全局对象在heap(堆内存)中对应的hash表里存储的东西包括有标准库和非标准库。标准库包括有String()、Number()、Boolean()、Object()、Array()、Function()等等。 js中声明一般有两种方法,拿number类型的数据举例,你可以写成var n = 1或者是var n = new Number(1)前者...原创 2018-03-22 18:17:17 · 181 阅读 · 0 评论 -
从URL输入到页面展现发生了什么...
前端基础知识,URL到页面展现...原创 2017-11-21 21:22:20 · 233 阅读 · 0 评论 -
http入门
HTTP入门WWW的发明(包括一些基本概念以及专有名词)起步:万维网(World Wide Web)—-WWW。Tim Berners-Lee(后边称为李爵士)在1989年至1992年间,发明了WWW,一种适用于全世界的网络。 主要包含三个概念: 1. URI—-Uniform Resource Identifier,统一资源标识符,俗称网址。 你会不会认为我写错了,网址原创 2018-01-11 12:18:33 · 791 阅读 · 0 评论 -
Node.js和EMMET简单使用指南(未整理,慎入)
emmet和node.js的使用,很简单很基础的工具使用指南。原创 2018-01-03 18:52:37 · 465 阅读 · 0 评论 -
网络与IP
网络与常用IP 我们知道网络传输用的是http协议,但是事实上http只规定了你请求和响应的四个部分怎么写,并没有规定怎么传输。怎么传输建立在TCP/IP协议上。http控制如何书写内容,TCP控制如何传输,IP控制如何联网(没有IP无法联网)。TCP 虽然我是一个软件工程专业的学生,但由于我是学前端的,所以对这个不打算太深入了解。据说知道下边这两个问题就足够了。 1. TCP和原创 2018-01-12 16:02:58 · 179 阅读 · 0 评论 -
一个简单的服务器
用你的电脑做一个简单的服务器,方便更好地理解从URL到页面输出发生了什么。。原创 2018-01-13 01:14:22 · 188 阅读 · 0 评论 -
vim使用手册
vim使用手册最最基础的存活之法 事实上,我当初把Linux命令行基础和vim放到同一篇博客里写过。但是接触的稍微多了一些突然发现当时的理解还是不够。改起来太麻烦并且那里做一个备忘录还是不错的,所以就重开一篇咯。 首先,vim并不需要你安装,它是命令行内置的。Linux上可以直接用,Windows上安装了Bash之后输入vi或者vim也可以进入。 学习vim我们首先来学一些———原创 2018-01-13 16:45:02 · 328 阅读 · 0 评论 -
HTML小知识
关于HTML的一些小知识 要说HTML也实在没什么写的,不难但是东西有点碎。想起什么写些什么吧!空元素参考MDN文档 所谓空元素,就是没有子节点的元素。所有的单标签元素都是空元素。HTML中包括有如下空元素:area>base>br>col>colgroup>command>embed>hr>img>input>keygen>link>meta>原创 2018-01-14 17:31:33 · 218 阅读 · 0 评论 -
HTML5基础
- HTML文档的结构基本结构html> head> meta name="author" content="wcy"> title>My First HTML Filetitle> head> body> p>Hello World!p> body>html>这是一个简单的html文档,包括有doctype声明、head以及body原创 2017-07-26 22:23:25 · 461 阅读 · 0 评论 -
bfc和ifc以及前端基础的一些东西(未整理)
前端基础这里只写一些易混淆的点,以后有空再更新。 1. 选择器 [checked]{…}—-表示的是选中的状态 2. .logo+.active {…}—–表示的是相邻选择器的状态 3. #header.logo{…} —–中间不加空格表示的是...里边的状态 4. .logo~.active{…} —–表示所有相邻元素 5. .logo::before {…} —–伪类元素 6原创 2018-01-05 15:39:33 · 987 阅读 · 0 评论 -
脚本编程基础知识
你以为什么是脚本? 不知道你有没有接触过高级编程语言,比如C、C++、Java等,这些语言的执行通常需要经过编写-编译-链接-运行等过程,而脚本语言则不然。一个脚本通常是解释运行而非编译。 我们在维基百科上搜Script(脚本),得到的结果有两个——剧本和脚本程序。虽然说两个是不一样的东西,但依然是可以放在一起理解的。所谓的剧本,就是演员照着一步一步做的东西。比如下边的这一段原创 2018-01-08 14:11:28 · 2237 阅读 · 0 评论 -
Linux命令行基础及vim基本操作
写在前面—— 1. 大小写 2. 空格 3. 到底运行的是几个命令 后边自己写的时候出问题了想想这三条。。。一、 Linux命令行基础 我们常用的操作系统基本上是图形界面的,展示在我们面前的不是一个黑黢黢的dos窗口而是丰富多彩的可视化界面,但这并不意味着命令行已经out了,这里不讨论它存在的必要性或者说有多方便什么的……反正我是没看出来有多好用。不过总还是要会一...原创 2017-11-23 11:06:06 · 6683 阅读 · 0 评论 -
css笔记
CSS,全称Cascading Style Sheets,翻译过来是“层叠样式表”。顾名思义,给网页加样式用的。如果你想系统地学习css,你可以看css文档(css3将css分为几个不同的功能模块,然后分别写文档),当然,这操作很不省心。所以你可以试着以项目为出发点来熟悉css,了解它的一些特性。我就是这样做的。这里是我的一些总结。工具css tricks,主要有css的一些小技巧。原创 2018-01-26 01:00:07 · 246 阅读 · 0 评论 -
前端知识体系及一些细碎的叨叨叨
自学前端需要学什么 我猜这是很多新手都会面临的问题,先开始的时候我想学C语言,因为想做一个黑客,后来啊,觉得网页很有趣,所以选择了前端。真的开始学起来的时候才发现好像踩了一个坑……大学虽然是软件工程专业但其实并没有接触太多前端,只依稀知道有个html5有个css3还有个JavaScript,后来看一些公司招聘要求里边有什么响应式啊浏览器的兼容性啊,vue,ES6,jQuery,react原创 2017-12-24 14:30:37 · 373 阅读 · 6 评论 -
HTML基础知识
HTML基础知识入门 HTML全称:HyperText Markup Language。李爵士创立了HTML,离开公司后创办了一个组织——W3C委员会。 W3C根据浏览器的实际情况总结制定HTML规范文档。 HTML有很多版本,从HTML4.01到XHTML再到HTML5,版本类型由HTML文件头部的DOCTYPE声明,比如HTML5的声明为<!DOCTYPE html&g...原创 2018-01-19 08:47:25 · 454 阅读 · 0 评论 -
JavaScript历史杂谈
JavaScript历史杂谈 1990年底,欧洲核能研究组织(CERN)科学家Tim Berner-Lee在互联网的基础上发明了万维网(World Wide Web),从此可以浏览网页文件。 1992年底,美国国家超级电脑应用中心(NCSA)开发了一个独立的浏览器Mosaic。 1994年10月,NCSA的一个程序员Marc Andreessen联合风险投资家Jim Clark成立...原创 2018-02-26 17:54:41 · 176 阅读 · 0 评论 -
JavaScript数据类型及对象(js基础知识)
JavaScript中的数据类型 JavaScript中有七种数据类型,分别是number、string、boolean、symbol、undefined、null、object。我们所见到的数组以及函数等,并不是独立的一种数据类型,而是包含在object里的。number 数字类型。1. 十进制。表示数可以有’1’,’1.1’,’1.11e2’(科学计数法表示111)以及’...原创 2018-03-07 15:52:42 · 3641 阅读 · 0 评论 -
居中的几种实现方式
css小技巧之实现居中的几种方式横向居中如果需要居中的是内联元素的话,给父级元素加上text-align: center即可。 如果是块级元素,那就给自身加上margin: 0 auto,上下的margin为0,左右auto就会自动居中。 如果多个块级元素放到一行并居中,你可以使用display: inling-block把他们变成内联元素,然后再在父级元素上使用text-alin...翻译 2018-03-09 15:35:50 · 212 阅读 · 0 评论 -
关于JavaScript获取元素
零零散散地接触了一些关于js获取元素的知识,于是整理了一遍。获取元素的三种方式通过id获取元素。document.getElementById("myid");这里注意一下,id获取到的是一段html代码即DOM对象,我们在控制台打印出来之后是这样的 没法直接获取该div样式表中的width值,像console.log(mainwa.style.width);...原创 2017-11-16 20:43:13 · 1962 阅读 · 0 评论