- 博客(39)
- 收藏
- 关注
原创 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
408
原创 清除小程序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
原创 es6 Generator函数
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
412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人