2018年04月__cris

原创 js基础知识整理

整理一份js基础知识，后续陆续补充1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？<script>2.写 "Hello World" 的正确 Javascript 语法是？document.write("Hello World")3.插入 Javacript 的正确位置是？<body> 部分和 <head> 部分均可4.引用名为 "xx...

2018-04-27 16:14:04 1087

原创 HTML5手机端网站开发meta设置

前端在进行手机端页面开发时，需要在页面head中完成很多基本设置，确保页面在手机端的显示效果。在开发的过程中，是通过meta标签的设置。1.viewport标签<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 属性介绍...

2018-04-27 11:18:03 3140

转载：https://blog.csdn.net/zl1zl2zl3/article/details/52637737分支分支（branch）有什么用呢？假设你准备开发一个新功能，但是需要两周才能完成，第一周你写了50%的代码，如果立刻提交，由于代码还没写完，不完整的代码库会导致别人不能干活了。如果等代码全部写完再一次提交，又存在丢失每天进度的巨大风险。现在有了分支，就不用怕了。你创建了一个属于你...

2018-04-26 17:45:38 5395 2

原创 git创建分支、切换分支以及删除分支操作

在我们用git开发时，需要进行多分支开发。分支的创建、切换、合并与删除。1.创建分支 dev$ git branch devSwitched to a new branch 'dev'ps. 创建分支的同时并切换分支$ git checkout -b devSwitched to a new branch 'dev'相当于：$ git branch dev$ git checkout dev...

2018-04-26 17:35:23 1572

转载 js中浮点数精确乘除的方法

转载：http://www.cnblogs.com/liutree/archive/2011/11/29/2267881.html在js中，浮点数的乘除会有误差，为了较为精确计算乘除，需要对乘除法进行修改。除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。调用：accDiv(arg1,arg2)返回值：arg1除以arg2的精确结果fu...

2018-04-25 12:30:18 1281

原创 gulp构建工具创建本地服务器

现在前端开发越来越偏向于借助自动化构建工具来优化我们的开发过程，在借助gulp开发时，我们通常会借助gulp来编译我们的程序代码，于此同时也需要在本地创建我们的本地服务器。通常我们可以借助gulp-connect插件：创建gulp项目：1）新建一个项目文件夹2）npm init 初始化项目文件夹3）新建gulpfile.js、index.html文件4）安装项目依赖 gulp gulp-conne...

2018-04-25 10:43:41 804

转载 HTTP协议以及http与https的区别

转载：https://www.cnblogs.com/azhai-biubiubiu/p/6048901.html什么是HTTP？以下来自度娘最为专业的解释：超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。1960年美国人...

2018-04-25 10:11:56 666

原创 jdk和jre的区别

A: JDK与JRE的关系* a: JDK：它是Java开发运行环境，在程序员的电脑上要安装JDK；* b: JRE：Java Runtime Environment它是Java运行环境，如果你不需要开发只需要运行Java程序，那么你可以安装JRE。例如程序员开发出的程序最终卖给了用户，用户不用开发，只需要运行程序，所以用户在电脑上安装JRE即可。* c: JDK包含了JRE。* B: 跨平台特...

2018-04-24 16:37:16 594

原创页面如何加载资源及加载资源的过程

页面加载资源的形式有：1. 输入url（或跳转页面）加载html2.url: www.baidu.com3.加载html中的静态资源4.script标签中资源的加载加载一个资源的过程：1. 浏览器根据DNS服务器得到域名的IP地址2. 向这个IP的机器发送http请求3.服务器收到、处理并返回http请求4.浏览器得到返回内容浏览器渲染页面的过程：1.根据HTML结构生成DOM Tree2.根据C...

2018-04-24 14:28:11 2565

原创 npm网站发布自己的包

在npm网站https://www.npmjs.com上，上传自己的项目文件包。先在网站上注册自己的账号，注册好之后在本地新建项目文件。在项目文件中，package.json中 private 属性值改为false或者删除"name": "vue-mobile-template", "version": "1.0.3", "description": "A Vue.js project&qu

2018-04-23 17:00:08 1538

原创 npm网站注册时，无法注册报错500的问题

