前端
maxdaic
这个作者很懒,什么都没留下…
展开
-
如何动态修改网页元素的属性?
最近遇到一个需求,需要动态修改网页某个元素的属性,具体来说就是灰度值。我用的是uniapp这个框架,一开始我使用百度搜“js 控制style里的数值大小”,然后找到下面这样的解决方案:document.getElementById("resume").style.filter="grayscale(100%)"但奇怪的是,这个方案在hbuilder的内置浏览器里运行的好好的,一旦运行在真实的手机上,就会报错,错误如下:Cannot read property 'getElementById原创 2021-04-14 14:17:01 · 1497 阅读 · 0 评论 -
vue显示二维码
今天用vue测试一下二维码的生成效果。在网上找了qrcodejs2好像挺容易上手的,但实际上我按照网友的步骤,结果根本无法显示二维码。提示的错误就是qrcodejs2的源代码问题。当然也可能是什么模块版本的问题,blabla,反正就是让人搞得很烦。我只想安安静静地显示一个二维码,今天下午却搞了好久的模块版本兼容性问题。最后我采用了vue-qr这个工具,上手也很容易,官方文档如下https://www.npmjs.com/package/vue-qr下面是我的源代码<te.原创 2021-03-24 17:54:07 · 940 阅读 · 0 评论 -
央视网站Error多
今天偶然看到一个关于王小云的信息,说她在开讲啦里面讲了一期密码学。于是我很感兴趣去看看怎么回事。结果就看到下面这张图片。这错误数量也太惊人了吧。难道是我电脑的问题?原创 2020-06-16 09:00:24 · 111 阅读 · 0 评论 -
自己动手写个人网站——03增加游戏
因为我之前有段时间开发过一个网页版的简易的德州扑克的游戏。这个游戏的是一个网友开源的。而我当时刚好在学习golang,加上自己也喜欢打德州扑克,就研究了一下。我发现那个作者的代码根本无法运行,有好几个bug没有修复。本着拿来主义好羞耻,就不要再去麻烦作者的心里,我开始自己修复那个游戏。我看作者已经完成了大部分的功能,对我来说最麻烦的扑克牌素材之类的,作者都已经准备好了,我觉得应该没什么太大的问题了。我觉得修复一些bug应该不在话下。当时我经过几天时间的修复,还真的搞定了,可以玩了。我的可原创 2020-06-13 12:16:05 · 252 阅读 · 0 评论 -
自己动手写个人网站——02修正导航栏功能
好不容易磨磨唧唧弄出一个可以看的网站界面,后来发现有个很大的问题:导航栏的按钮没法实现跳转。可能是我在前端方面练习得太少了,感觉自己很菜,测试了好几种方法都没搞定。更让我有点接受不了的是,里面的导航栏里的类型是nav-justified, 而这个类型在bootstrap文档里说明了是过时的。我也是醉了,过时了的东西还挂在最新的说明文档里推荐给大家使用。我是看这个导航栏好看才用的,现在功能上有些问题就只能放弃了。于是我用回了最原始的nav-pills类型的导航栏。用回这个导航栏还遇到一个麻烦,我发现在刷新原创 2020-06-13 12:04:27 · 233 阅读 · 0 评论 -
自己动手写个人网站——01准备前端框架
准备前端框架的过程就像上购物网站一样。看见好多东西,都想要,但仔细想想并不适合我。网上有很多免费的模板,免费的图片。我浏览了很多,都发现不是很理想。比如图片太大了,这会导致网页加载慢。比如图片画的不符合我的构想的布局,大多数图片都把重要的元素放在图片的中央,而我写的网页刚好不是那样的,我设计的网页是中间是文章或者视频等主要的内容,而网页的四周再点缀一些好看的图片就行了。但我终究没有找到让自己满意的图片。最后实在累得不行就放弃了。到这里,我突然很想要一个UI设计师,帮我设计一款清爽的网页背景图片。原创 2020-06-13 11:36:31 · 365 阅读 · 0 评论 -
bootstap的初体验-05选项卡组件的使用
选项卡是一个比较常见的组件,在很多网站都有使用。学了一下,感觉东西有点多。选项卡从界面上讲分为两个部分,上面的是选项卡,下面的是面板。选项卡部分用ul和li定义,而面板部分用div定义。如下代码所示:<!-- 这是选项卡 --><ul class="nav nav-tabs"> <li><a href="#pan1" data-toggle="tab">博客</a></li> <li><a href原创 2020-06-12 18:28:20 · 161 阅读 · 0 评论 -
bootstap的初体验-04组件
bootstrap提供了丰富的组件,深入进去看,真实让人眼花缭乱。让我映印象刻的有两个组件。一个是徽章一个是巨幕。徽章原来我以前看到的这种带数字的按钮状的叫徽章。还有这种列表式的徽章巨幕以前看到类似这种页面,以为是排版很好的页面,没想到这个也可以用组件做,效果真的很不错,我喜欢。(全文完)参考资料:https://v3.bootcss.com/components/...原创 2020-06-12 08:12:17 · 121 阅读 · 0 评论 -
bootstap的初体验-03布局
bootstrap的布局内容很多很丰富,以一个个去尝试,能很好的扩展人的视野,尤其是像我这种没见过什么世面的程序员。确实增长了很多见识。很多时候,不是自己不想做得更好,只是受限于自己的见识,没见过更好的。而一旦见过了更好的,就觉得这应该添加到自己的list里面去,以后就这么干。例如这个小黑块真的是太让人喜欢了,醒目,强烈的区分度啊。我就是喜欢这一行文字前面那一竖的小灰块,看着就是让人感觉更专业,更正式。但是也有一些让我觉得有些摸不着头脑的设计,感觉效果没有多好,一般般嘛,如.原创 2020-06-12 05:29:52 · 103 阅读 · 0 评论 -
bootstap的初体验-02自适应的行和列
bootstrap的核心理念就是响应式设计。这个响应式设计有点抽象,望文却生不了义。什么叫响应式设计?就是一套源代码能够自适应各种不同分辨率的屏幕,如智能手机,平板,PC。因为要做到自适应各种分辨率的屏幕,所以bootstrap要做:自适应的布局自适应的图片自适应的脚本现在先来看看bootstrap怎么做到自适应的布局。这要归功于bootstrap的栅格系统。什么是栅格系统?栅格系统就是bootstrap自定义的行和列,利用这套行和列就能自适应于各种屏幕。栅格系统原创 2020-06-11 22:45:38 · 257 阅读 · 0 评论 -
bootstap的初体验-01HelloWorld
要做web编程,免不了要做前端开发。看了很多网友的意见,说是bootstrap简单易上手,于是入坑了。今天是第一天,温习了一下HTML,CSS和jQuery的一些基础知识,然后就开始入门bootstrap了。入门总是从最单的事情做起,慢慢建立信心。下载bootstrap下载jQuery新建项目把bootstrap复制到项目文件夹下把jQuery复制到项目文件夹下的js文件夹下创建并编辑index.html这里最关键的是三行代码: <link rel=原创 2020-06-11 21:16:47 · 193 阅读 · 0 评论