- 博客(31)
- 收藏
- 关注
原创 超简单vue项目通过Jenkins+gitlab自动化构建打包
超简单vue项目通过Jenkins+gitlab自动化构建打包首先我们根据箭头所指进入“全局工具配置”安装nodejs接着我们新建一个任务填写项目名称然后构建自由风格的然后首页就可以看到新建的项目点击进入配置然后配置git地址账号密码最后是选择shell命令构建打包...
2021-01-26 18:52:19 337
原创 vue入门环境搭建
最近,vue.js越来越火。在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api。。。废话不多说了,把我踩过的坑
2017-07-06 09:30:28 721
原创 js截取url中的参数
function getUrlValue(kValue) { var url = window.location.href; //当前页面的地址 var reg = /([^?&=]+)=([^?&=]+)/g, obj = {}, str = url; url.replace(reg, function () { obj[arguments[1]] = arguments[2]; }) for (var keyName in ob.
2020-08-07 14:36:17 222
原创 前端整个页面只能查看不可编辑实用版
css:.disable { pointer-events: none;}javascript://禁用$.fn.disable = function () { $(this).addClass("disable");};//启用$.fn.enable = function () { $(this).removeClass("disable");};$("#@id").disable(); //换成你的id$("#@id").enable() //换...
2020-06-22 17:13:10 1081
原创 超实用版js限制input只能输入有效的数字,且只有一个或者两个小数点,和第一个不能为小数点 和零
<!DOCTYPEhtml><html><head><title>demo</title></head><body><inputid="regInput"onkeyup="clearNoNum(this)"/></body></html><scriptlanguage=...
2020-05-20 12:26:31 931
原创 史上最详细上传代码到github!
大纲: 一、创建githubrepository(仓库) 二、安装git客户端 三、为Github账户设置SSH key 四、上传本地项目到github一、创建githubrepository(仓库)1-1 登录githubgithub的官方网址:https://github.com ,如果没有账号,赶紧注册一个。点击Sign in进入登录界面...
2019-08-06 18:34:50 279
原创 vue最新适配移动端方案vw
VUE 中的实战方案以下列表使用npm install安装即可postcss-import postcss-url autoprefixer 这个不用安装,Vue-cli3 已经集成进去了 postcss-aspect-ratio-mini postcss-cssnext postcss-px-to-viewport 核心 cssnano cssnano-preset-adv...
2019-07-31 11:13:39 569 1
原创 vue解决低版本安卓手机兼容性问题
低版本的安卓手机出现接口数据访问不到,或者白屏,是由新特性不支持引起的解决代码es6新特性兼容问题1,安装es6新特性,npm install babel-polyfill --save2,main.js 引入import 'babel-polyfill'或者引入cdn:https://cdn.bootcss.com/babel-polyfill/7.4.4/polyfi...
2019-05-13 17:29:21 6641
原创 一招教你解决跨域问题!
推荐的解决方案安装一个 Chrome 插件,https://github.com/yize/xswitch。安装成功后 点击浏览器右上方插件图标:下一步比如我们想要让 127.0.0.1 能够跨域访问 http://www.imooc.com/data/check.php 下的资源,那么只需要按下图配置下即可。 ...
2018-12-07 10:04:24 975
原创 Vue项目调用扫一扫功能 亲测好用!!!
<template><div class="erwm"><div class="scan"><div id="bcid"><div style="height:40%"></div><p class="tip"
2018-11-30 11:14:31 18651 26
原创 微信小程序调用扫一扫
//获取应用实例 var app = getApp()Page({ data: { show: "", }, onLoad: function () { console.log('onLoad') }, click: function () { var that = this; var show; wx.scanCode({ success: (...
2018-04-23 19:33:12 7956 7
原创 使用Ngrok内网服务映射到外网
1,下载windows版本的客户端,解压到你喜欢的目录2,在命令行下进入到path/to/windows_386/下3,执行 ngrok -config=ngrok.cfg -subdomain xxx port[8080] //(xxx 是你自定义的域名前缀, port端口号)4,如果开启成功 你就可以使用 xxx.tunnel.qydev.com 来访问你本机的 127.0.
2017-11-30 19:51:23 413
原创 npm安装sass
鉴于国内的环境,node-sass实在是太难安装了,可以直接通过淘宝的npm镜像来安装。1.安装cnpm(https://npm.taobao.org/)npm install -g cnpm --registry=https://registry.npm.taobao.org2.在项目文件夹下安装node-sasscnpm install --save-dev node-sass
2017-08-09 10:12:42 1913
原创 移动端虚拟键盘与fixed定位失效问题!
问题源头移动端虚拟键盘出现的条件是:文本框(文本类)获得焦点弹出键盘后原先定位与底部的东西会被虚拟键盘顶上去,样式错乱!首先我们会想到监听focus和blur事件,但是会有bug,虚拟键盘有自带的收起键盘,这样输入框还是聚焦事件,并没有触发blur事件。所以会导致失效的。解决办法我们可以换一个思路。监听改变浏览器窗口高度的时候去触发事件。下面贴上代码
2017-08-02 14:16:50 933
原创 vue全家桶项目
本项目结合前端Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)以及后端Node,一个前后端分离的练手项目。本项目可以作为一个前端vue进阶项目,从前端flex布局到前端vue以及组件分离的使用,再到后端Node以及Leancloud的结合,是一个打通前后端流程的一个项目项目地址: https://github.com/hzzly/xyy-vue
2017-07-20 13:40:20 1949
原创 vue2.0翻页组件
先上一波效果图:基本元素首先,翻页组件(以下称“pager组件”)一般拥有的元素有:上一页第一页中间显示的页码最后一页下一页初始化时需要的配置有:totalPage(总页数)initPage(初始页)showPrev(是否显示上一页)showNext(是否显示下一页)showItems(中间显示几页)showJump(是否显示跳转到第几页)这
2017-07-20 11:17:43 795 1
原创 前后端分离开发的方法(Mockjax)
大多数后端开发人员都熟悉的概念,模拟的对象或方法存根进行单元测试。Mockjax给前端开发人员定义的,以及这些请求应如何响应Ajax请求的能力。这些例子可以非常简单或相当复杂的,占整个请求-响应工作流程。概述:第一个例子我们的第一个例子将是一个发财的应用程序与REST端点存在一个简单的REST服务/restful/fortune返回以下JSON消息:{
2017-07-20 11:12:04 1026
原创 小程序开发
很多朋友都认为微信小程序申请、部署、发布很难,需要很长时间。实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发、部署、发布的方式。当然,实现的是基础功能。但是,可以给学习者很便捷的体验和很好的启发。不过,随着微信平台和云服务的发展,真担心,程序猿会失业!目录一.微信小程序申请二.服务器设置
2017-07-20 10:46:34 718 2
原创 vue2+vuex+axios的详讲
在vue2项目中,组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下(后台获取数据存入vuex,组件之间共享数据),那么就需要用vuex来管理这些。整个的流程是在组件的created中提交dispatch,然后通过action调用一个封装好的axios,然后再触发mutation来提交状态改变state中的数据,然后在组件的计算属性中获取state的数据并渲染在页
2017-07-20 10:38:42 626
原创 jquery的Ajax
jQuery在异步提交方面封装的很好,直接用AJAX非常麻烦,jquery大大简化了我们的操作,不用考虑浏览器的诧异了。推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery
2017-07-20 10:25:23 365
原创 破解 2017 IDEA license server 激活(可用)
进入ide主页面,help-register-license server,然后输入 http://idea.iteblog.com/key.PHP(注意:php要小写)即可~如下图,
2017-07-20 10:18:02 402 1
翻译 win7环境下如何关闭IIS7服务
微软自带的IIS7服务很好用,但是当我们有时候安装其它服务器如apache时,80端口被占用,这时我们就要关掉它。第一步,打开控制面板,选中管理工具。第二步,在管理工具中找到服务,双击打开第三步,在服务里面找到我World wide web,右击停止(如图标记的)最后,双击此服务,选择“禁用”。这一步很多人忽略。
2017-07-18 16:56:17 3410 1
原创 vue2.0 axios前后端数据处理
目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据。前言: 使用 cnpm 安装 axioscnpm install axios -S安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入为
2017-07-06 09:29:12 763 1
原创 HBuilder打包Vue-cli构建的APP
cmd到开发路径下执行npm run build命令,生成dist文件夹 此时需要修改config/index.js里的assetsPublicPath的字段,初始项目是/他是指向项目根目录的也是为什么会出现错误,这时改为./ ./ 当前目录../ 父级目录/ 根目录新建移动APP项目,复制dist文件夹下的index.html和static文件夹到新建
2017-07-06 09:13:37 1551 4
原创 nodejs搭建web服务器
nodejs搭建web服务器版权声明:本文为博主原创文章,未经博主允许不得转载。步骤:1、从官网https://nodejs.org/下载node.exe执行文件2、使用文本编辑器编写服务器js脚本;test.js点击(此处)折叠或打开var PORT = 8888;var http = req
2017-07-06 09:10:44 250
原创 使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界
2017-05-18 17:43:51 538 1
原创 sublime text3支持Vue语法高亮显示
1.准备语法高亮插件vue-syntax-highlight。下载地址:https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: 解开压缩包vue-syntax-highlight-master,其内所有文件备用。 2.将vue-syntax-highlight植入sbuli
2017-05-16 11:37:03 420
原创 Sublime text 2/3 中 Package Control 的安装与使用方法
Package Control 插件是一个方便 Sublime text 管理插件的插件,但因为 Sublime Text 3 更新了 Python 的函数,API不同了,导致基于 Python 开发的插件很多都不能工作,Package Control 原来的安装方法都失效了。网上有2种使用 Git 的安装方法,感觉太麻烦了。此处将 wbond 网站的 ST3 Package Contro
2017-05-16 11:35:14 143
原创 Sublime Text 3 LESS、SASS、SCSS高亮插件、提示插件
Sublime Text 3 LESS、SASS、SCSS高亮插件、提示插件所属分类:软件资源 发布时间:2015-02-15 15:05 浏览数:1816 LESS https://packagecontrol.io/packages/LESS功能:LESS高亮插件 下载
2017-05-16 11:28:38 380
原创 H5调用手机振动实现
最近在开发微信公众平台时,有一个需求是通过摇一摇进行互动活动,刚开始以为要用微信内的摇一摇功能,但是微信根本没有提供接口(摇一摇是调用手机硬件,根本不能调用),所以只能换一种思路,微信可以跟我们的服务器端对接,所以只能通过一些前端的脚本语言去解决。幸运的是:H5 + 提供了对手机硬件资源访问的封装API,这样的话,实现摇一摇和震动就有了途径,不止这些,通过这些API的调用对系统其他功能也可以访
2017-01-12 11:25:09 3351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人