ansem0444-优快云博客

转载【vue】iView-admin2.0动态菜单路由【版2】

依照iView-admin2.0动态菜单路由【版1】归纳几个节点动态路由获取方式2 ——> easymock假数据 ——> 数据转组件处理、addRoutes ——> localStorage存储 ——> 动态路由path刷新修改操作--关于动态路由1. 删掉src/main.js中mounted调用的初始化动态路由函数initRouter()———...

2019-05-23 12:12:00 801

转载【Api】easy-mock在线api

解决在使用easy-mock模拟post提交数据的情况中，我们有时需要对提交的数据进行简单逻辑处理。查阅文档发现可以使用"_req.body.keyname"来获取相应的值，但是在对演示项目进行预览操作时发现，容易出现undefined或Bad Request值。文档中提到“当 post 请求以 x-www-form-urlencoded 方式提交时，我们可以拿到请求的参数对象”...

2019-03-26 11:07:00 440

转载【vue】iView-admin2.0动态菜单路由【版1】

vue项目实现动态路由有俩种方式一.前端在routers中写好--所有--路由表 <前端控制路由>，登录时根据用户的角色权限来动态的显示菜单路由二.前端通过调用接口请求拿到当前用户--对应权限的--路由表 <后端处理路由返回>，以动态的显示菜单路由介绍第二种（参考资料segmentfault-大师兄）左侧菜单可通过 ①本地mock...

2019-03-21 14:19:00 457

转载【vue】iView-admin后台管理系统

1.目录手册解析2.跨域解决（axios访问服务器由于前端地址和后端地址不同源会出现跨域问题）实例23.动态菜单导航+权限4.webstorm 配置 Eslint 代码检查和自动修复转载于:https://www.cnblogs.com/smilexumu/p/10504697.html...

2019-03-14 14:55:00 385

转载【vue】vue-router跳转路径url多种格式

1.形如 http://localhost:8080/#/book?id=**** ①路由配置②路由定向链接，以query传参id 另外，获取query传递的参数id用this.$route.query.id2.形如 http://localhost:8080/#/book/****①路由配置 ②路由定向链...

2018-12-27 11:57:00 1322

转载【vue】vue-router路径无法正确跳转

具体描述：vue项目，npm run build时点击路由切换，第一次点击没问题，再点不会切换报错如下图原因分析：vue-router配置路由，当代码分割和懒加载时，由于webpack配置不当，导致懒加载chunk时相对路径出现混乱从而加载chunk失败。-----路径配置如下图以上路由配置，举例systemManage说明报错点编译之后，路径分别为/syste...

2018-11-14 16:05:00 1631

转载【vue】css解决“防抖动”——防止页面加载图片抖动

overflow:hidden;height:0;padding-bottom:*; // 其中*处填图片的高宽百分比=高/宽*100%转载于:https://www.cnblogs.com/smilexumu/p/9870714.html

2018-10-29 15:03:00 981

转载【小程序】页面无法更新tabbar角标属性时

在小程序论坛上找答案，一同问了，截图如下转载于:https://www.cnblogs.com/smilexumu/p/9650952.html

2018-09-15 14:55:00 387

转载【小程序】当遇到bindTap绑定无法跳转到tabbar页面时

如下图：更换成navigator包裹跳转也不起作用。cart目录在app.json中定义在底部tabBar中在小程序导航文档最下方表示所以，以上应改为转载于:https://www.cnblogs.com/smilexumu/p/9650102.html...

2018-09-15 10:09:00 699

转载【小程序】模拟数据支持(mockjs配置模拟服务器接口数据)

utils目录①下载mockjs(地址)放置utils目录中②新建api.js ：配置模拟数据以及后台接口，通过DEBUG=ture; //切换数据接口配置如下：let API_HOST = "http://xxx.com/xxx";let DEBUG = true;//切换数据入口var Mock = require('mock.js')fu...

2018-09-13 10:47:00 390

转载【vue】chrome已安装Vue Devtools在控制台却无显示

chrome已安装Vue Devtools在控制台却无显示的解决：在点亮Vue Devtools图标后，控制台没有vue解读显示。原因：脚手架配置NODE_ENV直接定义为了production版本解决：更改webpack的发布的开发环境配置为NODE_ENV: '"development"'之后，重新编译，页面刷新再F12打开控制台即可。转载于:ht...

2018-07-10 11:03:00 5183

转载【MEVN架构】mongodb+ express + vue + nodejs 搭建后台

前端技术栈：vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui服务端技术栈：nodejs + express + mongodb¶准备工作1.nodejs下载及安装2.mongodb的下载及安装配置（其中包含了NoSQL for MongoDB 的使用方式）3.【vue】后台管理项目搭建D...

2018-05-28 11:09:00 310

