- 博客(46)
- 收藏
- 关注
原创 前端直传华为云OBS
本文是用前端将图片直传华为云OBS,可供参考。(比较好的方式是建议使用后台生成签名认证方式上传)1.在华为云开通OBS对象存储2.下载js sdk引入项目中3. 首先创建实例// 创建ObsClient实例var obsClient = new ObsClient({ access_key_id: '*** Provide your Access Key ***', secret_access_key: '*** Provide your Secret
2020-09-30 15:37:56
4109
4
原创 jenkins自动化部署前端项目
话不多说,上流程需准备一台jenkins服务器,一台项目服务器1、安装jenkins(这里省略,有很多教程)2、打开系统管理,插件管理安装nodejs 、publish over ssh插件接着进入到如下图安装nodejs版本接着进入到ssh server Name: 远程服务器namehostname:远程服务器ipusername:远程服务器用户...
2020-03-30 14:04:05
685
2
转载 docker前端
https://blog.csdn.net/M2l0ZgSsVc7r69eFdTj/article/details/80650053https://juejin.im/post/5d23e750f265da1b855c7bbe面试100问
2019-07-16 16:56:53
184
转载 Progressive Web App
【 PWA 】今天开始 Research 一个新的前端技术,PWA( 全称:Progressive Web App )也就是说这是个渐进式的网页应用程序。这个技术的呢是 Google 公司于2015 年提出的,2016 年 6 月才推广的项目。针对这一项技术目前在国外似乎已经很流行了,目前应用这项技术最火热的应用是在印度( 大家或许会疑惑为什么是在印度最流行呢吧,下文中会告诉大...
2019-05-23 15:26:45
245
原创 vuecli3热更新配置
我们在使用vuecli3的时候难免会遇到保存代码但是页面不能自动刷新(热更新)的问题,今天分享一下我的热更新的配置 chainWebpack: (config) => { config.resolve.symlinks(true) // 修复热更新失效 }只要在chainwebpack的配置项下加一行config.resolve.symlinks(true)这样我们修...
2019-05-17 11:33:50
7465
1
原创 vueCli3测试环境打包js文件目录以及配置
vuecli3已经出来不短时间了,但是我在实际应用当中还是存在一些问题,比如我想打包一个测试环境的包,js被打包至与html同级目录下,虽然这不影响生产环境的打包目录,但这还是给我造成很大的困扰,因为我想要打包后的js文件都是存放在js文件目录下的,so~该如何做呢。只要我们在vue.config.js里面添加配置就可以了,加入我们在pakeage.json中指定测试环境mode为...
2019-05-16 11:02:30
10407
原创 微信小程序启动传参以及没有再次被触发问题
今天遇到微信小程序启动传参以及再次触发的问题,搞了差不多2小时,测试环境以及真机调试都是看不出问题的,但是在线上确实存在这种问题:先上代码onLoad (query) { this.shopCode = decodeURIComponent(query.scene) // this.shopCode = wx.getLaunchOptionsSync().quer...
2019-01-29 16:44:42
1561
原创 阿里云搭建nginx以及web服务启动
1、安装makeyum -y install gcc automake autoconf libtool make2、安装g++yum install gcc gcc-c++3、选择安装目录一般为/usr/local/src4、安装PCREcd /usr/local/srcwget ftp://ftp.csx.cam.ac.uk/pub/software/pro...
2019-01-18 03:31:39
1232
转载 es6 class 用法详解
转载地址https://blog.csdn.net/gao_xu_520/article/details/80106671一.Class 介绍+基本语法(1).介绍通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。(2).Class 的基...
2018-11-16 10:55:44
2339
原创 js 继承之寄生组合继承
function Person(name) { this.name = name || 'john'; this.sex = function(){ console.log('my name is', this.name) }}Person.prototype.set=function (){console.log(111)}Person.prototype.sexe='m...
2018-11-16 10:10:04
278
原创 nodejs 之构建工程笔记
1、fs文件系统var fs = require('fs')var childProcess = require('child_process')let path = fs.readdirSync('dist')fs.readdirSync('dist') 读取dist文件目录下的所有文件返回以文件名组成的数组2、childProcess 衍生子进程的功能可以衍生一个sh...
2018-08-30 10:47:00
228
转载 Nodejs进阶:如何玩转子进程(child_process)
转载地址 https://segmentfault.com/a/1190000007735211#articleHeader0模块概览在node中,child_process这个模块非常重要。掌握了它,等于在node的世界开启了一扇新的大门。熟悉shell脚本的同学,可以用它来完成很多有意思的事情,比如文件压缩、增量部署等,感兴趣的同学,看文本文后可以尝试下。举个简单的例子:co...
2018-08-27 15:10:45
3689
原创 vue+webpack 配置mock模拟数据
这里说的是指配置mock环境1、npm install mock2、npm install cross-env这是我的mock目录在package.json 文件中配置使用cross-env NODE_ENV 传入参数mock(至于为什么用cross-env :是兼容win操作系统)之后在config目录下的dev.env.js 文件里设置这样就可以设置开发...
2018-08-24 16:14:53
2003
转载 正则表达式简要学习
正则表达式元字符元字符是功能性的匹配符号, 如:\b 单词的开头或结尾,也就是单词的分界处* 匹配任意数量的字符. 匹配除了换行之外的所有字符\d 匹配0到9单个数字\s 匹配任意的空白符,包括空格,制表符(Tab),换行符,中文全角空格等\w匹配 字母 或 数字 或 下划线 或 汉字 等^ 匹配字符串的开始$ 匹配字符串的结束例子\ba\w*\b 匹配以字母a开头的单词——先是某...
2018-08-21 09:25:59
163
转载 ESLint规则中的JavaScript知识
网上关于ESLint的介绍,安装,配置和使用等文章已经有很多了,写的都很全面,还不清楚的同学可以先去简单了解一下,本文就不作介绍了。本文的主要内容是通过ESLint的规则(Rules),从中学到 JavaScript 的基础知识。同时,提前了解这些规则的含义与理由,有助于在以后的开发中提前规避风险,提高代码质量。以下是从官网的 Rules 列表中摘取的部分规则,欢迎大家补充,共同学习。...
2018-08-09 11:03:24
2262
转载 微信小程序图片自适应,支持多图
原文链接:http://caibaojian.com/wxapp-image-responsive.html微信小程序图片自适应,是一个比较常见的需求,平时我们在WEBView中,只需要设置max-width:100%.在微信里面虽然widthFix也能实现,但有一个缺陷就是图片的宽度值要大于或者等于设定的值,否则就会发生拉伸变形,本文通过另外一种来适应。首先我们来看看图片组件给的一些说明...
2018-08-07 20:59:25
1594
转载 微信小程序不支持wx.getUserInfo授权的解决方法
原文链接:http://caibaojian.com/wx-getuserinfo.html微信小程序最近被吐槽最多的一个更改,就是用户使用wx.getUserInfo(开发和体验版)时不会弹出授权,正式版不受影响。现在授权方式是需要引导用户点击一个授权按钮,然后再弹出授权。我最近围绕这个做了一些研究,来看看我是如何做好这个授权。1.用户进来一个页面时,按照微信小程序的生命周期,开始解析o...
2018-08-07 20:57:59
3393
原创 笔记本关闭FN按键功能
偶然发现很多小伙伴都受FN按键困扰,比如f1-f12等之类按键必须结合FN使用,所以这里给出办法给大家解惑。FN+ESC按键关闭再按一次就是启动so~easy。
2018-08-02 11:24:39
1862
转载 Vue 全站缓存之 vue-router-then :实现原理
原文地址http://wanyaxing.com/blog/20180726075542.html
2018-08-01 18:13:03
749
原创 js 操作合集
1、filterfilter接受两个参数1、callBack 2、thisArgs(执行callBack的this的指向作用域),该方法用于将callback方法返回true时的值装入一个新数组中,不改变原数组的值1)function(element,index,arr)var a=[2,3,4,5,undefined,null,0,""];var b= a.filter(funct...
2018-07-31 11:53:25
469
转载 vue vue-router 完美实现前进刷新,后退不刷新。附scrollBehavior源码解析
需求:在一个vue的项目中,我们需要从一个列表页面点击列表中的某一个详情页面,从详情页面返回不刷新列表,而从列表的上一个页面重新进入列表页面则需要刷新列表。 而浏览器的机制则是每一次的页面打开都会重新执行所有的程序,所以这个功能并不能直接实现。而vue-router给我们提供了一个叫scrollBehavior的回调函数,我门可以用这个方法结合keep-alive能很好的实现这个功能,下面第...
2018-07-31 11:31:08
2768
转载 es6循环操作方法合集
原文地址https://juejin.im/post/5b5a9451f265da0f6a036346补充一:看来很多人没看完文章就评论了。我在文章末尾说了,是不写 for 循环,不是不用 for 循环。简单陈述不写 for 循环的理由:for 循环易读性差,而且鼓励写指令式代码和执行副作用。更多参考这篇文章补充二:回应大家的一些反对意见。本来准备专门写文章回应的,但是没时间,就简短回复,...
2018-07-30 20:45:34
4616
3
转载 【转载】gulp minimist
今天在看gulp自动化部署相关的文章之时,看到了一个名词minimist,比较迷惑所以搜索了一下已做记录原文链接:http://jarvys.github.io/2014/06/01/minimist-js/node.js的命令行参数解析工具有很多,比如:argparse、optimist、yars、commander。optimist和yargs内部使用的解析引擎正是minimist,如...
2018-07-30 17:14:59
983
原创 object.assign
object.assign()目的是用来合并多个javascript对象并返回一个新的参数对象。一、比如var a={name:"johe"},b={age:21};Object.assign(a,b); // 第一个参数a被称为目标对象 接下来的参数比如b则被称为源对象a; //{name:"john",age:21}b: //{age:21}二、该方法第一个参数应为对象,但是如果不是对象的话则...
2018-07-16 15:29:08
361
原创 object.defineproperty 的用法
本人语言组织能力有限,且暂为记录一下,故简单潦草写下object.defineproperty据说很牛,连observer的草案也被发起人回收,vuejs的双向绑定也是通过这个方法实现的他有三个参数1、被修改的对象2、添加或者修改的对象属性3、描述描述分为两种:1:数据描述 2:存取描述1:数据描述即为简单提供valuevalue:属性的值writable:如果...
2018-07-16 15:06:14
494
转载 svn绿色符号消失的解决办法
转载地址 https://blog.csdn.net/yngsuag/article/details/71106909我出现这个问题的时候,网上找了一堆方法都不起作用,不过明显有的方法对有些人还是起作用的,所以这里将罗列我搜索到的几个解决方法step1.首先看文件下面是否有.svn目录。如果没有,查看是否隐藏,查看方法为下图;如果通过设置为显示所有隐藏,还是没有.svn目录,则需要重新checko...
2018-05-25 16:43:05
5899
转载 [转载]vuex入门知识
终于找到一篇比较好理解的关于vuex入门的文章了。这篇文章作者写的非常好,通俗易懂。哈哈。转载地址:https://zhuanlan.zhihu.com/p/24357762Vuex 是什么? 官方是这么说的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 不懂?呵...
2018-05-15 21:42:18
209
原创 vue awesome swiper使用技巧以及一些走过的坑
本人第一次使用vue awesome。踩到的坑确实不少。官网上面的用法写的很简单,按照上面做法基本会遇到如下这个问题轮播第二次之后,首屏会自动跳过网上找了很多资料,都不能解决这个问题。于是自己琢磨了很久终于灵光一闪。一个小技巧解决了这个问题。使用方法应该很简单,去官网可以查看到方法。基本步骤如下npm install vue-awesome-swiper --save-dev...
2018-05-15 16:00:47
8112
1
原创 vue h5页面flexible使用
这是手机淘宝的移动端屏幕适配的解决方案1、vue-cli安装flexiblenpm i li-flexible --save-dev2、main.js引用 import 'lib-flexible'3、安装px2rem-loadernpm i px2rem-loader --save-dev4、修改build文件夹下的utils.js文件const cssLoader = { loader:...
2018-05-10 18:03:55
1342
原创 vue 设置代理与跨域
今天搭了一个环境,但是设置代理跨域的时候一直出错,这可能跟今天服务器不稳定有关联。下路放设置代码changeOrigin是设置是否跨域的。如果不涉及跨域可以去掉这一行,target则是代理地址假如你访问的接口地址叫做http://106.14.99.159/mall/activity/doname你在使用接口请求的时候url地址就是"/api/mall/activity/do"这样就可以访问接口了...
2018-05-10 15:59:07
1881
原创 switchHost管理员身份运行出错问题
今天下载最新版本的switchHost安装完成我的是win7*64位系统软件作者地址:https://blog.oldj.net/2011/10/20/switchhosts软件gitHub地址:https://github.com/oldj/SwitchHosts安装完成之后运行Host报错即使右键了管理身份运行也是报这个错网上也没查到解决办法,于是我试着修改本地host文件。C:\Window...
2018-05-10 11:30:48
14000
6
原创 vue 跨域请求设置
相信很多同学都与遇到过本地代码访问服务器接口,那么这时候是涉及到跨域问题的。当然vue提供了解决办法。我们打开config目录下的index.js文件修改本地开发环境的dev然后在请求的地方写成这样就可以了当我们的接口遇到/api的时候就是说需要用到我们设置的代理了...
2018-05-09 20:19:37
2438
原创 github如何上传代码
以前上传过代码,但是忘记了,现特地做个笔记1、github使用邮箱注册用户名密码,然后填写项目name,点击create。这时会生成github项目地址然后官网下载git安装,具体请看git安装教程首次上传得要还需要配置ssh key右键git bash here$ ssh-keygen -t rsa -C "youremai@com"$ ssh -T git@github.com /验证是否成功...
2018-05-09 19:47:18
217
转载 h5常见兼容性问题处理
文章转载:http://www.open-open.com/lib/view/open1449325854077.htmlMeta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,max...
2018-05-08 16:46:23
2646
原创 vue 安装命令
安装node npm install vue-clivue init webpack projectnamenpm installnpm install node-sass --save-devnpm install sass-loader --save-devnpm install style-loader --save-dev
2018-05-02 21:07:06
1049
原创 vue谷歌调试工具vue-devtools
下载地址:https://github.com/vuejs/vue-devtools下载之后第一步打开到vue-devtools目录一、npm install安装依赖包二、npm run build三、打开谷歌浏览器扩展程序 选择加载已解压的程序 点击目录shells/chrome确定然后就可以进行vue调试了...
2018-05-02 18:41:35
1367
转载 webpack 教程
存下github地址学习https://github.com/qq20004604/webpack-study/tree/master/1%E3%80%81%E6%9C%80%E7%AE%80%E5%8D%95%E7%9A%84webpack%E5%AE%9E%E4%BE%8Bvue小demo地址https://www.cnblogs.com/yingzi1028/p/6925387.htmlht...
2018-04-28 16:18:36
124
原创 es6 10种常见特性
1、默认值 之前js写默认值是这样的function(x,y){ x=x || 5; y=y || 6; }es6则提供便捷写法function(x=5,y=6){}2、模板语法//es5写法var name='小明',age=21;var html='name'+name+'age is'+age;//es6语法v
2018-01-26 21:54:43
235
转载 js中Object常用方法和属性
原文地址:http://blog.csdn.net/wlwanglu/article/details/52253002继之前js中数组的常用方法之后,Object的常用方法和属性也是很常用的。故,总结之。 一、属性 Object自带一个prototype的属性,即Object.prototype,Object.prototype本身也是一个对象,也会有一些属性和方法。如下: 1
2018-01-26 15:47:03
269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人