移动端开发知识点2

1. 自适应布局(BFC触发) 左侧固定右侧自适应: .left { width: 200px; height: 200px; background-color: green; float: ...

2019-08-19 19:59:59

阅读数 29

评论数 0

webpack处理less、图片和字体

1. 处理 less 文件 步骤: 1 安装包: npm i -D less-loader less npm i -D style-loader css-loader 2 在 webpack.config.js 的 module 中添加一个规则 2. 处理图片文件url...

2019-08-17 17:07:15

阅读数 8

评论数 0

webpack打包处理

简介 webpack 是前端最流行的打包工具,能够做到以下:1) 将 sass/less 等预编译的CSS语言 转化为 浏览器能够识别的 css 文件 2 )能够将多个文件(比如:多个sass文件)打包生成一个文件 3 )能够打包 images/styles/assets/scripts 等前端...

2019-08-17 16:47:56

阅读数 11

评论数 0

nrm介绍

nrm 说明 npm服务器是在国外的,所以下载速度会比较慢,所以我们可以设置npm,让其下载包的时候,从国内的服务器上进行下载。 设置npm让其从国内服务器下载,需要用到一个工具,这个工具就是nrm 安装 npm install nrm -g 使用 1. 查看可用的服务器列表 n...

2019-08-17 15:34:11

阅读数 7

评论数 0

package.json文件

package.json 作用 package.json文件就是用来描述一个包的信息的! 只要一个文件夹中有一个合格的pacakge.json文件,那么这个文件夹就可以被称为是一个包! 合格的定义:必须包含两个属性 name version package.json文件中的属性 ver...

2019-08-17 15:27:38

阅读数 9

评论数 0

npm简介

Node Package Manager ——node包管理工具 三个关键内容 npm服务器 npm网站(www.npmjs.com) npm命令行工具 npm安装 只要安装好了node, 那么npm就自动安装好了 npm命令行工具的使用 在node装完之后,...

2019-08-17 15:14:01

阅读数 9

评论数 0

移动端开发知识点1

1. 移动端开发分类 原生app(native app) 混合app(Hybrid app) web应用(webApp) 原生app(native app) 原生app是基于操作系统的开发,比如安卓,ios,windows phone,他们只能在各自的操作系统上运行...

2019-08-16 19:26:50

阅读数 16

评论数 0

ES6——Promise的使用

Promise Promise是用来解决回调地狱问题。 setTimeout(function () { console.log('1s后要做的事情') setTimeout(function () { console.log('2s后要做的事情'...

2019-08-16 15:46:32

阅读数 14

评论数 0

ES6知识点

1. 变量相关的 let const 都不可以重复声明 都有块级作用域 3. const必须在声明的时候赋值 const声明的变量不能被修改值 2. 对象相关的 对象的简写 : var name = "王春生"; var obj = { ...

2019-08-16 14:58:53

阅读数 17

评论数 0

React-Router

参考链接:https://segmentfault.com/a/1190000017140200 react-router-dom这个包,给我们声明了很多的组件,我们可以直接导入这些组件去使用,就可以完成我们想要的路由相关的功能 原理:实现URL与UI界面的同步。其中在react-router...

2019-08-16 11:14:18

阅读数 22

评论数 0

react基础知识2

1. 事件处理 React 事件的命名采用小驼峰式(camelCase),而不是纯小写。 使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。 在react的事件处理程序中,内部的this是指向undefined // 解决方案1: 通过this.clickFn.bin...

2019-08-16 10:22:15

阅读数 18

评论数 0

react基础知识1

1. react概述 1.1 react介绍 react 用于构建用户界面的 JavaScript 库 。 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MV* 框架,都不满意,就决定自己写一套,用来架设 Instagram 照片墙 的网站(...

2019-08-16 09:08:37

阅读数 14

评论数 0

npm安装semantic-ui-react和semantic-ui-css出现问题

1.npm i semantic-ui-react安装出现问题: 解决方法: npm cache clean --force 2.npm i semantic-ui-css安装出现问题: 解决方法: npm cache clean --force

2019-08-12 16:10:53

阅读数 21

评论数 0

AJAX——同源与跨域2

参考链接:https://www.cnblogs.com/sdcs/p/8484905.html 1. 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1、资源跳转:A链接、重定向、表单提交 2、资源嵌入:<link&...

2019-08-11 22:01:41

阅读数 15

评论数 0

AJAX——同源与跨域1

同源与跨域 1. 同源 同源策略的基本概念 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。同源策略:最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源"。所谓"同源"指的是&...

2019-08-11 20:53:19

阅读数 11

评论数 0

XMLHttpRequest2.0

XMLHttpRequest2.0 XMLHttpRequest是一个javascript内置对象,使得Javascript可以进行异步的HTTP通信。2008年2月,就提出了XMLHttpRequest Level 2 草案。 老版本的XMLHttpRequest的缺点: 1. 仅支持传...

2019-08-11 20:29:50

阅读数 12

评论数 0

js和jquery获取各种宽高

Javascript各种宽高 alert(document.documentElement.clientWidth || document.body.clientWidth) // 可视区域宽度 alert(document.documentElement.clientHeight || d...

2019-08-11 19:25:35

阅读数 17

评论数 0

AJAX——瀑布流布局

瀑布流案例 封装jQuery瀑布流插件 //特点分析: //1. 跟以前的瀑布流不一样的是,这次的瀑布流固定版心为1200px //2. 瀑布流固定摆放5列,每一列的宽度固定为232px。 //思路分析: //1. 计算每一列之间的缝隙 //2. 初始化一个数组,用户存储每一列的高度 [0...

2019-08-11 17:06:04

阅读数 12

评论数 0

AJAX——模板引擎

模板引擎 是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。 为什么要使用模板引擎 我们通过ajax获取到数据后,需要把数据渲染到页面,在学习模板引擎前,我们的做法是大量的拼接字符串,对于结构简单的页面,这么做还行 ...

2019-08-11 16:05:01

阅读数 9

评论数 0

AJAX——接口化开发(短信验证与用户注册)

接口化开发 请求地址即所谓的接口,通常我们所说的接口化开发,其实是指一个接口对应一个功能, 并且严格约束了请求参数 和响应结果 的格式,这样前后端在开发过程中,可以减少不必要的讨论, 从而并行开发,可以极大的提升开发效率,另外一个好处,当网站进行改版后,服务端接口进行调整时,并不影响到前端的功能...

2019-08-11 14:56:17

阅读数 10

评论数 0

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