zarck83-CSDN博客

原创以前端角度看php ci框架的入门

纯记录。项目需要接触了ci框架，对于路由设置和一些数组的操作也是边学边做。1、路由文件配置在application\controllers目录下，假设新建一个case.php的文件public function index(){ $this->setpagedata('data',data); $this->view('index');}我就可以用case/i...

2019-01-25 14:19:15 288

原创 js中常用content-type和axios

目前常用的4种content-type：application/x-www-form-urlencoded 最常见的 POST 提交数据的方式，浏览器的原生 form 表单，如果没有文件上传，都会以这个方式提交数据multipart/form-data 如果form表单包含了文件上传，就得用这个方式了，正常需要生成一个formData对象，把需要上传的数据放进这里var param =...

2019-01-08 13:10:59 5659

原创 window.url.createobjecturl防止图片被复制

Windows.url.createObjectURL 创建本意是在上传图片时候，生成预览图片地址。偶然间在网页上看到用生成的blob形式url，展示兼防止复制，效果也不错。生成图片预览功能的还有html5的new filereader，生成base64形式文件，更适合配合canvas上传图片文件...

2019-01-07 17:16:20 731

原创 gitlab创建项目

gitlab网页上创建项目然后命令行cd到你本地要上传的项目文件git initgit add .git commit -m 'message'链接线上git项目地址git remote add origin https://gitlab.com/x/x.gitgit push -u origin --all 创建.gitignore文件来过滤一些不必要上传的文...

2018-09-19 10:14:36 413

原创 gulp src方法的base配置

假设有一个文件路径为pages/index/css/style.css,想通过gulp编译以后放到build对应目录下gulp.src('pages/index/css/*.css',{base:'pages'}) .pipe(gulp.dest('build')) // 写入 'build/index/css/style.css'或者gulp.src('pages/**/*....

2018-09-12 17:51:34 1891

原创 webpack+vue搭建后续，生成html，css文件剥离，清除多余文件

1、安装html-webpack-plugincnpm install --save-dev html-webpack-plugin 将原来的index.html改成index.tmpl.html，并移除里面的script标签。webpack.config.js引入并配置const htmlWebpackPlugin = require('html-webpack-plug...

2018-08-09 16:30:48 3487

原创 vue组件间通信

接上篇路由搭建，App.vue作为父级组件，Content.vue和Date.vue作为子组件。1、父组件向子组件传递数据，只需要props就行。设置数据并绑定到组件上。子组件用props接收，就能在组件内部使用获取到的数据。反向通信则需要在父级组件上自定义对应的方法，子组件使用$emit调用父组件方法，并上传数据App.vue<template> <d...

2018-07-31 16:28:12 228

原创 vue路由搭建

接上一篇搭建好结构的基础上，安装vue-routercnpm install vue-routersrc目录下添加Content.vue，Date.vue和route.js//Date.vue<template> <div> <p>{{name}}</p> </div><...

2018-07-26 14:59:34 456

原创 webpack+vue搭建

1、前提：安装node，npm，全局安装webpack2、执行npm install -g cnpm --registry=https://registry.npm.taobao.org，之后用cnpm安装，从淘宝服务器下载组件3、执行npm init -y ,创建package.json4、安装组件，执行Cnpm install --save-dev webpack webpac...

2018-07-26 13:54:52 444

原创 canvas rotate方法

接上一篇图片上传功能中的ios下横屏拍的图片，最终上传却变成了竖向的解决方法。理解canvas的rotate,得先了解几个概念var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillRect(0,0,50,100);1、rotate的圆心是canvas的0 0位置2、将canvas...

2018-07-25 17:07:39 3464

原创图片上传功能解析

前几年为了提高图片上传速度，引入了百度的webupload，效率大幅提升。后来有项目决定用react，但自带的upload功能并不能满足需求，而webupload也不支持react，就决定自己编写一个上传组件。一开始觉得这个功能流程很清晰，应该很容易就完成，但最后发现中间还是有很多坑点。先梳理一下流程1、点击图片选择按钮或file input弹出默认文件选择框2、判断file size...

2018-07-25 15:10:55 714

zarck83的博客