All posts by 龙生

vue路由传参的三种基本方式

项目中很多情况下都需要进行路由之间的传值，想过很多种方式 sessionstorage/localstorage/cookie 进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异 下面我来说下vue自带的路由传参的三种基本方式 先有如下场景 点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去

  第一种方法 页面刷新数据不会丢失

  需要对应路由配置如下：

  可以看出需要在path中添加/:id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值 另外页面获取参数如下

  第二种方法 页面刷新数据会丢失 通过路由属性中的name来确定匹配的路由，通过params来传递参数。

  对应路由配置: 注意这里不能使用:/id来传递参数了，因为组件中，已经使用params来携带参数了。

  子组件中: 这样来获取参数

  第三种方法 使用path来匹配路由，然后通过query来传递参数 这种情况下 query传递的参数会显示在url后面?id=？

  对应路由配置：

  对应子组件: 这样来获取参数

  特别注意哦， 组件中 获取参数的时候是router 这很重要~~~ 作者：w夏了夏天 链接：https://www.jianshu.com/p/d276dcde6656 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

View Details

js 的forEach不支持continue解决

break—-用return false; continue --用return true; 代码如下： Object.keys(flatMenuData).forEach((key) => { if (item.routeName === this.$route.name && !rs.activeItem) { //如果开启了首页不展示左侧菜单，则屏蔽左侧菜单 if(this.inner_sideMenu.opt.notActiveIndex){ if(this.$route.name ==’index'){ return true } } } } ———————————————— 版权声明：本文为CSDN博主「CarryBest」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/carrybest/article/details/89000582

View Details

web config 处理跨域请求

<system.webServer> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/> <add name="Access-Control-Allow-Headers" value="x-requested-with"/> <add name="Access-Control-Allow-Origin" value="*" /> </customHeaders> </httpProtocol> </system.webServer> from:https://www.cnblogs.com/soonqian/p/6548118.html

View Details

asp.net允许跨域配置web.config

  from:https://www.cnblogs.com/q149072205/p/11089954.html

View Details

Linux下部分删除history记录

Linux环境： CentOS Linux release 7.3.1611 (Core) 目的： 保护操作隐私。。 首先看history命令详细情况： 一般我们已知的是history -c 命令，即清除所有历史记录 但是如果服务器用的是公司的，就不好执行这种粗暴的操作了。。 部分删除操作： 1.vim ~/.bash_history 该文件即为历史记录存储文件，我们随意修改 2.修改后再次 history 查看，发现并没有变化。原因：缓存 执行：history -r 读取历史文件并将其内容添加到历史记录中，即重置文件里的内容到内存中，完成修改！   from:https://blog.csdn.net/abysscarry/article/details/79700293

View Details

Git-查看远程分支、本地分支、创建分支

1.查看本地分支

  2.查看远程分支

  3.查看所有分支

4.切换远程分支

PS:作用是checkout远程的Release分支，在本地起名为myRelease分支，并切换到本地的myRelase分支 5.合并分支 合并前要先切回要并入的分支 以下表示要把issue1234分支合并入master分支

6.撤消上一次commit的内容(该操作会彻底回退到某个版本，本地的源码也会变为上一个版本的内容) git reset --hard <commit-id> 以下表示要撤消“update build gradle configuration file”这一次的commit id,返回到"add battery settings ui"这一次的commit id,

7. git commit -m 注释换行 git commit -m 注释可以通过单引号来换行，比如：

通过git commit --amend 命令可以查看到刚刚的log信息为

  from:https://www.cnblogs.com/yongdaimi/p/7600052.html

View Details

Git 基础 – 打标签

打标签 像其他版本控制系统（VCS）一样，Git 可以给历史中的某一个提交打上标签，以示重要。 比较有代表性的是人们会使用这个功能来标记发布结点（v1.0 等等）。 在本节中，你将会学习如何列出已有的标签、如何创建新标签、以及不同类型的标签分别是什么。 列出标签 在 Git 中列出已有的标签是非常简单直观的。 只需要输入 git tag：

这个命令以字母顺序列出标签；但是它们出现的顺序并不重要。 你也可以使用特定的模式查找标签。 例如，Git 自身的源代码仓库包含标签的数量超过 500 个。 如果只对 1.8.5 系列感兴趣，可以运行：

创建标签 Git 使用两种主要类型的标签：轻量标签（lightweight）与附注标签（annotated）。 一个轻量标签很像一个不会改变的分支——它只是一个特定提交的引用。 然而，附注标签是存储在 Git 数据库中的一个完整对象。 它们是可以被校验的；其中包含打标签者的名字、电子邮件地址、日期时间；还有一个标签信息；并且可以使用 GNU Privacy Guard （GPG）签名与验证。 通常建议创建附注标签，这样你可以拥有以上所有信息；但是如果你只是想用一个临时的标签，或者因为某些原因不想要保存那些信息，轻量标签也是可用的。 附注标签 在 Git 中创建一个附注标签是很简单的。 最简单的方式是当你在运行 tag 命令时指定 -a 选项：

-m 选项指定了一条将会存储在标签中的信息。 如果没有为附注标签指定一条信息，Git 会运行编辑器要求你输入信息。 通过使用 git show 命令可以看到标签信息与对应的提交信息：

输出显示了打标签者的信息、打标签的日期时间、附注信息，然后显示具体的提交信息。 轻量标签 另一种给提交打标签的方式是使用轻量标签。 轻量标签本质上是将提交校验和存储到一个文件中——没有保存任何其他信息。 创建轻量标签，不需要使用 -a、-s 或 -m 选项，只需要提供标签名字：

这时，如果在标签上运行 git show，你不会看到额外的标签信息。 命令只会显示出提交信息：

后期打标签 你也可以对过去的提交打标签。 假设提交历史是这样的：

现在，假设在 v1.2 时你忘记给项目打标签，也就是在 “updated rakefile” 提交。 你可以在之后补上标签。 要在那个提交上打标签，你需要在命令的末尾指定提交的校验和（或部分校验和）：

可以看到你已经在那次提交上打上标签了：

共享标签 默认情况下，git push 命令并不会传送标签到远程仓库服务器上。 在创建完标签后你必须显式地推送标签到共享服务器上。 这个过程就像共享远程分支一样——你可以运行 git push origin [tagname]。

如果想要一次性推送很多标签，也可以使用带有 --tags 选项的 git push 命令。 这将会把所有不在远程仓库服务器上的标签全部传送到那里。

现在，当其他人从仓库中克隆或拉取，他们也能得到你的那些标签。 删除标签 […]

View Details

Vue项目静态文件之图片的引用

一、前提 工程文件目录 |- mock |- node_modules |- public |- src |-- api |-- assets |-- components |-- router |-- store |-- style |-- test1.scss |-- test1_main.scss |-- utils |-- views |-- static_test |-- test1.scss |-- App.vue |-- main.js 二、背景图的引用 背景图样式直接写在element的style属性里 直接在html模板里，在dom对象的style里加背景图，不起效果，代码如下：

  背景样式class写在vue文件的style标签里 写法： background: url('图片相对当前的路径') center top no-repeat

 

  编译后的css：

  背景样式class写在样式文件里，在vue文件里引入样式文件 样式写法：

  这个图片路径很重要，url是图片相对于当前vue文件的路径，而不是图片相对于样式文件的路径。 html写法， /views/static_test/test1.vue:

  样式写法， /style/test1.scss：

  /views/static_test/test1.vue，引入样式文件写法：

  编译后：

  背景样式class写在样式文件里，在main.js里引入样式文件 html写法， /views/static_test/test1.vue:

  样式写法, /style/test1_main.scss：

  请注意，url是main.js相对于图片文件的路径。 引入样式文件方法，main.js：

[…]

View Details

css3 字体自动换行第二行缩进一格

我们知道css中text-indent属性可以使每个段落首行开头文字缩进，如缩进2个文字距离样式。 p{ 　　text-indent: 2em; /*em是相对单位*/ } 注：em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。 那如果我们想让第二行缩进一格呢： p { text-indent: -2em; margin-left: 2em; } 设置text-indent: -2em;以后p标签中第一行文字向左偏移，这样第二行开始的文字就等于缩进了， 但是这样设置会导致第一行向左超出div，所以再用margin-left使p标签整体右移即可， 不过也可以用 padding-left:2em ，这样IE8里也能显示。   from:https://www.cnblogs.com/lvyeconghua/p/9375817.html

View Details

CentOS 7 最小化安装的无线网络配置

1.首先下载iw工具。 yum -y install iw 2.获取无线网卡的名称 执行iw dev，假设获得名称为 wlp3s0（示例） 3.激活无线网络接口 执行ip link set wlp3s0 up 4.扫描当前环境中的无线网络 执行iw wlp3s0 scan|grep SSID，假设你能够连接的网络名称是TP-LINK-1（示例） 5.登录指定网络 执行wpa_supplicant -B -i wlp3s0 -c <(wpa_passphrase "TP-LINK-1" "此网络的密码") 6.主动请求动态地址 dhclient wlp3s0 7.查看获取的网络地址 执行ip addr show wlp3s0 上善若水，水利万物而不争。 from:https://www.cnblogs.com/yoyotl/p/6090721.html

View Details