- 博客(46)
- 收藏
- 关注
RSS订阅原创 前端直传华为云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
3959
4
原创 jenkins自动化部署前端项目
话不多说，上流程需准备一台jenkins服务器，一台项目服务器1、安装jenkins（这里省略，有很多教程）2、打开系统管理，插件管理安装nodejs 、publish over ssh插件接着进入到如下图安装nodejs版本接着进入到ssh server Name: 远程服务器namehostname:远程服务器ipusername：远程服务器用户...
2020-03-30 14:04:05
675
2
转载 docker前端
https://blog.csdn.net/M2l0ZgSsVc7r69eFdTj/article/details/80650053https://juejin.im/post/5d23e750f265da1b855c7bbe面试100问
2019-07-16 16:56:53
175
转载 Progressive Web App
【 PWA 】今天开始 Research 一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。这个技术的呢是 Google 公司于2015 年提出的，2016 年 6 月才推广的项目。针对这一项技术目前在国外似乎已经很流行了，目前应用这项技术最火热的应用是在印度（ 大家或许会疑惑为什么是在印度最流行呢吧，下文中会告诉大...
2019-05-23 15:26:45
229
原创 vuecli3热更新配置
我们在使用vuecli3的时候难免会遇到保存代码但是页面不能自动刷新（热更新）的问题，今天分享一下我的热更新的配置 chainWebpack: (config) => { config.resolve.symlinks(true) // 修复热更新失效 }只要在chainwebpack的配置项下加一行config.resolve.symlinks(true)这样我们修...
2019-05-17 11:33:50
7411
1
原创 vueCli3测试环境打包js文件目录以及配置
vuecli3已经出来不短时间了，但是我在实际应用当中还是存在一些问题，比如我想打包一个测试环境的包，js被打包至与html同级目录下，虽然这不影响生产环境的打包目录，但这还是给我造成很大的困扰，因为我想要打包后的js文件都是存放在js文件目录下的，so~该如何做呢。只要我们在vue.config.js里面添加配置就可以了，加入我们在pakeage.json中指定测试环境mode为...
2019-05-16 11:02:30
10302
原创 微信小程序启动传参以及没有再次被触发问题
今天遇到微信小程序启动传参以及再次触发的问题，搞了差不多2小时，测试环境以及真机调试都是看不出问题的，但是在线上确实存在这种问题：先上代码onLoad (query) { this.shopCode = decodeURIComponent(query.scene) // this.shopCode = wx.getLaunchOptionsSync().quer...
2019-01-29 16:44:42
1529
原创 阿里云搭建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
1224
转载 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
2296
原创 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
263
原创 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
216
转载 Nodejs进阶：如何玩转子进程（child_process）
转载地址 https://segmentfault.com/a/1190000007735211#articleHeader0模块概览在node中，child_process这个模块非常重要。掌握了它，等于在node的世界开启了一扇新的大门。熟悉shell脚本的同学，可以用它来完成很多有意思的事情，比如文件压缩、增量部署等，感兴趣的同学，看文本文后可以尝试下。举个简单的例子：co...
2018-08-27 15:10:45
3638
原创 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
1985
转载 正则表达式简要学习
正则表达式元字符元字符是功能性的匹配符号, 如:\b 单词的开头或结尾，也就是单词的分界处* 匹配任意数量的字符. 匹配除了换行之外的所有字符\d 匹配0到9单个数字\s 匹配任意的空白符，包括空格，制表符(Tab)，换行符，中文全角空格等\w匹配 字母 或 数字 或 下划线 或 汉字 等^ 匹配字符串的开始$ 匹配字符串的结束例子\ba\w*\b 匹配以字母a开头的单词——先是某...
2018-08-21 09:25:59
149
转载 ESLint规则中的JavaScript知识
网上关于ESLint的介绍，安装，配置和使用等文章已经有很多了，写的都很全面，还不清楚的同学可以先去简单了解一下，本文就不作介绍了。本文的主要内容是通过ESLint的规则（Rules），从中学到 JavaScript 的基础知识。同时，提前了解这些规则的含义与理由，有助于在以后的开发中提前规避风险，提高代码质量。以下是从官网的 Rules 列表中摘取的部分规则，欢迎大家补充，共同学习。...
2018-08-09 11:03:24
2205
转载 微信小程序图片自适应，支持多图
原文链接：http://caibaojian.com/wxapp-image-responsive.html微信小程序图片自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%.在微信里面虽然widthFix也能实现，但有一个缺陷就是图片的宽度值要大于或者等于设定的值，否则就会发生拉伸变形，本文通过另外一种来适应。首先我们来看看图片组件给的一些说明...
2018-08-07 20:59:25
1569
转载 微信小程序不支持wx.getUserInfo授权的解决方法
原文链接：http://caibaojian.com/wx-getuserinfo.html微信小程序最近被吐槽最多的一个更改，就是用户使用wx.getUserInfo（开发和体验版）时不会弹出授权，正式版不受影响。现在授权方式是需要引导用户点击一个授权按钮，然后再弹出授权。我最近围绕这个做了一些研究，来看看我是如何做好这个授权。1.用户进来一个页面时，按照微信小程序的生命周期，开始解析o...
2018-08-07 20:57:59
3318
原创 笔记本关闭FN按键功能
偶然发现很多小伙伴都受FN按键困扰，比如f1-f12等之类按键必须结合FN使用，所以这里给出办法给大家解惑。FN+ESC按键关闭再按一次就是启动so~easy。
2018-08-02 11:24:39
1710
转载 Vue 全站缓存之 vue-router-then ：实现原理
原文地址http://wanyaxing.com/blog/20180726075542.html
2018-08-01 18:13:03
742
原创 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
449
转载 vue vue-router 完美实现前进刷新，后退不刷新。附scrollBehavior源码解析
需求：在一个vue的项目中，我们需要从一个列表页面点击列表中的某一个详情页面，从详情页面返回不刷新列表，而从列表的上一个页面重新进入列表页面则需要刷新列表。 而浏览器的机制则是每一次的页面打开都会重新执行所有的程序，所以这个功能并不能直接实现。而vue-router给我们提供了一个叫scrollBehavior的回调函数，我门可以用这个方法结合keep-alive能很好的实现这个功能，下面第...
2018-07-31 11:31:08
2726
转载 es6循环操作方法合集
原文地址https://juejin.im/post/5b5a9451f265da0f6a036346补充一：看来很多人没看完文章就评论了。我在文章末尾说了，是不写 for 循环，不是不用 for 循环。简单陈述不写 for 循环的理由：for 循环易读性差，而且鼓励写指令式代码和执行副作用。更多参考这篇文章补充二：回应大家的一些反对意见。本来准备专门写文章回应的，但是没时间，就简短回复，...
2018-07-30 20:45:34
4582
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
966
原创 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
345
原创 object.defineproperty 的用法
本人语言组织能力有限，且暂为记录一下，故简单潦草写下object.defineproperty据说很牛，连observer的草案也被发起人回收，vuejs的双向绑定也是通过这个方法实现的他有三个参数1、被修改的对象2、添加或者修改的对象属性3、描述描述分为两种：1：数据描述 2：存取描述1：数据描述即为简单提供valuevalue:属性的值writable:如果...
2018-07-16 15:06:14
482
转载 svn绿色符号消失的解决办法
转载地址 https://blog.csdn.net/yngsuag/article/details/71106909我出现这个问题的时候，网上找了一堆方法都不起作用，不过明显有的方法对有些人还是起作用的，所以这里将罗列我搜索到的几个解决方法step1.首先看文件下面是否有.svn目录。如果没有，查看是否隐藏，查看方法为下图；如果通过设置为显示所有隐藏，还是没有.svn目录，则需要重新checko...
2018-05-25 16:43:05
5750
转载 [转载]vuex入门知识
终于找到一篇比较好理解的关于vuex入门的文章了。这篇文章作者写的非常好，通俗易懂。哈哈。转载地址：https://zhuanlan.zhihu.com/p/24357762Vuex 是什么？ 官方是这么说的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 不懂？呵...
2018-05-15 21:42:18
199
原创 vue awesome swiper使用技巧以及一些走过的坑
本人第一次使用vue awesome。踩到的坑确实不少。官网上面的用法写的很简单，按照上面做法基本会遇到如下这个问题轮播第二次之后，首屏会自动跳过网上找了很多资料，都不能解决这个问题。于是自己琢磨了很久终于灵光一闪。一个小技巧解决了这个问题。使用方法应该很简单，去官网可以查看到方法。基本步骤如下npm install vue-awesome-swiper --save-dev...
2018-05-15 16:00:47
8080
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
1321
原创 vue 设置代理与跨域
今天搭了一个环境，但是设置代理跨域的时候一直出错，这可能跟今天服务器不稳定有关联。下路放设置代码changeOrigin是设置是否跨域的。如果不涉及跨域可以去掉这一行，target则是代理地址假如你访问的接口地址叫做http://106.14.99.159/mall/activity/doname你在使用接口请求的时候url地址就是"/api/mall/activity/do"这样就可以访问接口了...
2018-05-10 15:59:07
1872
原创 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
13962
6
原创 vue 跨域请求设置
相信很多同学都与遇到过本地代码访问服务器接口，那么这时候是涉及到跨域问题的。当然vue提供了解决办法。我们打开config目录下的index.js文件修改本地开发环境的dev然后在请求的地方写成这样就可以了当我们的接口遇到/api的时候就是说需要用到我们设置的代理了...
2018-05-09 20:19:37
2422
原创 github如何上传代码
以前上传过代码，但是忘记了，现特地做个笔记1、github使用邮箱注册用户名密码，然后填写项目name，点击create。这时会生成github项目地址然后官网下载git安装，具体请看git安装教程首次上传得要还需要配置ssh key右键git bash here$ ssh-keygen -t rsa -C "youremai@com"$ ssh -T [email protected] /验证是否成功...
2018-05-09 19:47:18
206
转载 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
2601
原创 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
1038
原创 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
1355
转载 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
118
原创 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
224
转载 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
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人