![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
飞舞风筝
这个作者很懒,什么都没留下…
展开
-
vuex模块化
写这个也是项目中用到了。不过没有参考vuex官网提供的demon去写,所以是怎么简单怎么来。只能说对vuex的理解有限。这里就记录一下我在项目中使用vuex的详细过程吧。后期要是有时间再来记录。 首先看下目录 图片有点大 那就分两步建立模块化的vuex吧。两步。建立modules建立承载modules的Vuex.Store建立modules/*ruteModule.js 路由状态模块数据*//*原创 2018-01-18 15:24:43 · 1765 阅读 · 0 评论 -
yarn 和 npm 全局移除包
npm uninstall -g vue-clinpm install -g @vue/cliyarn global remove vue-cliyarn global add @vue/cli原创 2019-01-29 12:53:18 · 91850 阅读 · 2 评论 -
nginx history 非根目录的解决办法
vue history需要nginx或者其他方式配置一下才可正确访问,否则路由跳转之后刷新一下便会404 具体原因vue-router官网有说明,在此不多说最近遇到的问题是上了一个小的项目,需要放在更深层次的目录下,上到测试环境 做了官网提到的nginx配置发现不行,之后查阅了一些博客资料,发现都没有一个特别好的方案。最终,我的解决方案如下nginx配置如下server { ...转载 2018-11-30 09:29:06 · 3528 阅读 · 0 评论 -
js 页面上元素任意拖拽
function moveanyway () {// 获取节点var block = document.getElementById('myCoups')if (block) {var oW, oH// 绑定touchstart事件block.addEventListener('touchstart', function (e) {var touches = e....原创 2018-11-29 10:58:34 · 1994 阅读 · 1 评论 -
html输出文本,文章,识别其中的\n
只要在结果所在的 div 的 css 设置:white-space: pre-line;然后页面就能成功识别 '\n' 并整齐的显示结果了。pre{ text-indent: .2rem; color: #333333; font-size: .28rem; white-space: pre-line;} ...原创 2018-10-18 11:27:47 · 3770 阅读 · 0 评论 -
基于vue 集成element-ui ,axios网络框架。路由权限的项目
项目地址https://github.com/wp405323395/coupon_guangdian.git原创 2018-07-25 11:51:40 · 373 阅读 · 0 评论 -
ttf字体库文件转换成base64 的css文件
通过以下链接可以在线转换。https://transfonter.org/原创 2018-06-29 16:35:55 · 15762 阅读 · 0 评论 -
rem动态屏幕适配解决方案
(function (doc, win) { var docEl = doc.documentElement var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' var recalc = function () { var clientWidth = docEl.clien...原创 2018-04-08 15:55:04 · 1659 阅读 · 0 评论 -
Promise 与 async函数
Promise 实例一经创建,执行器立即执行。 new Promise((resolve, reject)=>{ setTimeout(()=>{ resolve('hello'); },10000); }).then(value=>{ return new Promise((resolve...原创 2018-03-06 14:52:30 · 2504 阅读 · 0 评论 -
跨域详解之jsonp
jsonp是非官方协议,意思就是它是一种默认的约定的形式。它是用来解决跨域问题的。它需要改动后台代码。下面来讲解jsonp的原理。 看一下jsonp发出的请求长啥样吧。 红色的就是jsonp请求,这里很明显type是script形式的,与我们引用js文件的类型是一样的。js文件没有同源要求。所以jsonp是模仿这种形式。 jsonp是一种约定,可以发现请求的链接里有一个callb...原创 2018-02-23 11:42:01 · 283 阅读 · 0 评论 -
javascript 数组
数组的最大长度是2的23次方减1.创建数组var arr = ['numly',3,5,true,,];var arr = new Array(true,false,nll,1,'hi');var arr = new Array(100);创建一个100长度的数组。操作数组。var arr = [1,2,3,4,5];delete arr[0];arr[0];//undefined,...原创 2018-03-07 15:11:18 · 165 阅读 · 0 评论 -
vue路由懒加载
路由懒加载能够提高页面的加载速度,不过使用也得看场合。有时候需要懒加载,提升首页加载速度,一般是页面层级较为复杂的时候。大家看一下不加代码分割浏览器加载的文件。 这里蓝色部分是webpack自动分割出来的,当修改业务js时候manifest和vendor是不会改变的,浏览器直接在缓存中提取。会变的是app.js。如果不采用路由分割会是什么效果呢。所有的代码都打包到app.js中,如果项目巨大,那原创 2018-01-19 10:33:31 · 41050 阅读 · 3 评论 -
js手机端上传图片,带压缩图片
1.html中添加隐藏的input<img class="input-img-wrap" v-on:click="imgClick()" :src="fapiao" v-if="fapiao" /><div class="input-img-wrap" @click="imgClick" v-else> ...原创 2019-07-17 10:07:47 · 2506 阅读 · 1 评论