vue webpack配置解决跨域问题vue webpack配置解决跨域问题
现在基本项目都是实行前后端分离的原则,不管是ng 或者是vue 在开发中都无法避免跨域的这个问题
本人刚上手第一个vue项目,在调用api的时候出现了跨域的这个问题
这是封装好一个简单的post 请求
http.js
post (url, data) {
return axi...[2018/10/8]
使用Boostrap框架写一个登录\注册界面
Bootstrap是一个Web前端开发框架,使用它提供的c 、js文件可以简单、方便地美化HTML控件。一般情况下,对控件的美化需要我们自己编写c 代码,并通过标签选择器、类选择器、ID选择器为指定的控件使用。Bootstrap框架为各种控件定义好了很多的类(cla ),在引入相关文件后,为控...[2018/10/8]
对于gitHub的总结随笔
作用:用于项目的版本管理
密切相关的是 git
操作 1.本地的文件上传到gi...[2018/10/8]
HTML5 添加视频和音频(响应式视频)
最初的 HTML5规范呼吁所有浏览器内置支持使用 Ogg格式① 直接播放视频或音频(无需插件)。但是由于 HTML5工作组的内部争议,曾经作为基线标准的支持 Ogg(包括 Theoravideo 和 Vorbis audio)的主张在最近更新的 HTML5规范中被放弃。因此目前的情况是,一些浏览器...[2018/10/8]
原生js、jQuery实现选项卡功能原生js、jQuery实现选项卡功能
在大家在网上平常浏览网页的时候,想必各位都会看到选项卡功能,在这里给大家详解一下用原生js、jQuery如何来写一些基本的选项卡
话不多说,先给各位看一下功能图:
好了,下边开...[2018/10/8]
移动端html5模拟长按事件的实现方法移动端html5模拟长按事件的实现方法
为啥写这篇文章 最近接了个需求,要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见,但是在移动端h5中,我们没有长按的事件,所以就需要自己模拟这个事件了。 大概效果如下: ps: 为了做个gif还下了app,还得通过邮件发到电脑上,脑瓜疼。。 思路 放弃click事件,通过...[2018/10/8]
分享一个hybrid框架ionic
ionic 是一个 HTML5 应用程序开发框架。 可以使用 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。具有速度快,界面现代化、美观等特点。下面一起看一下如何使用
安装
确保已经安装node
1. 下载Ionic and Cordova CLI.
...[2018/9/30]
HTTP的Referrer和Referrer Policy设置HTTP的Referrer和Referrer Policy设置
Referrer
referrer是HTTP请求header的报文头,用于指明当前流量的来源参考页面。通过这个信息,我们可以知道访客是怎么来到当前页面的。这对于Web Analytics非常重要,可以用于分析不同渠道流量分布、用户搜索的关键词等。
但是,这个字段同时会造成用户敏感信息泄漏(如:带有...[2018/9/28]
微信实名资料出售详情查看百度快照
要有多坚强,才敢念念不忘。微信实名资料出售 我们是一枚硬币的两面,永远都不会分离,可是,永远都不可能在一起。国内实名微信号 别等遍体鳞伤才回头 因为你后悔药还没上市呢微信实名账号
微信实名账号[2018/9/28]
CSS3实现的几个小loading效果
昨晚上闲的没事突然想做几个小loading效果,下面是昨晚上做的几个小案例,分享给大家
1.水波loading:这个loading是我觉得非常简单,但是看上去的效果却非常不错的一个小loading
这个是效果图片
下面我直接把代码放上来,大家需要的可以直接拉...[2018/9/27]
图片上传和修改样式图片上传和修改样式
我的图片上传使用form表单,html: 选择你的新头像--〉
确定 c .imgc {width:100px;height:100px;border:1px solid ...[2018/9/25]
细说移动端 经典的REM布局 与 新秀VW布局-渔人码头-
和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~
1. 前言
2. 基本概念
3. REM布局
4. VW布局
实现单边边框1px
实现多边边框1px
实现边框圆角
实现容器固定纵横比
5...[2018/9/25]
Canvas状态的保存与恢复Canvas状态的保存与恢复
Canvas的API提供了save()和restore()的方法,用于保存及恢复当前canvas绘图环境的所有属性。
save()与restore()方法可以嵌套调用
save()方法将当前绘图环境压入堆栈顶部,restore()方法从堆栈顶部弹出一组状态信息,并据此恢复当前绘图环境的各个状态...[2018/9/25]
Apache2.4.34 + php 7.28 + MySQL8.0.12 安装及配置
服务端的学习
Apache2.4.34 的安装及配置
1.基本安装
最新的 Apache 已经不提供 Windows 的安装版本,所以我们这里使用的是解压版
-下载地址:https: www.apachelounge.com/download/
-使用说明:https: httpd.ap...[2018/9/25]
填充路径时使用的非零环绕规则
如果当前路径是循环的,或者包含多个相交的子路径,那么Canvas的绘图环境变量就必须判断,当fill()方法被调用时,应该如何对当前路径进行填充。
Canvas在填充互相有交叉的路径时,使用非零环绕规则
非零环绕
对于路径中的任意给定区域,从该区域内部画一条足够长的线段,使此线段的终点完...[2018/9/25]
sass的嵌套
sa 的嵌套包括两种:
1、选择器的嵌套。(最常用到)
指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sa 文件的结构性和可读性。 在选择器嵌套中,可以使用&表示父元素选择器
sc .style
c .style
2、属性嵌套
指的是有些属性...[2018/9/25]
钉钉h5项目实战|仿钉钉聊天|h5移动端钉钉案例
最近一直着手开发h5仿钉钉项目,使用到了h5+c 3+zepto+wcPop2等技术进行开发,实现了消息、表情、动图发送,仿QQ多人拼合图像,可以选择本地图片,并可以图片、视频预览,仿微信发红包及打赏功能(点击 “拆” 会有动画旋转动画),还有类似微信长按消息弹出菜单(智能边界检测)
h5仿钉钉...[2018/9/25]
html的背景样式图片html的背景样式图片
背景图片 如果背景图片小于当前的div的情况下 默认的是将平铺充满元素 background-image 设置背景图片。 background-repeat 设置是否及如何重复背景图片。 repeat 默认的是都重复 re...[2018/9/25]
基于vue2+nuxt构建的高仿饿了么(2018版)
前言
高仿饿了么,以nuxt作为vue的服务端渲染,适合刚接触或者准备上vue r的同学参考和学习
项目地址如遇网络不佳,请移步国内镜像加速节点
效果演示
查看demo请戳这里(请用chrome手机模式预览)
移动端扫描下方二维码
API接口文档
接口文档地址(基于apidoc)
技术...[2018/9/25]
浅谈Bootstrap(介绍)
一.Bootstrap 概述Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。2010 年 6 月,Twit...[2018/9/25]
H5混合开发进阶之inspect调试
h5界面嵌套在原生app内部的时候,需要调用原生的方法,传递数据。中间难以调试代码,。
用google的 inspect调试。查看数据的传输方式。
1、adb连接正常,打开手机USB调试
2、第一次使用的时候一定要保证FQ!FQ!FQ (不懂的可以问我)
3、谷歌浏览器中打开chrome:...[2018/9/25]
在WebGL场景中管理多个卡牌对象的实验
这篇文章讨论如何在基于Babylon.js的WebGL场景中,实现多个简单卡牌类对象的显示、选择、分组、排序,同时建立一套实用的3D场景代码框架。由于作者美工能力有限,所以示例场景视觉效果可能欠佳,本文的重点在于对相关技术的探讨。
因为文章比较长,读者可以考虑将网页导出为mhtml格式...[2018/9/25]
java使用插件pagehelper在mybatis中实现分页查询
摘要: com.github.pagehelper.PageHelper是一款好用的开源免费的Mybatis第三方物理分页插件
PageHelper是国内牛人的一个开源项目,有兴趣的可以去看源码,都有中文注释
开源项目地址: https: pagehelper.github.io/
...[2018/9/25]
微信发支付宝红包(花呗)
微信发支付宝红包(花呗)
原理很简单,就是利用支付宝花呗的分享红包到微信,微信用户通过扫码跳转到支付宝领取。
第一步,获得红包地址
进入自己的支付宝红包“天天领红包”,分享二维码到微信,然后用网上的识别二维码的工具或网页将支付宝二维码解析一下,解析结果是一个ur...[2018/9/25]
Cookie的HttpOnly、secure、domain属性
Cookie主要属性
Cookie主要属性:
path
domain
max-age
expires:是expires的补充,现阶段有兼容性问题:IE低版本不支持,所以一般不单独使用
secure
httponly
JS不能读写HttpOnly Cookie
属性之间使用英文分号和空格(&qu...[2018/9/25]
vue处理循环列表动态数据问题vue处理循环列表动态数据问题
调用方法:Vue.set( target, key, value )
target:要更改的数据源(可以是对象或者数组)
key:要更改的具体数据
value :重新赋的值...[2018/9/25]
vue-scroller实现vue单页面的上拉加载和下拉刷新问题
在vue中如何简单的实现页面的上拉加载和下拉刷新,在这里我推荐使用vue-scrolle插件。
vue-scrolle的基本使用方法:
1.下载
npm i vue-scroller -D
2.导包
import&nb...[2018/9/25]
Layabox 3D游戏开发学习笔记---射线检测,鼠标控制物体运动
核心要点:3D物体碰撞是靠射线检测,射线与碰撞器相撞获取对应的碰撞点信息。
cla RayPicking03 {
private ray: Laya.Ray;
private point: Laya.Vector2 = new Laya.Vector2();
priv...[2018/9/25]
浅谈CSS高度坍塌浅谈CSS高度坍塌
高度坍塌情况:
当父元素没有设置高度,且子元素块都向左(右)浮动起来,那么父元素就会出现坍塌的现象。
解决办法:
在父元素包含块中加一个div:
优点:兼容性强,适合初学者。
缺点:不利于优化。
方法二:overflow+room
优点...[2018/9/25]
移动端H5混合开发设置复盘与总结
此篇接上一篇:
移动端H5混合开发,Touch触控,拖拽,长按, 滑屏 实现方案
https: www.cnblogs.com/buoge/p/9346699.html
app 场布设置已经上线了,用户可以通过手机端嵌入的h5网页进行场布设置,原来只能在pc端浏览器,还得带上个笔记本电脑...[2018/9/25]
Westore 1.0 正式发布 - 小程序框架一个就够
世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理和跨页通讯
Github: https: github.com/dntzhang/westore
众所周知,小程序通过页面或组件各自的 setData 再加上各种父子、祖孙、姐弟、嫂子与堂兄等等组件间的通讯会把程序搞成一团浆糊...[2018/9/25]
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
H5页面在IOS端测试的时候发现,点击按钮会闪动,出现一个黑色的背景一闪而过,影响用户体验。最后通过度娘,找到解决方法: 就是给点击的元素添加一个CSS属性或者全局添加一个c 。
-webkit-tap-highlight-color:transparent;
&n...[2018/9/25]
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决,分享给大家,具体如下: 【场景】 用户打开网页,则请求腾讯COS(图片服务器)上的图片。使用canvas绘图。 然后,用户可以重新选择图片、裁剪、上传。 【问题】 图片首次载入,选择新图片后裁剪、绘制都没有问题。但上...[2018/9/25]