转载【MongoDB】MongoDB的下载安装配置及使用

windows系统教程1.下载地址（官方提供根据系统位数选择对应的bit.exe下载）由于自己win32系统不支持该官方版本，在网上又找了个 mongodb-win32-i386版本 ps: MongoDB辅助GUINoSQL Manager for MongoDB 下载Freeware 免费版即可。2.安装官方版本安装即n...

2018-05-28 10:26:00 116

转载【vue】MongoDB+Nodejs+express+Vue后台管理项目Demo

¶项目分析一个完整的网站服务架构,包括： 1、web frame ---这里应用express框架 2、web server ---这里应用nodejs 3、Database ---这里应用MonggoDB + NoSQL Manager forMonggoDB professional 进行管理 4、前端展示 ---这里应用vue1.项目服务器端...

2018-05-25 15:05:00 667

转载【服务器】Https服务配置

1）利用openssl生成证书 2）再次修改nginx配置文件nginx.conf中的server配置 ① 是默认监听http请求的8080端口的 server （再次修改，第一次是在用nginx进行反向代理处理（windows）中有修改）在以...

2018-05-22 10:25:00 158

转载【小程序】模拟请求加载数据(本地数据(无服务器))

1.新建一个data文件夹，*-data.js的数据格式如下图，并且给脚本文件定义出口 module.exports = { postList : local_database //外部访问名：当前*-data.js 中定义的数组名}2.在pages目录下对应页中的.js里调用以上定义的数据接口以上，就可以在当前page的*.wxml中使用该a...

2018-05-19 10:51:00 234

转载【小程序】text-indent设置

要想文本首行缩进，则需要设置以下1。文本以<view>标签包裹（可选）2。该标签设置margin值3。以上设置text-indent才会成功转载于:https://www.cnblogs.com/smilexumu/p/9049929.html...

2018-05-17 11:00:00 692

转载【小程序】  的识别

给标签添加decode="{{true}}" space="{{true}}" 属性eg：<text decode="{{true}}" space="{{true}}">行动目标：专业   高效  极致 </text>这样输出的结果是：行动目标：专业高效极致转载于:h...

2018-05-15 16:46:00 149

转载【小程序】<image>图片实现宽度100%时，高度自适应

*.wxss样式设置.img{width:100%}*.wxml给<image>标签添加属性 mode="widthFix"<image class="img" src="../../images/test.jpg" mode="widthFix"></image>即可。转载于:https://www.cn...

2018-05-15 16:44:00 257

转载【小程序】配置接口服务器

1.登入微信公众平台2.在菜单 “设置”-“开发设置” 配置转载于:https://www.cnblogs.com/smilexumu/p/9039429.html

2018-05-15 10:01:00 232

转载【chrome】"您的连接不是私密连接" 解决办法

1.启用显示证书选项在Chrome的地址栏中输入：chrome://flags/#show-cert-link，选择"启用"，重启Chrome浏览器。（操作过无用）2.安装证书并配置为受信任：chrome显示网站链接非私密链接不受信任(windows) （操作过一般）3.快速访问方式如下图参考链接：转载于:...

2018-05-15 09:34:00 9659

转载【chrome】安装证书并配置为受信任网站连接(windows)

当出现网站连接非私密连接不受信任时，可添加证书crt文件到系统证书里设置为受信任1、chrome设置中，高级-- 管理证书2、选择受信任的根证书颁发机构 -- 导入3、下一步找到所需要配置的*.crt证书文件，双击安装证书，选择第二项，将所有的证书放入下列储存区（受信任的根证书颁发机构），点击浏览，选择受信任的根证书颁发机构。4、重启浏览器之后应该就可...

2018-05-15 09:26:00 3636

转载【本地服务器】利用openssl生成证书

（一）下载openssl软件，解压，进入bin目录下载地址（二）1.在当前bin目录，按住shift键右击，选择"在此处打开命令窗口" 2.打开cmd命令窗口之后，在窗口中输入 openssl 命令，进入openssl 区（三）生成RSA私钥(无加密) 设置server.key genrsa -des3...

2018-05-15 08:49:00 254

转载【小程序】访问 https配置的数据接口

小程序对于网络请求的URL的特殊要求:1）不能出现端口号; 2）不能用localhost; 3) 必须用https（一）搭建本地https服务器(windows) 搭建出来的服务器地址为localhonst:3000（二）用nginx进行反向代理处理（windows）用于隐藏端口号和替换localhost 另一篇参考文：微信小程序：nginx...

2018-05-14 18:00:00 299

转载【本地服务器】windows下nginx安装操作教程

1.下载nginx下载地址： (可选择下载Stable version 版本)2.把安装放到C盘或其他盘的根目录，并解压文件压缩包，可以重命名解压的文件夹，方便找到路径（注意不要直接双击nginx.exe，这样会导致修改配置后重启、停止nginx无效，需要手动关闭任务管理器内的所有nginx进程）直接进行步骤33.windows+R快捷键打开运行...