在npm(https://www.npmjs.com)注册账号时，如果遇到下述问题：unexpected status code from user-acl: 500问题原因：填写的邮箱不支持，目前测试时遇到126，163邮箱都不支持注册解决方法：换用可以支持的邮箱，如qq邮箱，gmail等。本文结。...

2018-04-23 15:35:22 1432

原创 vue项目中，vue-i18n和element-ui国际化开发

在vue构建的项目中，我们常用element-ui插件，在我的博客前面有讲述，具体怎么用vue-i18n插件进行国际化开发，但是在前面博客中，如果项目中使用了element-ui插件，插件中的语言文字替换可以结合element-ui插件一同进行。element-ui插件自身也提供了语言包。具体的配置和使用方法参考如下：默认你已构建好了一个vue项目，在vue项目中安装vue-i18n以及eleme...

2018-04-23 14:04:20 2503

原创前端开发常用技术文档的api网站

基础语言：html: http://www.w3school.com.cn/html/index.aspcss: http://www.w3school.com.cn/css/index.aspjavascript: http://www.w3school.com.cn/js/index.aspcss3: http://www.w3school.com.cn/css3/index.asphtml5...

2018-04-19 14:59:19 2057

原创 vue构建手机端项目的过程

在使用vue构建手机端项目便捷开发过程中，需要在项目中配置常用的插件，常用的依赖。具体构建步骤如下：构建vue项目1. 创建vue项目Vue init webpack 文件名2. 安装项目依赖npm install3. 启动项目npm run devVue项目默认不会自动打开浏览器，需要在config文件夹下index.js中将autoOpenBrowser: false,修改为a...

2018-04-19 10:23:25 4619

原创 vue中子组件向父组件传递参数(通信)

vue构建项目时，在组件内部引用了子组件，子组件的数据更新或者状态更新，需要向父级组件传递参数，在传递上如下进行定义：子组件中，在需要向父级组件传递参数的方法中，使用emit传递参数this.$emit('loadsuc', true);父组件中，v-on:loadsuc 来监听和接收参数<template> <div> <hometask v-on:lo...

2018-04-17 18:07:46 2886

原创 vue中父级组件向子组件传递参数(通信)

在父级组件中引入子组件，并像如下定义：<template> <div id="app"> <img src="./assets/logo.png"> <!-- 在调用组件的时候,使用v-bind将logo的值绑定为 APP.vue中定义的变量 logoMsg 然后就能将App.vue中的logoMsg的值传给h...

2018-04-17 17:54:28 9764 1

原创 vue项目中，页面刷新回到页面顶部的方法

在Vue项目中，访问过的页面，在滚动到某个位置后，再次刷新页面，页面仍处于上次访问过的位置。为了想页面回到顶部，只需要对路由进行修改，在router下index.js中：export default new Router({ routes: [{...}], scrollBehavior(to, from,savedPosition) { return { x: 0,...

2018-04-17 17:39:01 12420 9

原创 webpack使用的基本配置

在前端自动化构建开发当中，利用webpack可以很大程度的优化前端开发的工作。在学习webpack之余，总结了一下webpack的基本使用方法。1）安装：npm 全局安装webpacknpm install webpack –g2）基本使用例子：hello.js(1) 新建webpackdir文件夹 mkdir webpackdirmkdir webpackdir(2)进入文件夹，初始化 np...

2018-04-17 16:44:07 441

转载 CSS基础知识

转载：CSS基础作者：刘宁Leo https://segmentfault.com/a/11900000133257781 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 bo...

2018-04-17 16:24:26 549

原创 js中同步和异步解析

在前端程序执行中，为了避免程序运行被阻塞，在js中有3类场景为异步执行，异步执行语句在程序执行完成后，才会被执行。什么时候需要异步：1. 在可能需要等待的情况2. 等待过程中不能像alert一样阻塞程序执行3. 因此，所有需要“等待的情况”都需要异步异步示例：console.log(100)setTimeout(function(){ console.log(200)},100)cons...

2018-04-15 15:09:43 1966

原创 js中闭包的理解和闭包的应用

摘自百度百科，闭包的解释：闭包就是能够读取其他函数内部变量的函数。例如javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数”。本质上，闭包是将函数内部函数外接起来的桥梁。通俗一点，个人理解：闭包是函数内部定义一个在函数作用域下的函数作为返回值，该函数的的变量外部无法修改。function F1(){ var a = 100; // ...

2018-04-14 18:34:56 389

原创 js变量作用域及作用域链分析

在js中变量的声明，有使用的范围；js不同于java等后端语言，js无块级作用域，只有全局和函数作用域。在本文中，将分析一下变量作用域的知识点。作用域（无块级作用域只有全局和函数作用域解释）：无块级作用域if(true){ var tag = 'test'}console.log(tag) // test 在java中因为块级作用域问题这个地方会输出undefined只有函数和全局...

2018-04-14 17:57:39 339

原创 js关键字this的详解

在javascript中this是一个关键字，this的指向跟它的使用场景有关，而且this的指向只有在它使用时才能确定，定义时是无法确认的。但总的来说，this指向的是调用函数的对象。在this的使用过程中有大概4种场景，具体如下。var a = { name: 'name', fn:function(){ console.log(this.name) }}a.fn() ...

2018-04-14 14:00:35 337

原创原生js详解ajax请求

前端请求服务端资源利用ajax进行请求，通常可以借助jquery等第三方库完成ajax的请求，此处将详解原生ajax请求：var xhr = new XMLHttpRequest()xhr.open('GET','./api',false)xhr.onreadystatechange = function(){ // 异步执行 if(xhr.readyState == 4){ ...

2018-04-11 22:16:39 962

原创基于Vue-cli的Vue单页面项目构建详解

在使用vue来构建项目时，通常采用vue脚手架工具vue-cli来构建项目，在项目构建完成之后，需要安装一些常用的插件：jquery、element-ui，以及一些全局配置文件。具体操作如下：1. 利用脚手架工具vue-cli 下载vue项目模板// vue init 模板名项目名vue init webpack myvuepjt2. 安装项目依赖npm install3. 启动项目，检查项目...

2018-04-11 11:10:09 753

原创 js中原型与原型链详解

在js中理解原型与原型链，需先从构造函数开始理解。以下分知识点介绍原型及原型链，并在文末给出一个原型链继承的实例。1.构造函数// 构造函数名首字母大写function Foo(name,age){ this.name = name this.age = age this.cllass = 'class-1' // return this //默认有return this}...

2018-04-08 21:31:52 427

原创前端Vue中多语言切换功能的实现

在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-devstep2:在项目的入口文件main.js中引入vue-i18n插件import Vue from 'vue'import router from './router'import VueI18...

2018-04-08 15:27:41 10161

weixin_37861326的博客