自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 收藏
  • 关注

转载 前后端API规范参考

规范能够大量减少沟通成本,另外笔者认为它还有一个隐性的作用,如果有了规范,在写代码的时候可以省略很多思考和修改,从而增加开发效率。所以笔者一直对规范这块有着一种执念,总会在规范方面想很多。比如最近就在思考API的一些规范,参考RESTful API的思想,微创新出了一套过渡性的类REST规范,可以在仅用GET、POST的情况下,形成一定的规范。下面用一个 公司列表 -> 公司详情 -&g...

2018-10-24 15:08:40 274

转载 webpack简单运用(构建html 安装插件和loader)

目录webpack是什么?webpack配置步骤安装loader安装插件  打包webpack是什么? 在webpack的世界里,每个文件都是一个模块,比如.css、.js、.html等。对于不同的模块,则需要不同的加载器(Loaders)来处理。提示:下面的操作都默认你安装了node.js,如果没有请看 node.js安装步骤webpack配置步骤1.创建一个...

2018-10-22 14:46:47 240

转载 vue的一些点点滴滴

vue.js一:组件(components)由三个部分组成1.<template>         <divid='mydiv'><Helloworld/></div>   //每个template里必须具有一个div作为容器 </template> 2.<script>         imp...

2018-10-18 14:31:16 180

转载 【SpringMVC】解决跨域问题的两种方式

1. 跨域1.1 什么是跨域跨域,即跨站HTTP请求(Cross-site HTTP request),指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。这是浏览器对JavaScript的同源策略的限制,例如a.com下面的js不能调用b.com中的js、对象或数据(因为a.com和b.com是不同的域)。对于http://www.a.com/a.js访问其它URL,更详细...

2018-10-11 11:15:04 1968

转载 前后端分离实践总结 | 跨域请求的那些事儿

一、前言关于前后端分离的概念,之前个人的理解主要停留在开发模式上的分离,而实际上要真正实现前后端完全分离还需要涉及部署环境的分离,所有此处介绍的前后端分离应该是web应用的一种架构模式。如图,在传统架构模式中,前后端代码存放于同一个代码库中,甚至是同一工程目录下。页面中还夹杂着后端代码。前后端工程师进行开发时,都必须把整个项目导入到开发工具中(当前我们微信提现的项目就是属于此类)。...

2018-09-28 20:10:39 292

转载 前端面试题精选

一、电话面试开场白1、你先简短地介绍一下自己2、你是怎么学习前端的(红宝书?犀牛书?博客?社群?github、segmentfault、v2ex、stackoverflow ...)3、怎么才算一个好的前端开发者(沟通、设计、交互、特效、兼容、封装、造轮子 ...)4、谈一谈你未来三五年的职业规划(资深WEB前端工程师?资深WEB架构师?转岗管理或其他?自己创业?...) ...

2018-09-28 20:09:05 248

转载 离线应用与客户端存储学习笔记

所谓的离线web应用,就是在设备上不能上网的情况下仍然可以运行的应用。 开发离线web 应用的几个步骤:1.首先是确保应用知道设备是否能上网2.然后应用还必须能访问一定的资源3.最后必须有一块本地的储存空间用于保存数据 离线检测 navigator.onLineHTML5 定义了一个navigator.onLine属性。这个属性值为true表示设备可以上网,值为fals...

2018-09-28 08:27:57 158

转载 javascript 异步编程总结