2018-05-14 17:23:00 108

转载【本地服务器】用nginx进行反向代理处理（windows）

在通过json-server搭建本地服务器得到 http://localhost:3000/todos 的基础上，要想将接口改为www.test.com/todos这样的形式，则需要用nginx进行反向代理1.安装nginx windows下nginx安装操作教程2.配置nginx的反向代理:编辑其conf目录下的nginx.conf文件 ①...

2018-05-14 17:10:00 247

转载【本地服务器】json-server搭建本地https服务器(windows)

（一）用json-server搭建简单的服务器（搭建出来的服务器地址为localhost:3000） 1.新建Mockjson文件夹，进入该文件夹目录，运行命令 npm install -g json-server 2.在该目录中新建cars.json文件{ "cars": [ { "id": 1, "desc": "哈弗H6", ...

2018-05-14 17:06:00 532

转载【小程序】文本超出则省略号

单行：.text{font-size:28rpx;height:70rpx;line-height:35rpx;display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}多行：.text{font-size:28rpx;...

2018-05-11 10:08:00 71

转载【wx小程序】读懂app.js

参考链接：转载于:https://www.cnblogs.com/smilexumu/p/9018135.html

2018-05-10 09:58:00 68

转载【js】某字符串多次替换

eg: var str="icon icon-1chkedchkedchked"; var strNew=str.replace(new RegExp("chked","gm"),"")则多次替换字符串“chked” 之后的返回结果 strNew 为 “icon icon-1”：转载于:https://www.cnblogs.com/smilexumu/p/9015073....

2018-05-09 16:34:00 404

转载【小程序】本地资源图片无法通过 WXSS 获取

小程序升级更改：本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签。请参考文档： https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html可处理方式：网络图片http://www.moepan.net/将图片传上去，然后将外链地址复制到urlbase64...

2018-05-02 15:37:00 624

转载【小程序】（一）注册开始小程序开发

1 ）下载微信开发者工具2）开发简易教程(注册、设置)3）新建小程序项目，下载开源小程序项目一个(如：商城类)4）复制开源项目中的代码替换掉新建的小程序里面的内容，运行即可。注意：在getweapp中下载的开源项目，其中的数据接口地址统一改为http://139.224.26.167:8080 转载于:https://www.cnblogs....

2018-05-02 15:32:00 77

转载【小程序】配置本地接口开发

参考资料：https://www.cnblogs.com/xcsn/p/7538371.html转载于:https://www.cnblogs.com/smilexumu/p/8980386.html

2018-05-02 15:07:00 141

转载【css】文本超出行数以省略号显示

//超出2行省略overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; //行数设置转载于:https://www.cnblogs.com/smilexumu/p/8483648.html...

2018-02-28 14:57:00 94

转载【webstorm】project目录树显示不出

问题原因：webstorm自动生成的配置文件.idea/modules.xml损坏。解决：1.关掉webstorm；2.删除该项目下的.idea文件夹（如果隐藏，请设置显示隐藏文件夹）；3.重新打开该项目。转载于:https://www.cnblogs.com/smilexumu/p/8468741.html...

2018-02-25 10:28:00 1265

转载【Nodejs】Browsersync同步浏览器测试

说明文档：http://www.browsersync.cn/docs/安装命令：①全局安装npm install -g browser-sync②局部/本地安装npm install browser-sync --save-dev③查看安装成功否(版本号)browser-sync --version若系统却提示你“找不到该命令，无效命令”，这个问...

2018-02-09 10:55:00 139

转载【webstorm】免费使用

http://idea.imsxm.com/ 测试过ok后期追加(20180316更新为）http://idea.codebeta.cn/后期追加(20180502更新为)http://hb5.s.osidea.cc:1017转载于:https://www.cnblogs.com/smilexumu/p/8431927.html...

2018-02-08 15:59:00 1012

转载【html】前端实现筛选条件跳转

之前与PHP的合作模式之一是前端这边负责写好静态页面交货。那现在新进的公司，PHP说筛选由前端来实现。嗯，好吧。实现就实现，多锻炼下咯。<div class="fliter"> <div class="comtent_class">  <ul ...

2018-02-01 10:01:00 1568

转载【H5】复制粘贴

源文案地址使用案例案例1：复制分享链接function copyTextToClipboard(text) { var textArea = document.createElement("textarea") textArea.style.position = 'fixed' textArea.style.to...

2018-01-31 11:55:00 167

转载【H5】移动端页面根font-size设置

h5rem.js (配置写法①)(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', // pieces = 750,...

2018-01-31 11:04:00 486

空空如也

空空如也