alonia-优快云博客

原创 mac 中安装brew 的命令

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2021-01-20 18:18:40 226

原创移动端上传图片压缩解决方法

1.前端开发时总是遇到要压缩图片的问题前端的处理是通过把file 转换成 base64格式然后再传给后端第一种前端把file转换成 base64路径格式直接传给后台，后台自己进行解码处理第二种前端把file 转换成 base64路径格式，然后再转换为file 格式（二进制格式）然后传给后台，后台按file处理项目中遇到的是由于后台格式接受文件格式为file...

2019-10-22 15:00:04 1779

原创 vue-cli3 webpack常用配置

1.去掉console.lognpm install terser-webpack-plugin -Dmodule.export = { configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimization.minimizer[0].option...

2019-10-09 18:00:21 441

原创移动UI库常用

- PC端https://iviewui.com/https://element-cn.eleme.io/#/zh-CNhttps://vue.ant.design/docs/vue/introduce-cn/https://vuetifyjs.com/zh-Hans/基于Material Design实现https://www.heyui.top/一个妹子写的组件库- 移动端h...

2019-08-13 18:47:14 410

原创清除小程序webview

<web-view src="{{fomalUrl}}></web-view>由于webview跳到h5界面是单页面应用1.所以按网上说的给界面加时间戳并没有什么用。。。。。2 h5用 webpack打包后的css js 本来就是加了hash 的，，所以也没用后面的解决方法时清除html 缓存<META HTTP-EQUIV="pragma" C...

2019-07-31 18:04:42 2730

原创小程序构建npm

1 在小程序根目录中使用 npm init 然后会有package.json2.在根目录安装一个组件如cnpm i miniprogram-datepicker -S --production 此时生成node_modules目录里面有安装的组件4.点击工具-》构建npm此时会生成一个miniprogram_npm5 构建成功...

2019-05-23 11:23:25 769

原创 vue 代理配置

proxyTable: {'/api': { //当遇到/api 替换为target 路径// target: 'http://202.96.155.124:9911',changeOrigin: true,pathRewrite: { // 重定向某一个路径'^/api': ‘’}}},eg: /api/makret/add.do ...

2019-04-20 14:24:34 3476

原创 jsx 学习

1. JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。JSX 只是为React.createElement(component, props, ...children)方法提供的语法糖。比如下面的代码：jsx<MyButton ...

2019-03-14 16:14:49 542

原创 react 单向数据流和状态提升（state）

1.父组件传递给子组件props只读props是一种从父级向子级传递数据的方法。无论是使用函数或是类来声明一个组件，它决不能修改它自己的props。function sum(a, b) { return a + b;}类似于上面的这种函数称为“纯函数”，它没有改变它自己的输入值，当传入的值相同时，总是会返回相同的结果。子组件要想父组件传来的props在Rea...

2019-03-14 15:09:18 1652

原创 chrome 调试移动端app webview

1.安装app （确保webview安装的app是调试模式）2.要翻墙 3.用手机usb连接电脑打开手机开发者选项开启调试模式4.打开浏览器进入 chrome://inspect/#devices选中discover usb deviceremote target 会出现连接的手机名称和正在访问的页面选择inspect 会进入手机访问的页面同时控制台也是打开的就...

2018-12-29 17:06:00 8681

原创 es6 module

ES6模块 import { stat, exists, readFile } from 'fs'; 上面代码的实质是从fs模块加载3个方法，其他方法不加载。这种加载称为“编译时加载”，即ES6可以在编译时就完成模块加载，效率要比CommonJS 模块(运行时确定依赖关系)的加载方式高。一 export 1. 输出变量var firstName = 'Michael';var l...

2018-12-18 15:20:26 206

原创 es6 class

1.生成新的对象//es5 通过构造函数定义生成新对象function Point(x, y) {this.x = x;this.y = y;}Point.prototype.toString = function () {return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);//es ...

2018-12-17 17:55:25 132

原创 es7 里的async 函数

1.进行异步操作的函数async函数返回的Promise对象，必须等到内部所有await命令的Promise对象执行完，才会发生状态改变。也就是说，只有async函数内部的异步操作执行完，才会执行then方法指定的回调函数。async function f() {await new Promise(function (resolve, reject) {throw new Erro...

2018-12-17 16:58:53 141

原创 es6 Promise

1. promise 对象是一个构造函数，用来生成promise实例var promise = new Promise(function(resolve, reject) {// ... some codeif (/* 异步操作成功 */){resolve(value);} else {reject(error);}});Promise实例生成以后，可以用then方法分别指定...

2018-12-17 16:27:05 124

1.Generator函数的调用方法与普通函数一样，也是在函数名后面加上一对圆括号。不同的是，调用Generator函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，下一步，必须调用遍历器对象的next方法，使得指针移向下一个状态。也就是说，每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield语句（或return语句...

2018-12-17 15:58:42 127

原创 es6 数据结构

1.setES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。var s = new Set();[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));for (let i of s) {console.log(i);}// 2 3 5 4// 例一 //可以用来进行数组去重var set = new Se...

2018-12-17 15:46:03 309

原创 es 6 对象的扩展

1.属性简写ES6允许在对象之中，只写属性名，不写属性值。这时，属性值等于属性名所代表的变量。var foo = 'bar';var baz = {foo};baz // {foo: "bar"}// 等同于var baz = {foo: foo};2.方法简写var o = {method() {return "Hello!";}};// 等同于va...

2018-12-17 15:11:01 522

原创 es6 箭头函数

1. 函数带参//es6 var f = v=> v;//es5 var f = function(v){ return v; }var f = function(a,b){ return a+b;}var f = (a,b)=>a+b;2.函数无参//es 5 var f = function(){ ...

2018-12-17 11:19:16 133

原创 es 6 学习笔记常用的几种

一. let （声明变量）比var 的优点：1.有了块级作用域 2.不存在了变量提升console.log(foo); // 输出undefinedconsole.log(bar); // 报错ReferenceErrorvar foo = 2; let bar = 2;3.在代码块内，使用let命令声明变量之前，该变量都是不可用的var tmp = 123;if (...

2018-12-14 17:14:52 779

原创 js call apply bind

call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了：call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,'成都', ... ,'string' )。apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,['成都', ..., 's...

2018-12-14 14:45:43 235

原创 vuex mutations 和action

mutations 里的函数要是同步的，在action里使用commit直接提交的时候无法处理异步操作所以有了 dispatch dispatch 分发一个异步的action (action 可以异步)，在不同模块中可以触发多个 action 函数。在这种情况下，只有当所有触发函数完成后，返回的 Promise 才会执行store.dispatch('actionA').then(()...

2018-11-27 17:50:24 365

原创 vux 理解

vuex 理解：vuex 里的store相当于一个前端数据库，用于保存数据，对每个组件是公开的，所有组件都可以用里面的数据。当想改变数据的时候。触发一个action ----》提交一个mutations----->mutations传入 state 改变state数据---》state 改变后，getter里面可以拿到改变后的数据，然后在组件中显示。数据改变后，render会自...

2018-11-27 14:49:49 1182

原创外边距折叠

发生的情况相邻的两个盒子包括 1.兄弟关系 2.父子关系计算方式1、两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。2、两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。3、两个外边距一正一负时，折叠结果是两者的相加的和。...

2018-11-01 10:17:27 212

原创移动端使用rem 字体

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', re...

2018-10-23 11:05:28 449

原创 vue sync 的理解

.sync 就是vue 提供的语法糖 <comp :foo.sync="bar"></comp>这种写法就是下面的写法的拓展 <comp :foo="bar" @update:foo="val => bar = val"></comp> @update:foo ->是一个自定义事件名

2018-10-19 11:36:09 1995 1

原创 vue 子父组件传递方式

1. 父传子通过prop2.子传父通过发布订阅模式每个组件相互独立不能随便修改组件数据所以当子组件想修改父组件传来的数据时，通过父亲绑定一些事件，儿子触发这个事件，将参数传递过去，父亲刷新数据，儿子跟着刷新。这就是单向数据流，儿子不能自己修改数据，要通知父亲让他修改，然后自己会更新。 ...

2018-10-18 09:07:00 233 1

原创 git 保存用户名和密码

$ git config credential.helper store$ git push http://github.com.test.gitUsername: <type your username>Password: <type your password> gitlab github ssh 配置 https://blog.youkuaiyun.com...

2018-08-30 16:34:55 1236

原创 js 解决全局变量污染问题

1 通过函数function b（）{ var a= 2 function c(){ }}2.通过对象 var obj = {};var a = function(){ this.b = 2; this.add = function(){ }}new a()3 立即执行函数var objs = {};$(fu...

2018-08-20 17:52:14 1337

原创遇到上传文件时后台返回带<pre>标签的问题

解决方法：后台配置 text/html前台 ajax 返回值加一句 xhr.responseText.match(/<pre.+?>(.+)<\/pre>/ig)!=null?jQuery(xhr.responseText).text():xhr.responseText

2018-07-24 17:31:15 1698

原创 ajax 请求了两次，一次option 一次get

今天去请求后台接口时，发现了ajax 请求了两次，一次option 一次get 两个都返回200最后发现不是问题原因是：我在本地访问接口时时跨域请求，所以浏览器会先发一个option 去预测能否成功，然后在发一个真正的请求。所以只有在开发调试时会有这个问题。...

2018-07-05 14:32:56 2727 1

原创对jsp 的认识

刚开始学习jsp是一直以为它是一门编程语言。现在才发现原来理解的完全错了。他的本质是Servlet 为什麽这样说呢。Servlet中文翻译为嵌入的一段小程序。jsp 全称是Java Server Pages，从本质上分析它为什么会出现呢。1. 首先网页需要动态显示。而html 做的只是静态界面。2. 我们的web 编程基本原理就是：用户输入数据，浏览器请求服务器，服务

2016-05-27 15:46:57 760

原创浅谈对MVC模式的认识

以前老听说mvc框架，也用过但是总搞不清它到底是什麽意思。只是简单知道 m----代表模型层 v---代表视图层 c----代表控制层。但到底什么是模型什么是视图什么是控制层呢？它们都是干什麽的怎麽用？（自己理解的） 1 首先先看下图：

2016-05-27 15:07:22 366

原创 DOM事件中的 focus 和blur

今天做一个表单验证时，遇到一个问题，利用form.addEventListener 绑定事件时，发现focus 不起作用通过查阅资料终于知道了问题出在哪里？（资料出处https://developer.mozilla.org/en-US/docs/Web/Events/ 和 https://segmentfault.com/a/1190000003942014）1.不是所有事

2016-05-10 16:46:41 2453

翻译 idea 默认首页配置

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1">

2016-04-15 16:17:23 1178

原创关于利用css 实现右侧固定左侧自适应布局的解决方案

最近遇到要求实现右侧大小固定，左侧自适应的问题，根据亲身实现，现总结如下：1.我们首先看一下左边固定右边自适应的情况 html ：我在左边我在右边 css : #left{ border:1px solid #000; float:left;

2016-03-22 20:05:32 6406

翻译关于Jpgraph 的中文乱码问题

今天安装了Jpgraph 后，写了一个测试文件，发现其中的中文出现了乱码，经过各种搜索资料，发现原来jpgraph中对各种字符编码是默认转换为utf-8的，所以当我的文件本身就是utf-8是时，就进行了两次转换，从而出现了乱码，解决方案是：在jpgraph_ttf.inc.php中有一个转换编码的类其中有一段是 elseif( $aFF === FF_SIMSUN ) {

2016-02-26 14:59:04 431

原创关于div自适应高度的 css

今天遇到了一个问题我在div里嵌套了一个img标签没给 “b” 设高度和宽度想着img会把它撑开高度会保持一致但调试后发现在Firefox多出来了4.5px 在360多出来了3px 最后才找到原因是img标签的问题代码如下：原来img标签相当于一个text 它的末尾会多出一个空格，要解决只需加上img{ vertical-align:middle;}

2015-11-29 11:46:49 351 1

原创关于建立远程连接HttpRequest 遇到的问题

今天刚学了ajax 遇到了在火狐上浏览正确但ie 360 谷歌等出现空白也没有错误提示。调试之后才发现我的网页是直接在本地浏览的，所以出现了xmlhttp.status的值为0 而书上写的是xmlhttp.status！=200 时返回了，xmlhttp.readyState=1 也返回了，此时调用不了 send 方法，所以一直有问题。所以不要在本地测试要把网页部署

2015-11-15 18:02:55 745

原创关于ajax的问题

今天学了一点ajax 遇到了很多问题，现总结如下：1 . xmlHttp.open(）里参数为true 与false的选择 true 就是异步处理 false 就是同步处理就是当客户端请求服务时不管服务器端是否处理完毕就返回响应值这是异步反之就是同步. 2.关于我的status 值一直为0 的问题首先有两种可能一种是你的网页是在本地浏览的导致为0 还有一种

2015-11-03 20:50:56 413

空空如也

空空如也