javascript面向对象
面向对象的三大特性封装继承 自己没有的，拿别人过来用，就是继承多态 父类引用指向子类的对象（JavaScript中用不到）创建对象的四种方式使用字面量创建对象 var o = {key:value, key:value...}用一个创建一个，不能复用，造成代码冗余，资源浪费使用内置构造函数创建对象 var o = new Object(); var o = new Array();创建出来的对象都是空的对象，要手动的去为对象添加属性。造成代码重复封装简单的工厂函数（不推荐使用）function createObj(){ var obj = {}; obj.xx=xxx; return obj; }自定义构造函数function 构造函数名{ this.xxx=xxx; //....}0.构造函数名首字母要大写 1.构造函数一般和new关键字一起使用 2.构造函数返回值默认为新创建好对象 如果手动返回基本数据类型，不影响默认返回值，如果返回的是对象，那么新创建出来的对象将不会返回，取而代之的是return后面的对象构造函数（constructor）的执
JavaScript基础知识
JavaScript的基本组成ECMAScript 语法规范DOM 操作dom元素的apiBOM 操作浏览器对象的apiJavaScript数据类型简单数据类型stringnumberbooleanundefined复杂数据类型ObjectArrayDateRegExpFunctionStringNumberBooleannullMath部分关键字的使用in判断属性是否存在于对象中for in 遍历对象的 键typeof 判断对象的类型 返回值是string类型的 引用类型中，除了function其他的对象都是object类型delete删除对象的属性删除未使用var声明的变量返回值为boolean 表示是否删除成功注意：删除的属性如果不存在，返回true删除的如果是原型中的属性，返回true 但是删除不成功break continuebreak 用来终止循环continue 用来跳出当前循环，继续下次循环=== 和 ===== 要判断数据类型和值是否相等== 值判断值是否相等|| 和 &&表达式1 || 表达式2 如果 表达式1 就 返回 表达式1 否则 返回 表达式2表达式1 &&
axios的相关笔记
1、axios的特点有哪些？答：一、Axios 是一个基于 promise 的 HTTP 库，支持promise所有的API二、它可以拦截请求和响应三、它可以转换请求数据和响应数据，并对响应回来的内容自动转换成 JSON类型的数据四、安全性更高，客户端支持防御 XSRF2、axios有哪些常用方法？答：一、axios.get(url[, config]) //get请求用于列表和信息查询二、axios.delete(url[, config]) //删除三、axios.post(url[, data[, config]]) //post请求用于信息的添加四、axios.put(url[, data[, config]]) //更新操作3、说下你了解的axios相关配置属性？答：`url`是用于请求的服务器URL`method`是创建请求时使用的方法,默认是get`baseURL`将自动加在`url`前面，除非`url`是一个绝对URL。它可以通过设置一个`baseURL`便于为axios实例的方法传递相对URL`transformRequest`允许在向服务器发送前，修改请求
Vuex的学习
1、vuex有哪几种属性？答：有五种，分别是 State、 Getter、Mutation 、Action、 Module2、vuex的State特性是？答：一、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data二、state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新三、它通过mapState把全局的 state 和 getters 映射到当前组件的 computed 计算属性中3、vuex的Getter特性是？答：一、getters 可以对State进行计算操作，它就是Store的计算属性二、 虽然在组件内也可以做计算属性，但是getters 可以在多组件之间复用三、 如果一个状态只在一个组件内使用，是可以不用getters4、vuex的Mutation特性是？答：一、Action 类似于 mutation，不同在于：二、Action 提交的是 mutation，而不是直接变更状态。三、Action 可以包含任意异步操作5、Vue.js中aja
vue生命周期的学习
1、什么是vue生命周期？答： Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。2、vue生命周期的作用是什么？答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3、vue生命周期总共有几个阶段？答：它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后4、第一次页面加载会触发哪几个钩子？答：第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子5、DOM 渲染在 哪个周期中就已经完成？答：DOM 渲染在 mounted 中就已经完成了。6、简单描述每个周期具体适合哪些场景？答：生命周期钩子的一些使用方法： beforecreate : 可以在这加个loading事件，在加载实例时触发 created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用 mounted : 挂载元素，获取到DOM节点 upda
vue相关原理学习（二）
一、请说下具体使用vue的理解？答：1、使用vue不必担心布局更改和类名重复导致的js重写，因为它是靠数据驱动双向绑定，底层是通过Object.defineProperty() 定义的数据 set、get 函数原理实现。2、组件化开发，让项目的可拓展性、移植性更好，代码重用性更高，就好像农民工建房子，拿起自己的工具包就可以开工。项目经理坐等收楼就好。3、单页应用的体验零距离接触安卓原生应用，局部组件更新界面，让用户体验更快速省时。4、js的代码无形的规范，团队合作开发代码可阅读性更高。二、你觉得哪些项目适合vue框架？答：1、数据信息量比较多的，反之类似企业网站就无需此框架了。2、手机web和app应用多端共用一套界面的项目，因为使用vue.cli+webpack后的前端目录，非常有利于项目的跨平台部署。三、怎么理解MVVM模式的这些框架？答：1、M就是Model模型层，存的一个数据对象。2、V就是View视图层，所有的html节点在这一层。3、VM就是ViewModel，它通过data属性连接Model模型层，通过el属性连接View视图层。四、PC端项目你会在哪些场景使用Vue框架
vue相关原理学习（一）
1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子？答：三种，一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件4、scss是什么？安装使用的步骤是？有哪几大特性？答：预处理css，把css当前函数编写，定义变量,嵌套。 先装css-loader、node-loader、sass-loader等加载器模块， 在webpack-base.config.js配置文件中加多一个拓展:extenstion， 再加多一个模块：module里面test、loader4.1、scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？答：css的预编译。使用步骤：第一步：用npm 下三个lo
react学习笔记一
React来自Facebook，2013年诞生 和Angular不同，react并不是一个完整的MVC/MVVM框架，它只专注于提供清晰、直接的view视图层解决方案。它的功能全部以构建组件视图为核心，并提供类似控制器的函数接口和生命周期函数。在React中没有控制器、没有服务、没有过滤器等等。React非常轻，目标是minimal API interface,只提供组件化相关的非常少量的API。简化了一切可以简化的东西。比如说Angular中做一个组件，实际上叫做E级的指令，要写scope、link函数，但是react最大限度的简化了一个组件的开发，事实上react就是为了组件开发而诞生的。 React可以搭配flux等架构（Redux实现）。有flux架构护航，数据的单向流动，自称是比MVC、MVVM更高级的一种模式。可以开发大型应用。 React使用virtual DOM技术，使得它性能卓越，开销很小。 Virtual DOM是react中的一个很重要的概念，在日常开发中，前端工程师们需要将后台的数据呈现到界面中，同时要能对用户的操作提供反馈，作用到UI上....这些都离
php扩展库开发
我们先假设业务场景，是需要有这么一个扩展，提供一个叫ccvita_string的函数，他的主要作用是返回一段字符。（这个业务场景实在太假，大家就这么看看吧）对应的PHP代码可能是这样：function ccvita_string($str){ $result = '<a href="'.$str.'">Link</a>'； return $result;}第一步，生成代码PHP为了扩展开发的方便，提供了一个类似代码生成器的工具ext_skel，具体可以参见说明。首先我们创建一个文件ccvita.skel，它的内容为string ccvita_string(string str)就是告诉ext_skel这个东西，我们要做的扩展里面有个函数叫ccvita_string。然后执行cd MooENV/src/php-5.3.8/ext/./ext_skel --extname=ccvita --proto=ccvita.skelcd ccvita/这时候，ccvita这个扩展的代码框架就已经出来了。第二步，修改配置然后修改config.m4文件将10、11、12三行最前面的dnl删除掉，就
PHP Ajax 跨域问题最佳解决方案
PHP Ajax 跨域问题最佳解决方案分类 编程技术本文通过设置Access-Control-Allow-Origin来实现跨域。例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。如果直接使用ajax访问，会有以下错误：XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.runoob.com' is therefore not allowed access.1、允许单个域名访问指定某域名（http://client.runoob.com）跨域访问，则只需在http://server.runoob.com/server.php文件头部添加如下代码：header('Access-Control-Allow-Origin:http://client.runoob.co
javascript设计模式之単例模式
Javascript中的设计模式JavaScript是一门特别灵活的语言，早些年被认为是玩具式的语言，只能做一点为网页涂脂抹粉的小差事。项目工程也不是很大，更无从说起设计模式在JavaScript的应用，但随着Nodejs以及html5和web2.0的兴起，JavaScript本身变得越来越受重视。但是很多本该有的东西javascript都有，并没有作为正式的部分。这些年来人们利用自己对计算机编程的思想，利用了很多晦涩的技巧实现了很多javascript设计者都未曾预计到的任务，比如各种设计模式的实现，以及面向对象编程等。设计原则设计模式的存在原因是为了代码的复用性，增加代码的可维护性，有如下原则：【开闭原则】，对扩展开放，对修改关闭，ps高考的试卷。【里式转换原则】，子类继承父类，单独掉完全可以运行，ps盗版光盘【依赖倒转原则】，引用一个对象，如果这个对象有底层类型吗，直接引用底层，【接口隔离原则】 每一个接口应该是一种角色，ps汽车的usb插口，【合成/聚合复用原则】 新的对象应使用一些已有的对象，使之成为新对象的一部分，【迪米特原则】， 一个对象应对其他对象有尽可能少的了解设计模
vue2.0+webpack的项目搭建与开发
vue2.0vue2.0是一个MVVM框架，对于这样的一个框架，我们应怎样搭建环境，用webpack+loader+babel,还是AAL，怎么样创建组件，基本的自定义标签的创建，数据的封装性，数据和模板的关系，组件的生命周期，组件的状态，内部的值组件与组件之间的数据传递。Vue2.0与vue1.0几乎90%的API和核心概念都没有变，具体可以看https://cn.vuejs.org/v2/guide/migration.htmlVue2.0的环境安装Npm install --save vueVue2中新增有两种构建方式：1.独立构建和运行构建，他们的区别在于前者包含模板编译器而后者不包含。模板编译器的职责是将模板的字符串编译为纯JavaScript的渲染函数。如果你想要在组件中使用template选项，你就需要编译器。独立构建包含模板编译器并支持template选项，他也依赖于浏览器的接口存在，所以你不能使用它来为服务器短渲染。2.运行时构建不包含模板编译器，因此不支持template选项，只能用render选项，但即使使用运行时构建，在单文件组件中也依然可以写模板，因为单文件组