12 2018 档案
摘要:Vue入门基础基础 TypeScript 为 JavaScript 带来静态类型检查,让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。 Vue 很早就支持 TypeScript,但配置起来比较麻烦,幸好有了 Vue CLI 3.0。安装好 vue-cli 之后,使用 vue
阅读全文
摘要:Ajax原理 AJAX即“Asynchronous Javascript And XML”,是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。它可以令开发者只向服务器获取数据(而不是图片,HTML文档等资源),互联网资源的传输变得前所未有的轻量级和纯粹,这激发了广
阅读全文
摘要:JavaScript 的对象继承方式,有几种写法? 一、对象冒充 其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可使 Parent 构造函数 成为 Children 的方法,然后调用它。Children 就会收到 Pare
阅读全文
摘要:GitHub团队项目合作流程 同步团队项目到本地时出现冲突怎么办? 项目负责人merge一个Pull Request后发现有错怎么回退? 目录: 零、前期准备 一、创建开发分支 二、Fork项目到个人的仓库 三、Clone项目到本地 四、和团队项目保持同步 五、push修改到自己的项目上 六、请求合
阅读全文
摘要:小程序学习入门--(一) 最近自己学习微信小程序的过程当中自己总结出来的知识点,我会不断地更新和完善! 小程序的开发工具 一台电脑 熟悉HTML、CSS、JS基本语法 开发工具: 微信web开发者工具 官方demo下载 小程序代码分析: 小程序通用文件(全局通用文件) app.js app.json
阅读全文
摘要:ES6(阮一峰)学习总结 1.块级作用域的引入 在ES6之前,js只有全局作用域和函数作用域,ES6中let关键字为其引入了块级作用域。 { var a = 5; let b = 6; } console.log(a); //5 console.log(b); //b is undefined le
阅读全文
摘要:callback,promise,generator,async-await 的简介 javascript异步的发展历程。 ES6 以前: 回调函数(callback):nodejs express 中常用,ajax中常用。 ES6: promise对象:nodejs最早有bluebird prom
阅读全文
摘要:小程序入门经典技巧 1:小程序如何设置页面路径?2:小程序如何设置默认页面窗口表现?3:小程序如何设置底部tab表现?4:小程序如何设置网络超时时间?5:小程序如何进行数据绑定? 小程序如何设置页面路径? 小程序如何设置默认页面窗口表现? 小程序如何设置底部tab表现? 小程序如何设置网络超时时间?
阅读全文
摘要:vue中的生命周期 1,vue生命周期简介: 1、beforeCreate 在实例初始化之后,数据观测和event/watcher时间配置之前被调用。 2、created 实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,
阅读全文
摘要:npm常用命令总结 1 npm升级 $ sudo npm install npm -g 淘宝镜像 $ sudo npm install cnpm -g 2 模块 **安装模块** 安装nodejs的express框架$ npm install express 若出现错误 npm err! Error
阅读全文
摘要:Set&Map区别Array 在Set内部,两个NaN是相等。两个对象总是不相等的。可以用length来检测 四个操作方法: add(value):添加某个值,返回Set结构本身。 delete(value):删除某个值,返回一个布尔值,表示删除是否成功。 has(value):返回一个布尔值,表示
阅读全文
摘要:Node.JS 中的npm常用命令总结 1 npm升级 淘宝镜像 2 模块 安装模块 卸载模块 更新模块 搜索模块 创建模块 发布模块 3 package.json name – 包名 version – 包的版本号 description – 包的描述 homepage – 包的官网 url au
阅读全文
摘要:变量提升(Hoisting)的小案例 执行以下代码的结果是什么?为什么? 答案 这段代码的执行结果是undefined 和 2。 这个结果的原因是,变量和函数都被提升(hoisted) 到了函数体的顶部。因此,当打印变量a时,它虽存在于函数体(因为a已经被声明),但仍然是undefined。换言之,
阅读全文
摘要:常用的ES6方法 ES6之后,新增了定义变量的两个关键字,分别是let和const。 let和const都能够声明块级作用域,用法和var是类似的,let的特点是不会变量提升,而是被锁在当前块中。 实例-1: 唯一正确的使用方法:先声明-->再访问 const 声明常量,一旦声明,不可更改,而且常量
阅读全文
摘要:fetch 如何请求数据 在 传统Ajax 时代,进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱,对于刚入门的新手并不友好 二 与Ajax对比 使用Ajax请求一个 JSON 数据一般是这样: 同样我们使用fetch请求JSON数
阅读全文
摘要:promise的原理 一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有两种可能:从 pending 变为 fulfilled 和从 pending 变为 rejected。 promise 对象初始化状态为 pending ;当调用 resolve(成功),
阅读全文
摘要:前端额前端题库 阿里 使用过的koa2中间件 koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍pm2 master挂了的话pm2怎么处理 如何和MySQL进行通信 React声明周期及自己的理解 如何配置React-Router 路由的动态加载模块 服务端渲染SSR 介绍
阅读全文
摘要:React 中的 AJAX 请求:获取数据的方法 React 只是使用 props 和 state 两处的数据进行组件渲染。 因此,想要使用来自服务端的数据,必须将数据放入组件的 props 或 state 中。 首先引入 axios。 constructor 方法非常标准,调用 super,然后初
阅读全文
摘要:箭头函数的简单解释 箭头函数是一种简单的声明方式,可以看作是一种语法糖 回调函数中的应用 回调函数中的应用
阅读全文
摘要:5种跨域方式与原理 同源定义 如果两个页面拥有相同的协议(protocol),端口(如果指定),和主机,那么这两个页面就属于同一个源(origin) 1.jsonp script标签是不受同源策略影响的,它可以引入来自任何地方的js文件。 而jsonp的原理就是,在客户端和服务端定义一个函数,当客户
阅读全文
摘要:JS中常用开发知识点 1、获取指定范围内的随机数 2、随机获取数组中的元素 3、生成从0到指定值的数字数组 等同于: 4、打乱数字数组的顺序 5、对象转换为数组 //注意对象必须是以下格式的才可以通过此方式转化为数组 //获取的DOM集合,以及函数的arguments也可以通过此方式转化为数组 6、
阅读全文
摘要:react生命周期,react重点,react知识点
阅读全文
摘要:Vue常用指令 vue init webpack --savecd 跳转到vue项目文件夹npm run dev 启动vue项目npm install vue-resource使用proxy跨域,必须下载vue-resource,并且要到build/webpack.base.conf.js中配置 V
阅读全文
摘要:jquery jsonp跨域调用接口
阅读全文
摘要:jquery jsonp跨域调用接口
阅读全文
摘要:HTML5常见的面试题 一、HTML 常见题目 01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 02、HTML5 为什么只需要写 <!DOCTYPE HTML>? 03、行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 04、页面导入样式时,使用link和@impo
阅读全文
摘要:HTML5 基础测试题 1.HTML5 之前的 HTML 版本是什么?() A.HTML 4.01 B.HTML 4 C.HTML 4.1 D.HTML 4.9 2.HTML5 的正确 doctype 是?() A.<!DOCTYPE html> B.<!DOCTYPE HTML5> C.<!DOC
阅读全文
摘要:JavaScript中的基础测试题 1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码?() A.<script> B.<javascript> C.<js> D.<scripting> 2.写 "Hello World" 的正确 Javascript 语法是?() A.("H
阅读全文
摘要:JavaScript中的闭包 1 闭包--爱的初体验 在接触一个新技术的时候,我首先会做的一件事就是:找它的demo code。对于码农们来说,代码有时候比自然语言更能理解一个事物。 其实,闭包无处不在,比如:jQuery、zepto的主要代码都包含在一个大的闭包中,所以下面我先写一个最简单最原始的
阅读全文
摘要:JS实现缓存运动 刚开始运动时速度很快,最后阶段减速。 HTML代码: css代码: js代码:
阅读全文
摘要:GitHub上传项目,使用desktop(客户端)教程 搜索“GitHub上传项目”,能得到很多相关的文章教程,里面讲的都特别麻烦,要弄什么ssh之类的,可算是吓坏了我,使我非常的怀疑为什么GitHub不做一个直接拖拽项目文件夹的功能呢?但其实不然,上传过程很简便,不信来看看,完全不需要什么ssh啊
阅读全文
摘要:reac实现控制输入框字符长度 代码思路:
阅读全文
摘要:JavaScript中的常用的数组操作方法 一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2
阅读全文
摘要:React Refs React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。 这个特殊的属性允许你引用 render() 返回的相应的支撑实例( backing instance )。这样就可以确保在任何时间总是拿到正确的实例。 使用方法 绑定一个 re
阅读全文
摘要:Math 是数学函数,但又属于对象数据类型 typeof Math => ‘object’
阅读全文
摘要:第一种方法 第二种方法 第三种方法 第四种方法
阅读全文
摘要:请注意:有jQuery的封装函数 知识点:
阅读全文
摘要:obj--移动对象,dir--方向,target--目标点
阅读全文
摘要:1.$.post方法 $.post(url[,data][,callback][,type]) $.post(url[,data][,callback][,type]) url:请求的后台程序地址 data:发送到后台的数据 callback:载入成功时回调函数,该函数参数是从后台程序接收的结果 t
阅读全文
摘要:React中的核心概念 * 1 虚拟DOM(Virtual DOM) * 2 Diff算法(虚拟DOM的加速器,提升React性能的法宝) * 1 虚拟DOM(Virtual DOM) * 2 Diff算法(虚拟DOM的加速器,提升React性能的法宝) 虚拟DOM(Vitural DOM) Rea
阅读全文
摘要:学习React,生命周期很重要,我们了解完生命周期的各个组件,对写高性能组件会有很大的帮助. Ract生命周期 React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁 初始化 1、getDefaultProps() 设置默认的props,也可以用dufaultProps设置组件的默认属性
阅读全文
摘要:Virtual DOM 是一个模拟 DOM 树的 JavaScript 对象。 React 使用 Virtual DOM 来渲染 UI,当组件状态 state 有更改的时候,React 会自动调用组件的 render 方法重新渲染整个组件的 UI。 React 主要的目标是提供一套不同的, 高效的方
阅读全文
摘要:JavaScript和CSS实用工具、库与资源 JavaScript 库 Particles.js - 一个用于在网页上创建漂亮的浮动粒子的 JS 库; Three.js - 用于在网页上创建 3D 物体与空间的 JS 库; Fullpage.js - 易于实现全屏滚动功能的库; Typed.js
阅读全文
摘要:1-react概念: React是一个用于构建用户界面的JavaScript库。React主要用于构建UI,很多人认为React是MVC中的V(视图)。React起源于Facebook的内部项目。React 拥有较高的性能,代码逻辑非常简单。 2-react特点: 声明式设计−React采用声明范式
阅读全文
摘要:vue生命周期学习 {{message1}}
阅读全文
摘要:Vue实例从创建到销毁的过程,就是生命周期。 Vue的生命周期包括:开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。 在Vue的整个生命周期中,提供了一系列的事件,可以注册JavaScript方法,达到控制整个过程的目的,在这些JavaScript方法中的this直接
阅读全文
摘要:一、Vue入门基础知识 1、Vue使用的基本操作 i. 先下载,引入vue.jsii. Vue,实例化一个vue实例化对象(new Vue({})) 1. 新建一个vue实例化对象(Vue是一个构造函数) 2. 执行vue构造函数中每一句代码 3. 将新创建的vue实例化对象赋值给vue构造函数中的
阅读全文
摘要:网页特效库 华山论剑HTML5特效 2017新年快乐特效 CSS3+jQuery实现时钟插件 Html5入门实例"Far away from home" jQuery网页版五子棋小游戏源码下载 一句jQuery代码返回顶部 HTML5知识初级题目 jquery仿搜狐投票动画代码 jQuery简洁大方
阅读全文
摘要:加载器(Loaders) loader 是对应用程序中资源文件进行转换。它们是(运行在 Node.js 中的)函数,可以将资源文件作为参数的来源,然后返回新的资源文件。 示例 例如,你可以使用 loader 告诉 webpack 加载 CSS 文件,或者将 TypeScript 转为 JavaScr
阅读全文
摘要:webpack 是一个现代的 JavaScript 应用程序的模块打包器(module bundler)。 入口(Entry) webpack 将创建所有应用程序的依赖关系图表(dependency graph)。图表的起点被称之为入口起点(entry point)。入口起点告诉 webpack 从
阅读全文
摘要:基础知识: vue的生命周期: beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed vue常用指令: v-for、v-bind(缩写形式:prop)、v-on(缩写形式@click
阅读全文
摘要:JavaScript语言中,生成实例对象的传统方法是通过构造函数 基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用ES6的class改写。 上面代码定义了一个类,可以看到里面
阅读全文
摘要:什么是webpack? 他有什么优点? 首先对于很多刚接触webpack人来说,肯定会问webpack是什么?它有什么优点?我们为什么要使用它? Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。优点如下: 支持commonJS和AMD
阅读全文
摘要:什么是webpack? 作用有哪些? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用 作用: 1、模块化,让我们可以把复杂的程序细
阅读全文
摘要:<div>代码 按钮代码 JS原生代码 完整的代码: <a href="javascript:oaction()" style="margin:5px;">开始抽奖</a> <a href="javascript:clearInterval(sh)" style="margin:5px;">停止抽奖
阅读全文
摘要:js中的json操作 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或
阅读全文
摘要:1.正则表达式基本语法 两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下: "^The":表示所有以"The"开始的字符串("There","The cat"等); "of despair$":表示所以以"of despair"结尾的字符串; "^abc$":表示开
阅读全文
摘要:• propTypes、defaultProps 作为 properties 定义,也可以在组件外部通过键值对方式进行设置。 • 设置组件初始的 state不支持 getInitialState,可以在组件的constructor中通过this.state来设置,直接作为 properties 定义
阅读全文
摘要:需安装工具 RN环境: [必须] Node [必须] react-native-cli [可选] Node Package Manager(npm):node包管理工具,一般安装Node会带上npm * [可选] Node Version Manager(nvm):node版本管理工具 * [可选]
阅读全文