zero_______________

原创 2019寒冬中的深圳前端面试分享(附笔试题)。

最近陆陆续续面试了大半个月的时间，大概面试了有二十家左右。整理了一下面试中经常问起的问题，希望可以对在找工作的同学们有一点帮助，由于水平有限，大佬勿喷哈。本文只是总结一些问题，具体答案部分大家可以自行整理。html部分css部分html5新特性（在使用html5新标签时，如何解决兼容问题？）说出几个可以进行跨域的标签css3新特性盒子垂直水平方向居中的几种方式？IE盒模型和标准盒模...

2019-05-28 15:10:15 2497

原创 vue-cli,登录状态储存token,vuex

vue-cli脚手架工具vue-cli是官方的一个脚手架工具，利用vue-cli我们可以生成一个基本的项目结构架子，所以呢它就被称为vue脚手架工具。安装vue-cli npm install vue-cli -g运行vue init webpack admin(admin为项目名字)登录状态保存HTTP请求是无状态的cookie保存在客户端数据量小安全性较低sessi...

2019-04-03 10:49:38 2346 3

原创 Vue生命周期钩子，路由。

Vue生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。beforeCreate 这是遇到的第一个生命周期函数 beforeCreate(){ // 表示实例被完全创造出来之前，会执行他 // console...

2019-04-02 16:54:40 416

原创 React核心概念，搭配webpack基本使用。

React中几个核心的概念虚拟DOM（Virtual Document Object Model）：浏览器中的概念，用JS对象来表示页面上的元素，并提供了操作 DOM 对象的API；什么是React中的虚拟DOM：是框架中的概念，是程序员用JS对象来模拟页面上的 DOM 和 DOM嵌套；为什么要实现虚拟DOM（虚拟DOM的目的）：为了实现页面中， DOM 元素的高效更新...

2019-03-25 10:36:43 224

原创 react与其他框架区别

library库: 小而巧的库，只提供特定API优点是船小好调头，可以很方便的从一个库其换到另一个库，代码几乎不会变Framework（框架）：大而全的是框架；框架提供了一整套的解决方案；所以，如果在项目中间，想切换到另外的框架，是比较困难的前端三大主流框架Angular.js：出来较早的前端框架，学习曲线比较陡，NG1学起来比较麻烦，NG2 ~ NG5开始，进行了一系列的改革，也提供了组...

2019-03-22 10:41:56 670

原创 TypeScript接口，属性类接口、函数类型接口、可索引接口、类类型接口、扩展接口

接口: 行为和动作的规范，对批量方法进行约束(interface)属性接口interface FullName{ firstName:string; //注意;结束 secondName:string;}function printName(name:FullName){ // 必须传入对象 firstName secondName console....

2018-12-17 09:52:18 662

原创 TypeScript静态属性、静态方法，抽象类，多态

typescript静态属性，静态方法(static)es5中的静态属性、静态方法 function Person(){ this.run1=function(){ } } Person.name='哈哈哈'; // 静态属性 Person.run2=function(){ alert('静态方法') } var p...

2018-12-05 11:24:05 4028

原创 TypeScript函数、类、继承、类修饰符

函数声明 function run():string { return 'run' }匿名函数let fun = function():number{ return 123}定义方法传参function getInfo(name:string,age:number):string{ return `${name}--${age}`}console.l...

2018-11-26 16:11:03 905

原创构建一个基于Vue完整的商城后台管理系统（附带完整代码及项目初始化）

项目简介：该后台管理系统是基于Vue2.0来实现的。其中包含了登录，用户管理，商品管理，管理员权限管理，数据统计，订单管理，物流管理，代金券系统，支付方式配置页面风格管理等模块。前端技术vuevue-cli 脚手架工具进行项目整体架构的搭建webpack 将项目进行打包vue.router 路由的分发axios 与后端进行数据交互Element-UI 实现页面结构scss...

2018-11-24 11:04:41 28840 30

原创 VScode中TypeScript基本配置及TypeScript基础数据类型

下载npm i -g typescript编译成js文件tsc '文件名'vscode配置typescript新建文件一个文件夹，进行初始化tsconfig.json 。cdm运行tsc --init设置生成路径 "outDir": "./js"(这里生成路径可根据自己需要更改)；在vscode中导航栏选择“终端–>运行任务–>监视tsconfig.json”及可在上一...

2018-11-23 17:19:35 1560

原创 ES6中Promise用法详解

Promisepromise就是个构造函数，参数为一个函数构造函数一般使用其实例进行操作，如何得到一个构造函数的实例呢？1、new Promise（参数:函数）；2、参数为一个函数，这个函数同样也有两个参数 resolve reject，这两个参数也是函数resolve执行后返回promise的成功状态，reject执行后返回promise的错误状态基本使用形式：...

2018-08-12 20:04:04 9036 2

原创 Promise用法详解(一)

Promise基本概念Promise是一个构造函数，所以可以 new 出一个Promise的实例在Promise上有两个函数 resolve(成功之后的回调函数)和 reject(失败后的回调函数)在Promise构造函数的prototype属性上，有一个 .then() 方法。所以只要是Promise构造函数创建的实例，都可以访问到 .then()方法Promise表示一个一......

2018-08-08 16:32:50 24639 5

原创微信公众号开发介绍

公众号分类1.订阅号资讯推送，适用于个人.认证前后每天可以群发一条消息。2.服务号偏向于服务(类似银行，快递查询)不适于个人。认证前后都是每月群发4条消息。3.企业号用于公司内部通讯使用，需要验证身份才可以关注成功企业号。注意如果想简单的发送消息，达到宣传效果，建议可选择订阅号；如果想用公众号获得更多的功能，例如开通微信支付，建议可...

2018-08-08 13:09:23 514

原创使用SSH 将 git 与 Github 进行绑定（实现无需输入账号密码上传操作）

学习本篇前请先参考点我点我点我本篇介绍会在上篇文章的基础上进行操作，中间会省略一些重复的步骤1.进行本地的一些初始化操作初始化一个本地仓储，将需要上传的文件放入本地仓储2.进行github上的一些初始化操作新建一个github仓库3.执行git命令，生成公钥和私钥ssh-keygen -t rsa -C '邮箱'一路回车即可，红线的地方是因为我之前生...

2018-08-02 22:55:12 586

原创 vue基础知识总结（三）组件

组件组件开发的好处封装功能代码，提升开发效率便于团队分工合作组件的创建方式（三种）注意：1.模板template中只能有一个根节点。2.组件名字如果采用驼峰命名，需要加上连字符‘-’，比如组件名为indexA 标签名为 index-a1.使用Vue.extend()和Vue.component()两个方法创建全局组件Vue.extend...

2018-07-27 11:10:38 206

原创 vue基础知识总结（二）

ref属性表示对dom的引用，==值==可以随便取，但不能重复通过 this.$refs.值来获取ref=”inputRefId”(设置) this.$refs.inputRefId(获取)全局自定义指令Vue.directive()两个参数，1 指令名字(如果名字有大写字母,使用时需要用-分割)，2 对象(表示自定义配置项)使用时需要以 v-开头加上指令名字配置项中...

2018-07-27 11:06:27 218

原创 vue基础知识总结（一）

MVVMM数据模型 V视图模型 VM同步Model和View的对象插值表达式 {{}}可以写简单的表达式，方法，以及三元表达式v- 指令1. v-text 2. v-html 3. v-bind:(绑定属性简写’:’) - 绑定属性可以拼接参数 :href=“‘del.php?id=’+id” - 绑定类名 :class=”{‘类名’:布尔值(或定义一个变量)...

2018-07-23 18:07:29 290

原创通过git命令，将本地代码与github，进行上传下载操作。

此篇默认大家已经了解git的一些基本命令，如不了解，可以参考这篇基本命令介绍git基本命令。1.进行本地的一些初始化操作 (一). 先初始化一个仓储，其中包含我们需要上传的代码。git init //在文件夹内打开git命令，输入上面命令即可初始化(二).添加需要上传代码进入本地仓储 git add '文件路径'git commit -m '操作说明' 2....

2018-07-21 12:01:22 1199

原创总结一下 git 的基本命令

1.初始化 git 仓储 git init2.设置用户信息（自报家门） git config --global user.name '名字' git config --global user.email '邮箱'3.保存文件到 .git 仓储中 (一). git add '相对路径下的文件' (二). git commit -m '记录...

2018-07-18 19:45:01 214

首先是最终完完成的目录结构先简单介绍一下这个demo的功能 1. 托管了 assets 目录下的静态资源，即：可通过在url上输入对应文件名，来访问对应页面 2. 日志记录需求，每当有客户端来请求服务器，需要记录一下请求时间，请求url地址，以及请求方式（对应writeLogs.js） 3. 接受并处理表单传递过来的数据（对应passData.js页面） 4. 一个简单的路由功能（对应rou...

2018-07-15 10:55:19 561

原创基于node.js实现一个静态资源服务器

目录结构如图：index.html页面一个h1标签，以及一个外联js文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <script s

2018-07-14 17:09:46 1078

原创 node.js相关的一些名词解释

一. Common.js模块规范 node.js实现了Common.js模块规范化什么是 CommonJS 规范？CommonJS 是为了实现 Javascript 的模块化，而制定的一套规范；为什么 Javascript 需要模块化？浏览器中的Javascript有没有实现模块化？（在一个JS文件中，能不能引用另外JS文件中的方法）有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载...

2018-07-12 15:58:41 420 2

转载 Vue2.0 新手入门 — 从环境搭建到发布

什么是 VueVue 是一个前端框架，特点是数据绑定比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值组件化页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来Vue2.0 推荐开发环境Homebrew 1.0.6(Mac)、Node.js 6.7.0、npm 3.10.3、webpack 1.13.2...

2018-07-10 20:42:23 324

原创 npm install --save-dev, npm install --save有什么区别

当我们在使用 npm 安装插件或者模块的时候的时候通常会使用 npm install XXX --save-dev, npm install XXX --save的方法，那么他们两个到底有什么区别呢，今天我们就详细来说一下。这里就以下载 less 为例。npm install less --save-dev1.先创建一个 package.json 基本模板可以使用（npm init -y）2....

2018-07-10 19:44:49 1348

原创 ECMAScript6 常用语法总结（-）

let 与 const之前定义变量，用 var 关键字，用var的一些问题：1. 变量提升问题 2. 没有块级作用域 let特性：没有变量提升有 { } 作用域const特性：没有变量提升的问题const 定义的常量，无法被重新赋值当定义常量的时候，必须定义且初始化，否则报语法错误console.log(a); // undefinedvar a = 10;// 因为var 定...

2018-07-07 20:41:55 222

转载前端工程——基础篇

喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。你好，切图仔。不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定...

2018-07-06 12:19:08 157

转载一个程序员的成长之路

FDCon2018大会上的演讲整理主题：主会场 - 一个程序员的成长之路时间：2018年5月19日 10:40地点：中国上海演讲嘉宾：张云龙-全民直播-CTO大家好，我是云龙，从2016年3月份开始，我参与到全民直播这个创业项目中，这两年一直在上海。关于我自己的成长历程，一直都很想找个时间跟前端的开发者们分享一下。通过剖析别人，也可以总结自己。我很害怕把这个主题讲的跟成功学一样，其实CTO这个...

2018-07-06 12:10:57 2441 1

原创总结一下用到过的一些插件。

CSS Less 是一个Css 预编译器,它可以扩展Css语言,添加功能如允许变量(variables) ,混合(mixins),函数和许多其他的技术，让你的Css更具维护性，主题性，扩展性。 Less文档点击打开链接 SASS Sass 是一个 CSS 的扩展，它在 CSS 语法的基础上，允许您使用变量 (variables), 嵌套规则 (nested rules...

2018-06-30 16:16:27 145

原创 JQuery 中的JSONP

对于JSONP不太熟悉的可以先看这一篇文章 https://blog.csdn.net/zero________________/article/details/80792394熟悉jQuery的朋友应该知道，jQuery在AJAX中方法中封装了JSONP,然而我们试用只需设置 dayaTpe值为jsonp即可开启跨域访问那么接下来我们也模拟jQuery封装一下JSONP我也希望通过$.aja...

2018-06-24 18:57:29 516

原创同源，跨域，JSONP原理剖析

同源和跨域这两哥名词一直是相对存在的。、同源：同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口完全相同。跨域：不同源则为跨域，跨域不允许进行DOM操作，也不允许发送ajax。 *关于同源和跨域大家可以看下面这张表，相信可以很清晰的理解。跨域方案 1、顶级域名相同的可以通过domain.name来解决，即同时设置 domain.name = 顶级域名（如example.com）...

2018-06-24 18:31:58 672

原创让你脱口而出的 AJAX（三） jQuery中ajax的学习

jQuery为我们提供了很强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 url 接口地址 type 请求方式 timeout 请求超时 dataType 服务器返回格式 data 发送请求数据 beforeSend:function () {} 请求发起前调用 succe...

2018-06-18 18:04:45 121

原创让你脱口而出的 AJAX（二）封装属于自己的AJAX

首先我们来看下面这段代码，通过发送ajax请求得到后台的数据，通过遍历动态生成页面结构 // 1.创建对象 var xhr = new XMLHttpRequest(); // 2.设置请求行 xhr.open("get","./server/nav-json.php"); // 3.设置请求体 xhr.send(); // 4.让异步对象接...

2018-06-18 17:53:10 564

原创让你脱口而出的 AJAX（一）

1.1 AJAX AJAX 即Asynchronous Javascript And XML，它不是一门的新的语言，而是对现有持术的综合利用。 1. 基于web标签的xhtml+css 2. 可以使用dom进行动态的显示和交互 3. 使用XML和XSLT(是一种用于将XML文档转换任意文本的描述语言)进行数据的交换和操作 4. 使用XMLHttpRequest进行异步...

2018-06-18 17:12:35 161

原创（初探PHP）四：php中的Cookie,Session

HTTP无状态“无状态”是指HTTP协议对于事务的处理没有记忆能力。也就是说协议本身不会在处理事务的过程中针对【之前】的信息进行存储，如果在处理当前步骤的时候需要【之前】的信息，则必需重传。HTTP 很重要的一个特点就是无状态（每一次见面都是“初次见面”），如果单纯的希望通过我们的服务端程序去记住每一个访问者是不可能的，正是因为这一特性，所以必须借助一些手段或者说技巧让服务端记住客户端， ...

2018-06-12 19:56:17 161

原创（初探PHP）三：php中的请求方式GET,POST...

请求在网站的访问过程中很常见，并且请求分为多种方式：GET、POST、PUT、DELETE、OPTIONS等。其中GET和POST最常用。什么是GET请求？ GET从字面上理解为'获取'，通常用于获取服务端的数据。常见发起GET请求的方式：地址栏访问 src/href 表单网页中有很多效果都是GET请求：各种搜索框，各种详情...

2018-06-11 23:21:44 489

原创（初探PHP）二： php的基础知识总结（2）

函数（与javascript中定义函数方法相同）<?php// 函数名不区分大小写function foo ($name, $title) { echo "$name ($title)";}// 调用foo('zce', 'UFO');Foo('zgd', 'SBO'); // 大小写不区分?> 注意虽然函数名不区分大小写，但不要这样搞！！！！特性变量作用域 ...

2018-06-11 22:07:07 148

原创（初探PHP）二： php的基础知识总结（1）

这里默认大家都有一定的javascript基础，通过php与javascript的对比来学习，会更容易的接受，也能更好地区分两者。1.PHP标记 <?php 可以让代码进入“PHP 模式” ?> 可以让代码退出“PHP 模式” 即我们所写的PHP 代码都要在<?php ?> 之内。<!DOCTYPE html><html l...

2018-06-11 21:34:23 342

原创（初探PHP）一：开发环境配置，phpStudent基本使用

在写php之前首先要将自己的电脑伪装成一个服务器，这里我们选择一个简单易用的服务器软件集成环境phpStudent集成了我们要使用的服务器软件Apache,服务器端语言php的执行环境，以及数据库软件MySQL。1.下载地址与使用说明：http://www.phpstudy.net/download.html2.安装方式如下，解压后，双击运行phpStudySetup.exe 界面会提示安装...

2018-06-11 20:59:34 2318

原创原生JS实现移动端轮播图。

话不多说直接上代码。html 结构<div class="jd_banner">  <ul class="jd_bannerImg clearfix"> <li> <a href="javascript:;">

2018-05-27 23:04:23 1451

原创基于触屏事件来封装移动端的点击事件，解决click事件在移动端的延时问题。

并不是说click事件在移动端有效率上问题，而是因为在移动端需要判断执行单击操作还是双击操作。早期移动设备浏览器网页时内容非常小，为了增强用户体验，苹果公司专门为移动设备设计了双击放大的功能，确保用户可以非常方便的放大网页内容，但是当用户单击一个按钮时，移动设备会延时（约300ms）执行，判断用户是否要双击。用触屏事件可以解决这个问题。1.首先要知道单击是什么，怎样算的上点击操作？（1）屏幕上只有...

2018-05-27 17:37:22 497

基于jquery Circlr 360度3D旋转插件

基于fullpage.js全屏滚动插件实现购物网站宣传页面

空空如也