随笔分类 - web前端
摘要：最近接到了个需求，说是要把页面做成可自定义主题色，通过sdk来获取色值，然后前端来展示不同的主题色，这样不同的商家就可以配置不同的颜色了。 以前没遇到过，此次遇到了研究下，特此简单记录如下。 这里以.vue单文件组件，css写法为例，没有用到css预处理器。 在data函数中定义色值。如 myCol
阅读全文
摘要：最近开始尝试使用visual studio code这款编辑器，发现还挺好用的，正在适应中。这里总结一下使用中遇到的问题。 1、设置成中文语言：Ctrl + Shift + P,切入到命令行模式。输入“Configure Language”，然后点击下拉框出来的 Configure Display
阅读全文
摘要：最近在做的一个项目是关于h5横屏的。刚开始听到这个需求我是一脸的懵逼，因为从未接触过横屏，也没有看到h5横屏的项目。当时还问了公司另外一位前端小哥，他说他也没做过，不太清楚。。没办法，领导需求就是这样的，只能硬着头皮上了。。 回到自己的工位后，开始各种查资料。。然而关于横屏的确实很少。这里找到一篇关
阅读全文
摘要：最近有一个项目是接口都需要进行加密，采用的加密方法是aes-256-cbc的模式。网上查找了好多资料，也折腾了好久。终于弄好了。特此记录下。 首先安装crypto-js。 npm install crypto-js --save 然后定义2个方法，用于加密和解密。这里我将其命名为cryptoJS.j
阅读全文
摘要：在开发中，经常会遇到这样的需求，就是点击图片，能够放大预览。在网上找到了一款很好用的插件。拿来即用，不需要复杂的配置。特此记录下（这里只是针对于在vue脚手架下的使用方法）。 1、安装依赖包。 2、在main.js中配置如下： 3、在需要使用图片查看的文件中使用如下： 上面的images是一个数组，
阅读全文
摘要：众所周知，移动端有fixed遮罩或弹出层时，屏幕上滑动，后面的背景也会跟着滚动，强迫症的我总是觉得不舒服。然而也没有找到完美的解决方法。 这里说说两种能用的方法。 1、遮罩或弹层没有滚动的内容时： vue里提供了一个很好用的解决办法：@touchmove.prevent 如果不用vue的话，那就监听
阅读全文
摘要：最近一直在写移动端页面，由于之前写移动端写的比较少，所以此次踩过许多坑。特此总结一下： 1、<input type='button'>背景色在ios中的兼容性，颜色发白 解决办法：在全局样式中加入以下代码： input[type=button], input[type=submit], input[
阅读全文
摘要：以前在写网页的时候，总是使用浏览器默认的字体，因此从未使用过@font-face，然而，最近在做官网的时候，UI规定了字体，要在所有浏览器下都展现同一效果。多番查询下，发现@font-face用起来是比较容易的。 首先我们在使用某一特定字体的时候，需要先下载字体的源文件，例如方正北魏楷书简体（FZB
阅读全文
摘要：坑爹的，今天在写完页面，用各个浏览器测试的时候，火狐、谷歌都是正常的，QQ浏览器出幺蛾子了，在使用兼容模式的时候页面正常，使用急速模式的时候部分页面正常，点击跳转到其他页面的时候就出错了，打开控制台一看，css文件、js文件根本没有加载进来，说无法访问到css文件、js文件、报错代码： net::E
阅读全文
摘要：有时候想复制网上某段图文来自己应用的时候，发现文本无法选中，因而无法完成复制。总觉得挺神奇的，今天终于知道了这种效果该怎么实现了。 这里使用到了user-select属性。 代码如下： 说明： IE6-9不支持该属性，但支持使用标签属性 onselectstart="return false;" 来
阅读全文
摘要：经常会遇到图片上传的问题，这时候我们会传图片的地址，宽和高到服务器，至于图片上传就不说了，这里主要说图片上传时获取图片的原始宽和高的问题。 一般而言，我们把图片上传至服务器时，服务器会返回一个上传地址给我们，这个就是我们图片的url了，但是光有这个还是不够的，因为还要将图片的宽和高传给服务器，这时候
阅读全文
摘要：这两天在学习react native，被虐得布耀布耀的，运行一个hello world花了一天时间（手动捂脸）。 由于是跟着官网走，所以一开始便是开发环境的搭建。其他的就不说了（详情见 React Native开发环境搭建）。这里说说我踩的坑。 1、下载Android Studio（可去 官网 下载
阅读全文
摘要：何为锚点链接？这里引用一下百度百科里面对于锚点链接的介绍：锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。
阅读全文
摘要：有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要动态的去更改页面的title了，不然所有页面都是一个标题。 这时候就会想到使用js或jQuery去实现了。 1、js方式。 首先，我想到了使用document.getElementsByTagName()去获取页面的title标签
阅读全文
摘要：所谓图片热点链接就是为图片指定一个或多个区域以实现点击跳转到指定的页面。简单来说就是点击某一区域就能跳转到相应的页面，而无需点击整个图片才能跳转。 说到图片热点链接，我首先想到了map + area，当然了，可能还有其他方法也能实现。 以前只是知道有这个功能，但是具体如何实现却没有去真正的了解。由于
阅读全文
摘要：今天get到一个新的知识点，虽说不是什么复杂的东西，但是能实现效果还是蛮高兴的。 为网站添加标识性的的图标（头像）？也许有人像我一样，刚开始并不知道啥意思，但是看到别人网站都有标识性的头像，立马就明白了是啥意思。效果如下： 这样可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站，
阅读全文
摘要：在开发中，有时候经常会碰到图片水平居中或垂直居中或者水平、垂直都居中的情况，虽然知道怎么用，但是也只是局限于某一种，有时候也需要调试好一会儿才能解决，因此看了一下关于这方面的知识点，来总结一下。以代码来说事儿。 html主要代码： css代码： 1、图片水平居中。 这里有一下几种方法可以实现。 （1
阅读全文
摘要：今天在群里无意中看到了群友分享的一篇关于移动端的文章。里面其他内容我倒不大感兴趣，反而是rem让我提起了兴趣。 首先来谈一下rem，rem是CSS3中新增加的一个单位值，它和em单位一样，都是一个相对单位。所不同的是，em是相对于元素的父元素的font-size进行计算；而rem是相对于根元素htm
阅读全文
摘要：今天在写页面的时候，无意中遇到这样一个问题，就是无序列表li横向排列即做成导航栏时，列表项间有间隙。 如： 将列表项li变成列表块后（即将li标签设置为，display:inline-block后），会变成这样，中间会有间隙。 即便是将外边距、内边距都设为0后，还是有间隙。在调试了很久，还是没法解决
阅读全文