一、callback回调函数是最简单的解决方法,这依赖于预先设置好若干回调函数,在程序执行到合适的时候,调用这些回调函数。采用这个方法,我们就把同步操作变成了异步操作,把耗时的任务延迟执行。function fn1(callback) { setTimeout(function() { console.log("1"); callback(); }, 1000); co...

2018-09-28 08:24:03 112

转载 Vue实战项目开发--Vue中的动画特效

项目的源代码在GitHub上:点击查看目录vue中的css动画原理在Vue中使用Animate.css库在Vue中同时使用过渡属性和动画Vue中的Js动画与Velocity.js的结合Vue中多个元素或组件的过渡vue中的列表过渡vue中的动画封装vue中的动画特效--总结vue中的css动画原理需要实现动画效果的标签需要<transition&g...

2018-09-28 08:20:26 847

转载 《JSP》JSP学习(一)——以虚拟机为平台发布、访问JSP网页

一、在虚拟机上安装Tomcat服务器Tomcat下载地址:Tomcat 将.zip文件解压到制定文件夹内 双击进入解压后的文件夹,在bin 文件夹内“以管理员身份运行”startuo.bat注:安装Tomcat前需要提前在虚拟机上安装好JDK。 Tomcat安装完成后,通过虚拟机上的浏览器查看Tomcat是否安装成功,在浏览器地址栏上输入localhost:8080,跳转至以下界面则证明...

2018-09-20 09:00:44 185

转载 vueJs实现DOM加载完成之后自动下拉到底部

/..............................................................................................更新.................................................................................................../这...

2018-09-19 08:45:20 751

转载 NodeJs的安装和环境变量配置

一、NodeJs的安装和环境变量配置第一步,下载安装NodeJS 1.本文在windows平台下NodeJS安装实例,独立安装而不是在安装Visual Studio的过程中2.NodeJS中文官网下载:http://nodejs.cn/#download3.双击可执行文件,安装操作过程中可以修改安装目录,这样的话如果操作系统重装后nodejs不需要再次安装,只要配置一下环境变量...

2018-09-19 08:40:05 19018

转载 vue-cli构建的项目中图片路径以变量形式传入时显示解决办法

vue-cli构建的项目中图片路径以变量形式传入时显示解决办法在vue-cli构建的项目中,直接将图片路径以变量形式传入时,图片在页面中是显示不出来的。前提:使用vue-cli脚手架构建的项目1、在vue文件中如果想使用一张图片,可以将图片相对于该vue文件的相对地址填充在img标签的src中,页面中便可显示图片。这样引入之后,可以看出,图片正常显示,页面中的图片地址变...

2018-09-19 08:38:06 867

转载 vue项目中配置favicon图标

vue项目中配置favicon图标如上图所示,页面顶部的小图标会让页面显得高大上,一般把这种图标叫做favicon图标。利用vue-cli脚手架搭建的项目,如果不手动配置,页面中是不会显示favicon图标。不配置是这样子的:favicon图标的配置也很简单,vue-cli默认帮我们安装了html-webpack-plugin(如果没有,可以自己npm安装),我们只需在html...

2018-09-19 08:34:54 321

转载 vue脚手架搭建之单文件组件的开发

由于一个完整的项目包含许多的视图,组件全部写在一个html页面中也不利于后期维护。所以我们需要通过脚手架进行项目工程化来构建我们的项目,就不再使用html来构建了,也不在引入vue.js文件了。全部换成单文件组件+webpack+vue的脚手架进行项目的构建。首先,需要全局安装vue脚手架(全局安装,只需一次),方法是: npm  i  vue-cli   -global然后就可以构建项目...

2018-09-19 08:29:13 210

转载 require.js 入门讲解(二)

require.js使用AMD体系,采用异步方式加载模块,即模块的加载不影响,加载代码后面语句的运行,采用回调函数方式在模块加载完毕后执行回调函数,语法如下示意:require([module], callback);该语法说明如下:module代表需要加载的模块,多个模块采用数组方式表示,依次加载,实际加载的代码如下示意:  require(['math','Eng']...

2018-09-17 15:14:06 226

转载 Require.js入门讲解(一)

  test:function(a){ console.log(a+"你好!"); a.f(); info(); } } });  也可通过如下方式定义模块,其中require,均为外部传入的模块命名对象  define(function(require,$){ var data={text:""};...

2018-09-17 15:13:08 296

转载 【ES6】for of用法

一、使用例子使用例子(一)  var arr = ['nick','freddy','mike','james']; for(var item of arr){ console.log(item); } 输出结果:输出的是数组里面的值。二、使用例子(二)  var arr = [ { name:'nick',...

2018-09-17 14:34:33 618

转载 JavaScript面向对象原型链继承详解

<html>    <head>        <meta charset="UTF-8"/>        <title></title>        <script type="text/javascript">            //目标 以最高性能完成属性和方法的继承 建议拷贝到

2018-09-17 14:31:23 214

转载 web面试题整理

目录谈谈你对http协议的理解,http 常见的状态码有哪些GET 和 POST 的区别http 中重定向和请求转发的区别Cookie 和 Session
区别什么是 jsp,什么是 Servlet?jsp 和 Servlet 有什么区别?jsp 有哪些域对象和内置对象及他们的作用过滤器和监听器是什么,有什么用谈谈你对 ajax 的认识?谈谈你对http协议的理...

2018-09-17 14:30:42 205

转载 数据库设计和E-R模型

实体-联系(E-R)数据模型,它提供了一个找出在数据库中表示的实体以及实体间如何关联的方法。最终,数据库设计将会表示为一个关系数据库设计和一个与之关联的约束集合。一、设计阶段(1)概念设计(conceptual-design)阶段多产生的模式提供了一个对企业的详细总数。用实体-联系模型的术语来说,概念模式定义了数据库中表示的实体、实体的属性、实体之间的联系,以及实体和联系上的约束。概念设计...

2018-09-17 11:26:50 934

转载 原生js概念知识点

/*DOM: Document Object Medel文档:html页面文档对象:页面中的元素文档对象模型:为了能让程序(js)操作页面中的元素 DOM 看做一颗树状结构 里面的元素为节点(DOM节点),同时定义方法操作树元素.childNodes:子节点列表集合childNodes只包含一级子节点,不包含孙及以下。标准下:包含文本和元素节点,也包含非法嵌套类型非标准下:只包含元...

2018-09-17 11:20:53 336

转载 js -- 理解面向对象(创建对象与继承)

目录一、创建对象1. 工厂函数模式2. 构造函数模式1. 构造函数与函数区别2. 构造函数的问题3. 原型模式1.原型写法2.原型对象3.原型对象的改嫁现象4.原型对象的问题4. 构造函数+原型模式5. 动态原型模式二、继承1. 原型链1.实现原型链2.子类方法的定义与重写3.原型链问题2. 借用构造函数(伪继承)3. 组...

2018-09-17 11:20:20 103

转载 vue中ajax请求

  $.post("http://localhost:3000/go2",{money:that.money,time:that.time, name:that.name,num:that.num,zhi:that.zhi,city:that.city,xin:that.xin,shou:that.shou   },function(data){   t...

2018-09-17 11:12:45 547

转载 js 模块化编程

1. 什么是模块化编程 2. 为什么要模块化 3. AMD 4. CommonJS 5. ES6 Module 总结 了解一个技术,首先要了解这个技术产生的背景及解决的问题,而不应该只是单纯的知道该怎么用。之前的状态可能就是只是为了了解而了解,并不知道实际产生的原因及带来的好处,所以今天就来总结一下。1. 什么是模块化编程来看百度百科的定义模块化程序设...

2018-09-17 08:41:07 143

转载 vue.js初级面试题(必备)

根据自己的亲身经验总结出了10道与vue相关的面试题,不是最全的,但一定是最常见的 !!!    1.  mvvm框架是什么?它和其它框架(jquery)的区别是什么?哪些场景适合?  答:一个model+view+viewModel框架,数据模型model,viewModel连接两个。         区别:vue数据驱动,通过数据来显示视图层而不是节点操作。 ...

2018-09-06 15:20:44 5059 1

转载 Javascript 设计模式 js设计模式 应用级讲解

 设计能力,是成为高级前端、成为技术负责人的基础能力,为什么后端开发可以轻而易举的成为技术带头人,因为后端语言大部分是基于面向对象,而面向对象就离不开设计和设计模式首先npm init一路回车 新建webpack.dev.config.js,修改package.json文件,安装webpack-dev-server可以帮助你在代码发生变化后自动编译代码修改pac...

2018-09-05 11:21:00 425 1

转载 DOM 中的 offset 属性

1. DOM 中的 offset 属性1.1. offsetParent与当前元素最近的经过定位(position 不等于 static)的父级元素,主要分为下列几种情况:元素自身有 fixed 定位,offsetParent 的结果为 null当元素自身有 fixed 固定定位时,我们知道固定定位的元素相对于视口进行定位,此时没有定位父级,offsetParent 的结果为 n...

2018-09-05 10:36:13 1588

转载 vue中的组件传值

父组件向子组件传值这是最开始的代码:  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello World</title> &l

2018-09-03 14:21:51 80

转载 微信小程序wx.request请求回来的数据没有及时显示到页面上

出问题的场景//出问题的代码Page({ data: { swiper: {//顶部轮播 indicatorDots:true, autoplay:true, interval:5000, duration:1000, imgUrls:[ "http://preview.quanjing.com/t...

2018-09-03 08:49:10 808

转载 web课程笔记一

  1.Servlets act as the controller in a MVC application Do not generate HTML Convert the incoming HTTP information to Java objects Interact with the business model ...

2018-09-03 08:48:16 155

转载 主要变量声明方式var、let、const

主要变量声明方式var、let、const阮一峰ES6变量声明的方法ES5只有两种声明变量的方法:var和function ES6添加了常用的let和const,还有import和classvar let const区别let添加了块级作用域;var没有块级作用域 let约束了变量提升;var可以变量提升 let有暂时性死区:ES6规定如果块内存在let命令,那么这个块就会...

2018-09-03 08:44:20 132

转载 在前后端分离的项目中,ajax跨域请求怎样附带cookie

在项目的实际开发中,我们总会遇到前后端分离的项目,在这样的项目中,跨域是第一个要解决的问题,除此之外,保存用户信息也是很重要的,然而,在后台保存用户信息通常使用的session和cookie结合的方法,而在前端的实际情况中,跨域产生的ajax是无法携带cookie信息的,这样导致了session和cookie的用户信息储存模式受到影响,该怎样去解决这样一个问题呢,通过查阅资料,我这里以angula...

2018-09-03 08:43:33 108

转载 深入学习 JavaScript 笔记 之 作用域 (三) - 函数作用域和块作用域

3.1 函数中的作用域函数作用域的含义是指,属于这个函数的全部变量可以在整个函数的范围内使用及复用(事实上在嵌套的作用域中也可以使用)。 3.2 隐藏内部实现从所写代码中挑出一个任意的片段,然后用函数声明进行包装,实际上就是把这些代码隐藏起来了。也就是说这段代码中的任何声明(变量或函数)都将绑定在这个新创建的包装函数的作用域中,然后用这个作用域来“隐藏”他们 为什么要隐...

2018-08-29 09:30:57 105

转载 前端UI框架——VueAPI使用之Class 与 Style 绑定

一、基本介绍1、绑定 HTML Class 字符串语法 对象语法 数组语法 2、绑定内联样式——Style 对象语法二、代码示例:1、class(字符串)代码案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit

2018-08-29 09:29:26 152

转载 IIFE

立即执行函数表达式IIFE(Immediately-invoked function expression)我们知道,在javascript(ES5)中,是没有块级作用域的概念的。看一个例子for (var i = 0; i < 5; i++) {}console.log(i); //5因为没有块级作用域的概念,因此,在 for 循环中声明的 i 变量实际上是一个全局变量,因...

2018-08-27 10:23:38 146

转载 vue外卖项目笔记

# gshop > A Vue.js project ## Build Setup ``` bash# install dependenciesnpm install # serve with hot reload at localhost:8080npm run dev # build for production with minifi...

2018-08-27 08:11:21 604

转载 多页项目的webpack配置

在我们使用vue,angular等框架开发的时候,大多数都是构建单页项目。而且,像这样的框架都有对应的命令一步生成webpack配置(比如vue的vue init webpack my-project之类)。 但是如果我们要开发多页面项目的时候就没有这么方便了,你必须要自己配置webpack。 单页项目和多页项目的区别在于单页项目所有的js,css等资源只需要在入口html文件中引...

2018-08-26 19:19:34 146

转载 Vue2.0 探索之路——生命周期和钩子函数的一些理解

前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本...

2018-08-23 08:27:28 97

转载 Echarts数据可视化全解注释

Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解6大公共组件详解(点击进入): title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解5大坐标系详解(点击进入): 地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行坐标系详解、polar极坐标系详解、...

2018-08-23 08:24:43 1083

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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