加油加油加油啊-CSDN博客

原创各大浏览器发展历史

1991年，WorldWideWeb 浏览器发布这款由 Web 之父 Tim Berners-Lee 亲手设计的图形化浏览器还包含一个所见即所得 HTML 编辑器，为了避免同 WWW 混淆，这个浏览器后来改名为 Nexus1993年，Mosaic 发布Internet 的流行应该归功于 Mosaic，这款浏览器将 Web 带向了大众。诸如 IE， Firefox 一类的当代浏览器仍然在延用 ...

2019-04-07 23:41:53 2203

原创 js中数组和对象的简单总结

数组:1.for循环 for(j = 0; j < arr.length; j++) { }优化版for循环for(j = 0,len=arr.length; j < len; j++) { }对于数组较大时，优化比较明显；2.foreacharr.forEach(function(e){ });3.for…in专为遍历对象而设置的，但遍历时inde...

2019-03-17 20:19:17 274

原创 http协议初识

HTTP–Hyper Text Transfer Protocol，超文本传输协议，是一种建立在TCP上的无状态连接。基本工作流程：1.客户端发送一个HTTP请求，说明客户端想要访问的资源和请求的动作2.服务端收到请求之后，服务端开始处理请求，并根据请求做出相应的动作访问服务器资源3.最后通过发送HTTP响应把结果返回给客户端。其中一个请求的开始到一个响应的结束称为事务，当一个事物结束后...

2019-03-16 18:04:54 328

原创 vuex在页面刷新后数据被清除

vuex在页面刷新后数据被清除的问题最近在用vue写pc端项目，用vuex来做全局的状态管理，发现当刷新网页后，保存在vuex实例store里的数据会丢失1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation...

2019-03-07 21:26:49 3846

原创 Vue-cli引入外部插件

（一）绝对路径直接引入：（1）主入口页面index.html中头部script标签引入：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=n0S34gQ0FW73Vj7X13A4y75q"></script> （2）build/webpack.base.c...

2019-01-20 23:48:52 2295

原创照片上传至阿里

使用的是阿里云oss的服务端签名直传并设置回调本次项目使用的是阿里云oss的服务端签名直传(未设置回调) 下载客户端源码接下来就是在源码内根据需求进行更改开发accessid = ''accesskey = ''host = ''policyBase64 = ''signature = ''filename = ''key = ''expire ...

2019-01-20 23:45:16 258

原创 Promise对象

ES6的promise解决回调地狱使用ES5的时候，在多层嵌套回调时，写完的代码层次过多，很难进行维护和二次开发基本理解：是一种承诺，当它成功时执行一些代码，当它失败时执行一些代码 Promise是一个对象，有then()方法的对象 promise链基本用法：promise执行多步操作非常好用，以吃饭为例,要想在家吃顿饭，是要经过三个步骤的。洗菜做饭。坐下来吃饭。 ...

2018-12-14 16:11:51 188

原创箭头函数和bind对this的作用

