v-text,v-html,{{data属性}},的用法和区别 「Vue基础」

作为一个想成为码农,却还没有成为码农的可怜虫。这一年看到跟Vue相关的资讯不在少数,心里想学,却迟迟未动手。经过两次面试的似水。开始摸清了企业对于前端的一些要求,Vue成了必备的技能,如果你不会Vue、或者其他的两大框架,基本没戏。碰壁之后,我决定回炉重造,好好学一下Vue。今天开始我决定着手学一些关于前端的文章,也算巩固一下学过的知识。Vue一共有三种插值的方式:{{}},v-text,v-html下面用一个demo来演示他们使用方法和区别。 <div id="app"> <p>{{message}}支持字符串拼凑</p> <p v-text="text">里面的内容会被覆盖<div>块元素不会被覆盖</div></p> <p v-html="html">v-text会覆盖原本的内容<div>块元素不会被覆盖</div></p> &l...

url-loader3.0 img标签src值为「Object Module」的解决办法 「Webpack4.0」

今天在学习Vue的时候,遇到了一个bug。img的图片始终无法显示,检查了图片的路径「相对路径」都是对的。我就开始怀疑是否是「webpack.config.js」的问题。该来该去,折腾了半天都没找出哪里出问题。F12检查,发现src的值为「Object Module」,一脸懵逼。查看了不少网上的文章,才发现,原来新版本的「url-loader」默认「esModule=true」。只要在配置中添加「esModule=false」就OK了。这是我之前的配置信息 module:{ rules:[ { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?esModule=false&limit=7631&name=[hash:8]-[name].[ext]' }, ] }修改后: module:{ rules:[ { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader...

在线二维码生成工具

这几天在逛GitHub的时候看到一个挺有意思的生成二维码的 JavaScript 库,就决定弄一个在线的二维码工具玩玩,也可以供大家使用。并且我还整了一个二维码生成的API接口,有自己博客的朋友可以拿来使用,都是免费的。而且我也做了对移动端的适配,手机上打开效果也还算不错。先来看一下二维码工具的整个页面,风格简单无害,绿色看起来比较舒服「个人喜好」接下就是通过一个动图来演示以下功能,整个网站都是通过JS动态加载完成,你只要在里面输入内容,就会动态生成相应的二维码。你不必要担心你的数据会保持在我的服务器里,因为整个过程并没有给服务器传输数据。我的菜鸡服务器也没有多余的空间来储存数据,这一切都只是通过javascript来实现。目前二维码的美化功能还很少,只支持在中间添加LOGO以及改变二维码大小,我个人是觉得没必要搞得花里胡哨的,所以没有做其他功能。如果大家觉得有必要的话可以在我的微信公众号后台留言。生成二维码的API接口什么人需要API接口呢?如果你是一个站长,这个API接口你很有必要试一下。当然不限于站长,具体怎么用,看你自己能想到什么骚操作。你可以访问下面的链接来了解API的...

Just my socks 搬瓦工官方机场,小白必备

之前我有写过一些关于搭建自己的梯子的教程,我自认为已经写得很详细了。但是还是有人学不会的,我也是很无奈。今天我给大家推荐安利一波,十分适合小白,价格也很实惠。还要优惠码可用。那就是————「Just my socks」 搬瓦工官方机场。「Just my socks」优势搬瓦工官方提供,可靠被墙自动换 IP,无须担心 IP 被墙支持支付宝付款支持退款1G 带宽的 CN2 GIA 线路高达 5G 带宽的 CN2 GIA 线路可选支持更改加密方式、密码和服务器端口「Just my socks」套餐详细套餐带宽流量设备价格Just My Socks 1001 G100 GB /月3 设备限制$2.88 / 月Just My Socks 5002.5G500 GB /月5 设备限制$5.88 / 月Just My Socks 10005G1TB /月无限制$9.88 / 月除了月费,还可以按年、半年或者季来购买。Just my socks 购买教程官方链接:「Just my socks」进入Just my socks官方主页,找到「store」,下图两个选项都可以跳转到套餐页面根据自己需求...

国外vps被ban,怎么拯救自己的网站

前几天梯子界发生了件大事,几乎百分之八十的节点都被ban了,我自己的也中招了。我也是头一次被ban,那一刻还真有点不知所措。ssh连不上,网站访问不了。梯子又不能用。懵逼脸。毕竟我那几个小网站都还放在那,上次删库的事情受的伤还没平息,现在又来个feng IP。这等刺激我老人家怎么受得了。懵逼了一会之后,我便开始琢磨怎么解救自己的网站。折腾的心酸过程我就不说了,最后总算让我找到了解决的办法。解决的办法很简单,也就是通过Cloudflare提供的免费CDN,进行流量中转。步骤也很少,跟着文章做应该都能解决问题。「方法很简单,前提是有人告诉你怎么做」。首先你要可以控制你的VPS,IP被ban,SSH连不上有两个解决办法。第一、通过VPS官网提供的Shell来控制。前提是你的VPS服务商官网在国内可以访问且提供shell功能,搬瓦工和Vultr官网都有提供其他的不清楚,自己去查看。例如:我自己用的VPS是搬瓦工的,很多人不知道搬瓦工的国内官网网址,在这里附上给大家:https://bwh88.net <center>搬瓦工shell</center>第二、就是通过...

做了个网站给大家听歌「多平台解析」

大家都知道现在的音乐市场已经开始从实体化转变成数字化。也就是不卖CD了,在网上销售音乐。这是唱片公司对市场的妥协,也可以说成是顺应互联网的趋势。总之以后可能听不到「白金唱片」、「砖石唱片」这些名词了。我们在判断这首歌的欢迎程度时,也许会是「下载量」和「播放量」。我个人是有唱片情怀的,也许是小时候受到我叔的感染吧。BB了这么多,进入正题吧。有认真看过我文章的朋友应该知道,我很喜欢听港乐。听歌风格也很杂,从七八十年代到近期这些我都会去听。如果我很喜欢一个歌手,我会把这个歌手的大部分歌曲都下载下来细细品尝。所以很少有在线听歌这种需求。除非心血来潮突然想听某个人的某首歌,自己的歌单里又没有才会去搜索,然而由于几大音乐软件的版权之争,有时候为了找一首歌,要在几个音乐软件之间不停切换。每到这时候就想骂娘……于是为了做一个有素质的人!终于让我在GitHub看到了一个音乐解析的项目。这个项目集合了各大音乐平台的接口,你可以在其中搜到各大平台的音乐资源。也就是说一个网站就可以搞定你听音乐的需求。不仅如此,里面还能搜到喜马拉雅、荔枝等平台的资源。该网站只能在线播放没有设置下载功能。有一点非常可惜,由...

对!我又做了个网站,玩玩看也许你会测上瘾

距离上次发文又过了两个星期,除了懒之外,还有一个原因——我又搭建了一个网站。:grimacing:这已经是我搭的第五个网站了,现在想想,觉得自己真的是闲着蛋疼。不过我想说的,这次我是玩真的。希望大家多来捧场。网站运营那些事今天写这篇文章除了给自己的新网站打广告之外,其实还想跟大家聊聊「搭建网站需要多少钱」和「把网站做起来」那些事。先来看看我的新网站。KiteQuiz,一个专注测试(游戏)的网站附上链接:https://quiz.kite1874.com「用了kite1874.com的二级域名」网站主要的内容就是各种测试,也可以理解成测试游戏。测试类型有很多,涵盖电影、游戏、音乐、人文、心理等等。网站刚建成不久,里面现在有三十多个测试题目,其中人文和心理这两种类型比较多。后续会给网站添加更多有趣的测试,感兴趣的朋友可以去玩一下,如果觉得不错顺手分享一下。收集和制作这些测试题其实是很累和费时间的事情,如果对网站有什么建议或者好的测试内容可以在网站下面留言或者联系KiteQuiz这个公众号。<center>首页</center><center>音乐&...

网站大迁移,从wordpress迁移到typecho

很多没接触过建站的朋友可能不知道什么是Wordpress?什么是Typecho?它们就是用来帮助我们快速建站的,你甚至不需要编程知识就能轻松搭建自己的网站。如果你不懂编程,又想拥有自己的个人网站,那Wordpress将是你的不二之选。先俩说说这两者的特点。WordPressWordPress目前是最多人使用的开源博客程序,听说有百分之三十的网站都是用WordPress搭建的。它的功能十分强大,有大量的主题和插件可以下载,我觉得这就是WordPress被大家追捧的原因。不过正是因为WordPress的功能十分强大「很多功能用不到」,也就变得十分庞大和臃肿。但是个人还是觉得WordPrss是最易用的建站程序TypechoTypecho是一款非常轻量的的开源博客程序,它的特点就是对CPU和内存占用都极低。运行速度也要比WordPress整个庞然大物快。它的缺点也十分明显,那就是提供的主题和插件不够丰富。最重要的一点,也是我选择它的原因——支持Markdown。虽然WordPress可以通过插件来使用Markdown,但始终我都是找不到一款合适我的Markdown插件。类似的博客程序有很...

Markdown语法大全

Markdown 的用法Markdown是为码字重度用户设计的,如果你对Markdown语法足够熟悉,写一篇文章以及给文章排版,你甚至连鼠标都不需要用到。如果你是自媒体,或者网站小编、码农等等学学Markdown还是不错的。标题Markdown 支持两种形式的标题, Setext 和 atx. Setext 等号表示一级标题,连字符「-」表示二级标题这是一级标题 ============= 这是二级标题 -------------推荐用[atx] [2]# 这是一级标题 ## 这个二级标题 ## 这是三级标题依次类推h1~h6。块引用块引用的三种用法「在使用>时,后面需要加空格。」> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. > Donec sit amet nisl. Aliquam semper ipsum sit amet...

商家的定价策略,我们是怎么被套路的?

以下这一段不是正文,可跳过。来了来了,时隔多日,我又出来发文装逼了。有认真看我文章的朋友都知道我写的东西都比较杂。有科技类的,也有教程,甚至我还写过一篇理财的文章等等。姑且给我的文章定个风格叫「什么都懂一点系列」。文章数量不多但都还算质量可以 ,至少没有为了博取眼球去写一下没营养的文章。 「从上次有人偷我的文章也能看出来了。骄傲一下,哈哈」写了这么多除了吹自己的文章质量不错之外,还有一件重要的事情告诉大家:以后发文我都会发一篇像 「什么都懂一点系列」 的文章,和一些关于web前端的文章「 因为我有在学 ,也是分享一下自己学习经验。不敢兴趣的朋友,可以只看推送的第一篇文章,也不用浪费你的时间」侵权必究,想转载的可以联系在公众号后台留言,谢谢通常我们在进行商品交易时,价格都是由商家来制定再拿出来销售的。给出的价格只要大部分买家觉得可以接受,那么这个价格就是一个合理和公平的价格。听起视乎很合理,每件商品都好像存在一个这样的价格?然而,所谓的公平价格,其实是个幻觉。因为买家和卖家在信息上存在不对称性,也就我们常说的信息差。商品的成本、行情等等商家都比你更清楚。加上消费者在消费时,往往受到...

Sublime Text 3一款强大的代码编辑器「插件篇——Web前端之路」

温馨提示:文章针对Web前端新手写的,能力有限也只能写出这种程度的文章。今天开始,我决定写一些关于web前端的文章。自己也是刚开始接触,也算把自己学到的知识回顾一下,加深记忆。菜鸡一枚,懂得也不是很多。写得不好的东西多多包涵,也欢迎留言指出我写的不好和错误的地方。今天就给推荐一款Sublime Text 3,很多人刚开始学习Web的时候使用的都是Dreamweaver,我自已也不例外。Dreamweaver功能很多,只是很多功能压根用不到的。太过臃肿,运行速度和占用内存都比较大。根本就不像一个编辑器的该有的样子。而Sublime Text则比较轻量,占用内存大概是Dreamweaver的三分之一。如果是Dreamweaver,像我这种菜鸡电脑,是吃不消的。最重要的Sublime Text支持个性化定制,有丰富的主题和插件。这个是Dreamweaver无法比拟的。Sublime Text 基本支持所以主流的编程语言文件类型,不只局限于HTML、CSS等制作网页的文件类型。尤其是多行编辑这个功能,我十分喜欢。如果说这两款哪个更好, 我个人是更倾向于Sublime Text的。使用哪一...

PLEX+transmission用你的VPS打造属于你的个人影院

前段时间为了折腾网站买了几个VPS,现在那几个网站都不玩了,所以就多出了几个闲置的VPS。就决定拿个VPS来折腾,看看都有哪里新花样可以玩。发现还不少,有拿来当网盘的、有做游戏加速器的、有做私服的、还有挂QQ的等等。玩法真是多到我不知怎么选择,然后看到了PLEX这玩意,觉得有的搞,平时我喜欢看看小电影,做个个人影院似乎也不错。来来来,教程都给你写好了!购买VPS教程:购买搬瓦工VPS 、购买Vultr VPSVPS:搬瓦工 19.9美元/年 10G空间+512M内存+500G流量 「绝种小鸡」系统:Centos7 64位PLEX+transmission「打造你的个人影院」PLEX是一款媒体播放器, 有强大的索引、解码功能。如果你上传电影,它可以帮你自动匹配海报、电影介绍等信息;如果你上传的是音乐,它可以匹配专辑封面等。 最重要的是,PLEX一个跨平台的软件,除了各大平台的客户端,它还有网页客户端,打开网页就能播放VPS里面的电影。PLEX还提供付费服务,具体功能可以到PLEX官网查看。transmission就是一个种子下载器,跟迅雷的功能差不多,不过不限速,BT下载的速度快...

科技从我们身上偷走了什么?

不知不觉已经年初十,相信大部分人都开始上班了。这两天的状态特别差,节后症候群的症状在我身上发挥到了极致。这是过年在家玩得太疯的后果。好了,瞎BB就到此结束,正题!很多时候我们在判断一个国家或者地区的发达程度,都是从科技水平出发的。一个国家是否足够强大,科技水平起到关键作用。特别是这些年我大天朝的快速发展,「科技」这个词都成了老百姓茶余饭后的谈资,就连卖菜的阿姨都不愿收现金了。过年在老家买菜的时候就被这位阿姨训了话。“现在科技这么发达,你怎么还用现金?你们这些年轻人还不如我呢!”搞得我怪不好意思的,哈哈。确实,科技给我们的生活带来了很多便利,这是每个人都有能感受到的。俗话说「有得就必有失」,凡事都有两面性。科技也不例外,今天我们就说说科技从我们身上偷走了什么?我们被科技宠坏了我们的生活变得越来越自动化,扫地有扫地机器人,你一出门。它就自动帮你打扫你的房子;开车不识路我们有导航;新闻天天报道的无人驾驶也投入量产,虽然离真正的无人驾驶还有距离,但是基本可以应付大部分场景。乍一看这些不都是好事吗?确实,我们不能否认科技给我们带来的便利。也正是因为这样,我们的工作变得更加的机械了,以前需要...

我熬夜写文章,却是为别人工作

春节过年,已经回到家当了两天咸鱼的我。今天一大早起来,就看到朋友凌晨3点给我发的消息,问我是不是给别人的公众号投稿了「也不知我这位朋友夜半的还在那里干什么不可告人的事情」,说有篇文章跟我写的文章很像。我打开一看,TM的!何止像哈!就是照搬嘛,而且还删了我很多内容。搬也搬得有水平点嘛,搞得我得文章不伦不类的。甚至连标题都懒得改,就在我的原标题上,加上个「走心篇」三个字。这篇文章这个公众号已经删了。幸好截了图!有图有真相!1看来这哥们很认同这些观点。这是我怼他的内容,早知道招呼都不打,直接投诉就是了。里面的内容没有一句是这个公众号自己写的,都是从我这篇文章里搬来的。我那心情叫一个复杂哈。说百感交集也不夸张。关注我公众号的朋友都知道,我在该公众号的价值观,每个关注的人应该看看。里说过,我想尽量写一些有价值的文章给大家,不多一周就一到两篇,多了对大家也是一种打扰。所以我每一篇文章都是花了很多心思去写的,很多篇文章都是我熬夜写出来的。为了写一篇文章我需要收集很多的资料才能写出来。因为我要尽量保障我的每篇文章的准确性,不能把一些错误的信息传给大家。你TM二话不说,就把我的文章往你公众号一放,...

误删数据库|二进制日志恢复数据库

昨天晚上不知道是不是抽风。为了试用织梦CMS,竟然把做好的网站VPS当成了另外一个用来折腾的VPS。不小心把网站数据库的数据给删了,由于自己该死的粗心大意,完全没有备份。 当时真TM的想给自己一巴掌!差点哭出来了。 以前还看过不少删库跑路的笑料。真没想到今天我也落个这样的下场。后来不断在网上搜索抢救的方法,发现了二进制日志这种东西可以恢复。发现自己有开启bin-log「要开启才会成二进制日志」,那一刻感觉上帝还是爱我的!经过昨天晚上熬夜抢救终于恢复了!附上网站网址:https://www.read008.xyz/由于自己是完全小白,对数据库也不懂。花了很大的力气才抢救回来。准备写写这个过程,大家引以为戒。写个教程,以备这种情况的发生!还有帮助遇到同样问题的朋友。一定要养成备份的习惯!!!!恢复原理:通过二进制日志生成sql文件,再运行sql文件重新录入数据。如果对着我这教程操作的,推荐先看完再操作,看看哪些地方疑惑的,再百度。不要盲目操作。在发现自己不小心删除了数据库的时候,先检查自己有没有备份,如果没有再看看有没有生成二进制日志,名字是以这种「 mysql-bin.xxxx 」...

你有没有那么一瞬间,打算单身一辈子?|单身社会

刚开始写这篇文章的时候,老实说我挺担心大家不喜欢的。毕竟大部分人都是因为我写关于科技的文章关注我的。但是这个公众号从一开始就不只是为了写科技文章而创建的。有价值有意思的东西我都会去写。正题!图片来自网络,侵权请联系删除你有没有那么一瞬间打算单身一辈子?为什么我要写一篇这样的文章,因为我发现身边单身和不婚的人越来越多了。这在我跟我们爸妈那个年代的人很不同。是什么促成了这种现象呢?这就是我要写的。网上搜刮资料我相信是所有自媒体都要做的一件事。据了解。在美国,每7个成年人中就有1人选择独居,在曼哈顿,有一半以上的人选择独居。在北欧,单身的比例更高,瑞典是世界上独居比例最高的国家,首都斯德哥尔摩的独居比例高达60%。在日本,20多岁的年轻人中,超过74%的人不在恋爱状态,40%的单身人士表示“根本不想找对象”,因为“谈恋爱很麻烦”,或者“更愿意花时间在自己的爱好上”。而且独居老人的比例也是相当高。在某乎上我也看到了各式各样的答案,我把这些答案总结成了四类:一、无奈等待型无奈等待型,即心里是有交往和成婚想法的,只是找不到合适的那个人。案例一案例二二、心里阴影和家庭不和睦型案例一案例二三、自...

服务器选择+域名选择|纯小白搭站我建站遇到的那些坑!

搭建这个网站到现在差不多已经三个月了。在这三个月里我又陆续搭建了三个网站。走过了不少的坑。今天就给大家总结纯小白建站得出的一些经验。欢迎给位大神多多指教。建站前需要准备的东西:服务器+网站域名。先来说说服务器。选择虚拟主机还是VPS「自己搭建服务器的就不要来参和了」首先来说说这两者的区别。虚拟主机解释:也就是共享主机。就是一大波人共享这些服务器的带宽、内存、CPU、储存空间等等。就相当于一个房间,大家一起合租一样,厨房、洗手间都是公用的。优点:适合小白,搭建网站需要的环境,空间商都给你弄好了。只需要简单修改一下网站的样子和内容就可以了。缺点:虚拟主机资源是共享的,如果恰好你们当中有人是做视频网站这类的,动不动就跑满带宽。那你只能祈祷了。当然如果你们共享的服务器足够强悍「你给的钱够多」那就另当别论。还有就是对于虚拟主机你能控制的东西少之有少,空间商给什么你就只能用什么。VPS解释:VPS是将一台物理服务器分割成多个虚拟专属服务器,每个VPS主机分配独立操作系统,独立的IP地址和独立的应用程序,拥有系统的所有权限。 相当于一栋楼里的每一个套间。在里面你可以随意的摆放你的家具和装饰自己...

黑科技将如何改变人与外界的沟通模式?最后一篇

这几天一直在忙搭建网站的事情,当然不是我公众号的这个网站。差点就忘了我的黑科技系列还没写这回事了。黑科技就剩最后一篇了。没看过的朋友可以戳进入看看往期的文章人类的长生不老梦,医疗黑科技篇!你做不到?那就交给科技吧!增强身体机能黑科技篇正题!看了黑科技前面两篇的朋友应该都清楚,某些黑科技确实可以让个体变得跟强大,但人说到底都是社会性动物,人需要与外界沟通,才能让生活更加充实。所以今天这篇文章就是来说说黑科技是如何改变人与外界的交流方式的。黑科技将如何改变人与外界的沟通模式? 1人工智能人工智能(下文简称AI)这个词大家都听到耳朵长茧了吧,但说到未来的沟通模式,我们却怎么都离不开它。AI其实已经开始渗透在我们生活的方法面面了,我们每天捧着的手机就是一个例子,拍照用的美颜算法;过年了回家看高速公路的路况的XX地图;还有号称越用越快的某些手机,也是有AI的参与的,也就是通过判断你的使用习惯,例如你经常打开哪些APP,AI会通过预加载等方式来提高你打开这些APP的速度「其实是提前加载好的」。生活中的例子可是很多很多。这些都只是AI的一些比较初级的应用。那未来AI将如何改变人类的生活方式呢?...

你做不到?那就交给科技吧!增强身体机能黑科技篇

在上一篇文章中,我说了「关于黑科技的文章有三篇」这种蠢话。真想打自己一巴掌。既然是自己挖的坑,总不能埋自己吧。所以第二篇来了,真想打死自己!上一篇文章好像大家不怎么感兴趣,不知道是我的标题写的不够吸引人,还是怎么?不过我想说的是,这本来就不是一个为了吸引眼球的公众号,我希望我写的每篇文章都能给看的人提供某些价值,你能从一篇文章里能获得的信息的多少取决于你对信息的敏感度。这会决定了你的层次,刻意训练这种能力很重要。我也在努力中。。。正题!正题!1我们看过的科幻片都不少,各种酷炫屌炸天的黑科技,看得肾上腺素飙升。说到科幻片,漫威肯定不能缺席。不少漫威粉都应该是钢铁侠的粉丝,一身坚硬的钢铁铠甲,随手一甩就是几个小型导弹,还有AI管家——Jarvis,帮它分析战斗数据,从而得出最优的战斗方式。整个铠甲的动力都来自它胸前小型方舟核反应堆,这东西现实中还真有,叫托卡马克,又称环磁机。体积可要比钢铁侠身上的那个大了不知道多少倍。但是今天重点可不是说AI和托卡马克,而是聊聊那身铠甲。 现实中其实是存在这玩意的,叫机械外骨骼,也叫动力外骨骼。好几个名字就不一一说了。不少科学家在这个方向上...

人类的长生不老梦,医疗黑科技篇!

身处这个时代,每个人都能感受到科技对自己生活的影响。我有时候会想,我们的生活之所以变成现在这个样子,到底跟人类在脑子里描绘的未来有多大联系?到底是人的想法改变科技发展的走向,还是科技的发展促成我们这样去生活。关于科技对生活的影响。我们不妨也来一次对未来大胆的猜测。今天我们就来聊聊那些科学家已经在着手研究,且很可能出现在未来的黑科技。由于内容篇幅比较长,我决定分成三篇文章来写。从提高医疗水平、延展人的的身体机能、增强人与外界信息沟通这三方面来解析黑科技对未来生活的众多改变。这是第一篇,我们就从能提高医疗水平的黑科技讲起。我们一直都说,生老病死是人类不能违抗的自然规律,这个结果难免会让人感到一点无奈。回顾人类历史,视乎又可以看到人类一直在努力摆脱这种宿命。秦始皇为了寻找长生不死药,派徐福带领千名童男童女入海寻找长生不老药;从战国至汉初,帝王贵族们沉醉於神仙长生不老的幻想,驱使一些方士道士炼“仙丹”,结果仙丹没炼成,到是把火药给炼了出来等等,这也说明了人类对“长生不老”的追求就没停止过。那以现在的科技水平有没有办法做到呢?其实还真有可能!黑科技将怎样提高医疗水平?一、人体器官再生在中国...