var obj = { id: '哈哈哈', cool: function fn() { console.log('cool:') console.log(this) var self = this // 不起作用呀感觉 if (self !== 1) { console.log('coolSelf:') console.log(s...

2018-12-11 16:07:02 2050

原创 webpack的简单了解

开始一个简单的Demo，快速上手和熟悉Webpack的基本用法建立基本项目结构首先进入上节课我们建立的webpack_demo目录（每个人建立的位置不同，可能建立在了D盘或者E盘）。进入后在根目录建立两个文件夹，分别是src文件夹和dist文件夹：src文件夹：用来存放我们编写的javascript代码，可以简单的理解为用JavaScript编写的模块。 dist文件夹：用来存放供浏...

2018-12-08 21:53:50 181

原创 vue的data以及js的slice

<template> <div> <h2>devicebase 页面</h2> <button @click="addSlice">添加1 slice用法</button><br> <span v-for="item in list&qu

2018-12-08 21:49:22 2675

原创了解webpack

现在最流行的三个前端框架，可以说和webpack已经紧密相连，框架官方都推出了和自身框架依赖的webpack构建工具。React.js+WebPack Vue.js+WebPack AngluarJS+WebPack什么是WebPack？WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sas...

2018-11-25 17:59:34 207

原创 vux表单验证

vux 获取表单验证校验的返回值isType 自定义的方式isTypevux使用x-input情形如下：表单中需要填写手机号，填完手机号之后，进行提交。点击“提交”按钮的时候，需要判断手机号是否通过校验，vux提供了is-type内置验证器，我们省去了自己校验手机号的过程。 <x-input required title="手机号码" v-model="pho...

2018-11-25 16:13:36 1983

原创 ES6字符串模版

字符串模版的出现让我们再也不用拼接变量了，而且支持在模板里有简单计算操作。字符串模版ES5中的字符串拼接let dk='吉他'let blog = 'Nice to meet you '+dk+' 字符串模板'document.write(blog)字符串模版不再使用‘xxx’这样的单引号，而是换成了xxx这种形式，也叫连接号。这时我们再引用dukun变量就需要用${dk}这种...

2018-11-18 20:29:28 138

原创了解Token认证

Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。为什么要用 Token？Token 完全由应用管理，所以它可以避开同源策略。 Token 可以避免 CSRF 攻击(http://dwz.cn/7joLzx)。 Token 可以是无状态的，可以在多...

2018-11-18 19:57:17 1199 1

原创 CSS定位

一.static==啥也不写静态正常文档流left,right,bottom,top偏移属性无效（相对于距离左边距）z-index属性无效注：因为浮动，多数情况下还真不需要给元素设置position属性二.fixed 固定相对于窗口定位，而不是相对body 三.relative 相对1.设置了relative的元素跟其他元素一样，出现在文档流中它该出现的...

2018-11-11 14:21:06 121

原创 JS中回调函数（一)

一.前奏多用在使用 js 写组件时，尤其是组件的事件很多都需要回调函数的支持假设 A是回调函数，B是调用者，B参数里一个是指向A的函数指针，即回调A，同时另外的参数传递给A作为参数二.JS中函数可作为参数传递，甚至在另一个函数内部返回一旦作为参数传递，就称这个函数为回调函数，下面的say 和匿名函数均被称为回调函数习惯于直接将函数命名为callback 例如本例中...

2018-11-11 14:18:07 848

原创 CSS的各种居中

居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。从简单到复杂的方法：********************************************************...

2018-11-04 13:38:21 573

原创 MySQL5.7 添加用户、删除用户与授权

一. 创建用户:命令:CREATE USER 'username'@'host' IDENTIFIED BY 'password';PS：username - 你将创建的用户名,host - 指定该用户在哪个主机上可以登陆，此处的"localhost"，是指该用户只能在本地登录，不能在另外一台机器上远程登录，如果想远程登录的话，将"localhost"改为"%"，表示在任何一台电脑上都...

2018-11-04 11:40:27 294

原创 Javascript 的 this的四种常用用法

this是 JavaScript 语言的一个关键字。它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。总的来说，this就是函数运行时所在的环境对象一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象var x = 1;function test() { console.log(this.x);}test(); ...

2018-10-28 15:51:25 197

原创理解JS中的this

一、提出问题学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二foo()上面代码中，虽然obj.foo和foo指向同一个函数，但是执行结果可能不一样。如：var obj = { ...

2018-10-28 15:33:55 180

原创 Vs code软件的格式化代码插件，以及运用正则表达式统计代码行数

写这篇博客的原因，一切都是强迫症在搞鬼。。。。。一.在vs code中运用正则表达式统计所编写的代码行数1.vs code软件界面左边一栏，点击‘搜索’2.搜索内容为^b*[^:b#/]+.*$3.勾选正则表达式，包含的文件可以是文件夹名称，也可以是文件类型(*.html,*.css) 二.Vs code软件的格式化代码插件1.对于.html .js等文件类型...

2018-10-21 16:29:55 2505 1

原创运用Share.js插件在网页上添加一键分享到微博、微信等

最近做项目遇到一个需求，就是给网站添加一键分享到微博，微信，qq等社交媒体的功能。想来应该是通过调用一些现成的接口就可以了，这里总结一下运用Share,js来实现的详细步骤具体做法：1.下载git hub上的开源包https://github.com/overtrue/share.js/2.下载完成后将src文件夹移动到dist文件夹中3.将dist文件夹整个拷贝到项目根目...

2018-10-21 14:11:05 11888 4

原创 Vuex中Mutations修改状态

上篇是读取state，这篇是修改状态。即如何操作Mutations。一.$store.commit( )Vuex提供了commit方法来修改状态1.store.js文件const mutations={ add(state){ state.count++ }, reduce(state){ state.count-- ...

2018-10-07 17:20:20 34015 1

原创 Vuex中的state访问状态对象

state ，这个就是我们说的访问状态对象，它就是我们SPA（单页应用程序）中的共享值。如何把状态对象赋值给内部对象，也就是把stroe.js中的值，赋值给我们模板里data中的值。我们有三种赋值方式。一、通过computed的计算属性直接赋值computed属性可以在输出前，对data中的值进行改变，我们就利用这种特性把store.js中的state值赋值给我们模板中的data值。...

2018-10-07 17:09:34 1600

原创 DOM获取和设置属性

一.节点节点（node）这词是网络术语，表示网络中的一个连接点，一个网络就是由一些节点构成的集合。三种类型节点：元素节点，文本节点，属性节点<p title="a gentle reminder">不要忘记买东西</p>上行代码中：<p>元素为元素节点， title="a gentle remin...

2018-09-24 11:40:23 2706

原创 js的window对象与方法

一、window对象 window对象是BOM中所有对象的核心。BOM Browser Object Model二、window属性 1.(位置类型-获得浏览器的位置) alert(screenX) alert(screenY)//IE左边距alert(screenLeft)上边距alert(screenTop) ...

2018-09-24 11:21:46 6027

原创 vue-router中的钩子

我们知道一个组件从进入到销毁有很多的钩子函数，同样在路由中也设置了钩子函数。路由的钩子选项可以写在路由配置文件中，也可以写在我们的组件模板中。一.路由配置文件中的钩子函数/src/router/index.js路由文件中我们只能写一个beforeEnter,就是在进入此路由配置时。{ path:'/params/:newsId(\\d+)/:newsTitle', ...

2018-09-16 14:03:44 1538

原创 vue-router参数传递

先想象一个基本需求，就是在我们点击导航菜单时，跳转页面上能显示出当前页面的路径，来告诉用户你想在所看的页面位置（类似于面包屑导航）一.用name传递参数两步完成用name传值并显示在模板里：①在路由文件src/router/index.js里配置name属性。routes: [{ path: '/', name: 'Hello', component: ...

2018-09-16 13:57:57 435

原创 vue中v-bind与v-model指令详解

1.v-modelv-model指令，我理解为绑定数据源。就是把数据绑定在特定的表单元素上，可以很容易的实现双向数据绑定。经常和{{}}胡子语法配合在html中使用， ps: {{}} === v-text直接看代码 <p>********v-model绑定数据源，实现双向绑定</p> <div> <p&gt...

2018-08-26 15:54:08 4192 1

原创 vue-router的嵌套路由，重定向和别名

1.命名路由有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。我个人理解就相当于给路径取个名字，调用的时候，这个名字就指这个路径，不然有些路径很长，直接写太麻烦。const router = new VueRouter({ routes: [ ...

2018-08-26 15:36:47 2293

原创 JS中数组的基础类型和引用类型的解释，以及Array类型的常用操作方法

基本数据类型：按值访问，可操作保存在变量中的实际的值。基本类型值指的是简单的数据段。基本数据类型有这五种:Undefined、Null、String、Number、Boolean。 ps: 基础类型就这几个引用类型：当赋值保存着对象的某个变量时，操作的是对象的引用，但在为对象...

2018-08-19 16:16:06 324

原创 Vue实例的对象参数options的几个常用选项

一.新建一个Vue实例可以有下列两种方式：1.new一个实例var app= new Vue({ el:'#todo-app', // 挂载元素 data:{ // 在.vue组件中data是一个函数，要写成data () {}这种方式 items:['item 1','item 2','item 3'], todo:'' }, methods:{ // ...

2018-08-19 15:03:06 25371

原创关于console.log，alert函数的扩展用法

一.简介 JavaScript语言中的调试命令console.log，在我们开发项目调试程序之时会经常用到。但是console函数不只是只有console.log()函数。Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问，如 Wi...

2018-08-12 18:12:28 454

原创基于vue-cli的微信网页开发中的js-sdk的使用

参考文档：微信公众平台、踩坑记录一.简介 JS-SDK需要向服务端获取签名，且获取签名中需要的参数包括所在页面的url，但由于单页应用的路由特殊，其中涉及到iOS和android微信客户端浏览器内核的差异性导致的兼容问题。微信JS-SDK是微信公众号平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等...

2018-08-12 17:47:15 3478

原创基于vue-cli脚手架的从后台拿到数据自动渲染到页面

一.简介最近再学一些关于微信公众号网页开发的东西，这里用了vue框架搭建。遇到了几个问题，写在这里，以作记录。二.具体内容1.从后台拿数据，同步地渲染到页面上。①首先是配置API请求 userAlways: function (param) { return axios({ url: 'url地址', method: 'get', ...

2018-08-04 20:18:16 7260

原创基于vue的微信授权

一.如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。二.关于网页授权的两种scope的区别说明1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页（往往是业务页面）2、以snsapi_userinfo为scop...

2018-08-04 19:33:51 12732 4

原创运用微信开发者工具来调试，微信公众号

一.下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html下载好后界面如下：二.在命令行运行项目，npm run dev三.在上张图片的红框内输入项目URL地址，如：http://localhost:8080之后就能在该软件界面看到我们的项目，具体调试方法和浏览器一摸一...

2018-07-29 13:51:40 19541

原创 vux组件的引入及简单使用

VUX组件主要是用来做微信端的一些项目，合理利用vux组件可以让我们的工作效率更高。<1>. 在项目里安装vuxnpm install vux --save (安装到dependencies)或者是 npm install vux --S <2>. 安装vux-loader （vux文档中没有明文跟你说要安装）npm install vux-loade...

2018-07-29 10:21:26 7746

原创（四）初学Vue之第三方组件Element-ui组件的使用。

一.简介在我们的工程项目中，使用一些第三方组件如Element-ui，Bootstrap等，可以让我们更快更好地完善美化设计我们的项目。可以省去很多时间，重要的是这些组件有时候比我们自己做的的效果要更好。二.具体做法。1.新建Vue项目1. vue init webpack vue-study7.21 // 生成项目2. cd vue-study7.21 // 进入项目目录3...

2018-07-22 14:56:22 3302

原创（三）初学Vue之用Vue--cli+vue-route的一点新了解的东西。

一.简介上一篇博客一个小demo提到了一点vue-router的用法，还是不能完全掌握，现又有了一点新的理解与体会，故添加在这篇博客中。vue-router的官方文档在这里，https://router.vuejs.org/zh/。二.具体内容1.命令行运行项目工程npm run dev2.安装路由:npm install vue-router -S 之后打开我们的项目文件，在底部...

2018-07-21 21:59:01 1035

空空如也

空空如也