木灵鱼儿

木灵鱼儿 6年前 CSS

多行文本溢出显示省略号

css控制文本溢出隐藏css兼容最好的就是单行文本溢出省略号了，我们先看下单行的css是怎么设置的：p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }表示文本不换行，做一行显示，然后文本超出p元素的宽度做省略号显示，且为了兼容低版本浏览器加了超出部分裁剪的css效果。这个就是一个基本的文本溢出省略号显示的一个效果。但是，单行已经不能满足我们日常所需了，在一些文本简介中，我们都希望的是能够有多行的显示，再多则做省略号显示，这个功能目前来说，只有webkit内核的浏览器支持这个效果，i...

7635 0 1

多行文本溢出

html class="no-js"

木灵鱼儿 6年前 HTML

html class="no-js"

这个class是需要配合一个js文件才有效果，主要就是检查浏览器是否支持css3和html5的特性，通过js的一些操作，减少不同浏览器之前的差异。配合modernizr.js文件，该文件需要在head标签中引用。modernizr官网引用后给html标签加上class<html class="no-js">当然，我没有去测试这个东西，只是作为一个知识去了解一下，因为typecho的官方默认主题就用了这个class，但是他没有对应的效果，也没有引入modernizr，而是使用html5shiv，加上我写主题，本着懂的地方我就可以动，不懂就不动的做法，这个cl...

4396 0 0

no-js

html lang中文的最新标准

木灵鱼儿 6年前 HTML

html lang中文的最新标准

通过lang属性可以告诉浏览器，这是一个什么语言的界面，像网页的那些自动翻页工具，也会通过检测lang的属性来判断当前页面是什么语言。那么，这么多年了，lang的中文属性是否有变动呢？答案是有的，这里我就简单说一下一般设置为什么值才表示这个网页是中文简体。兼容性写法：<html lang="zh-CN">最新写法<html lang="zh-Hans-CN">表示：中国大陆的简体中文

5322 0 0

lang

百度举报就是个摆设

木灵鱼儿 6年前 ·

百度举报就是个摆设

百度搜索举报系统就是个摆设，明明写了，如果站点被恶意镜像是可以通过举报反馈的，搜博客名恶意网站都顶到前头来了，结果两次举报毫无效果，回复统一，从回复的内容上看，摆明了就是不管你的死活，呵呵.....既然垃圾内容能够得到保护，而辛苦的原创者只能成为案板上的肉，任人宰割，还能得到保护，容我说一句，百度倒闭，指日可待！垃圾内容充斥着搜索页，这种东西不用也罢！以防人家以为我瞎掰，这里放上截图，给你们看看百度是怎么处理的。话也不多说，垃圾的东西就是垃圾，恶心，大家做网站记得防范一下那些恶意反代的。

6639 0 3

jQuery 天气插件reachweather

木灵鱼儿 6年前锋利的JQuery

jQuery 天气插件reachweather

图是我目前主题使用的样式，但是插件不带任何ui样式，他只有三个参数选项，通过传入的success函数进行天气数据对象的操作。更新2020-2-25新增高德ip定位，增加准确性！参数参数类型说明baidukeystring百度普通ip定位开发者keyamapkeystring高德天气开发者keysuccessfunction接受一个参数，该参数为返回的天气数据对象，具体可以查看高德天气说明我们先看下success接受的data是什么东西可以看到他就是一个键值对的对象，可以通过点方法调用到对应得值。调用方法 $.reachweather({ baidukey: '百度开发者...

5615 0 0

天气插件

源映射错误：Error request failed with status 404

木灵鱼儿 6年前教程

源映射错误：Error request failed with status 404

源映射错误：Error: request failed with status 404 源 URL：https://www.mulingyuer.com/usr/themes/Reach/js/vendor.min.js 源映射 URL：vendor.min.js.map在火狐浏览器发现了这个黄色警告，提示映射源错误，但事实上js文件都是引用成功的，为此也有点摸不着头脑，怎么就弹窗了，然后往下看可以看到有一个.map的文件。首先来了解一下.map文件是做什么的map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。...

7706 0 1

源映射错误

jQ常用方法

木灵鱼儿 6年前锋利的JQuery

jQ常用方法

$(document).ready(function () { /*禁用右键菜单 * 所有元素都有contextmenu事件，通过冒泡的方式可以触发到最外围的元素 * 直接给document元素设置该事件可以阻止右键菜单事件 * */ $(document).on('contextmenu', function () { return false; }); //给a元素设置新建窗口打开 $('a[href^="http"]').attr('...

4989 0 0

jQ常用方法

jQ 狂野飙车9加载动画V1.1

木灵鱼儿 6年前锋利的JQuery

jQ 狂野飙车9加载动画V1.1

响应国家号召，在家里待着实在是没啥娱乐方式，就下了狂野飙车9玩，期间对它这个加载动画很喜欢，觉得能搞下来，就自己仿着样式写了个加载动画，这个动画以后将加入的我的自用主题效果，废话不多说，上图！更新2020-2-3优化的最后阶段动画展示方式修复快结束动画的时候，窗口发生变化导致的动画重载针对部分宽屏做了初始化原汁原味效果（默认显示固定方格位置的背景图）预览图教程设置颜色<div id="aligame" data-theme='{"backgroundColor":"#1b2a2f","borderCol...

4689 0 0

狂野飙车9加载动画

JQ Mobile框架

木灵鱼儿 6年前锋利的JQuery

JQ Mobile框架

了解了一下jq的移动端框架，因为年代久远，让我怀念曾经的时代，是何其的辉煌。首先由于年代久远，jq的版本需要使用1.0.1版本，然后下载jquery.mobile - 1.4. 5.zip，里面会有很多文件，我们需要拿两个主要文件，还有图片就行，文件分别为：jquery.mobile-1.4.5.min.cssjquery.mobile-1.4.5.min.js一个css文件，一个js文件，然后引入顺序为，css，jq，jq.mobile使用方法：通过自定义的元素属性来配置，基本结构如下<div data-role="page"> <div ...

6184 0 1

JQ Mobile框架

横向轮播

木灵鱼儿 6年前锋利的JQuery

横向轮播

应群友要求写了一个横向轮播，嗯.....有些小问题，但是不影响使用，后续再优化吧！不过现在都是用别人现成的成品了，组件那些，自写轮播挺少的了！预览图demo由于毛子的服务器移动网进不去，等回广州了再传吧！

4800 0 0

轮播

图片模糊过度原理（QQ空间图片过度效果）

木灵鱼儿 6年前 CSS

图片模糊过度原理（QQ空间图片过度效果）

之前一直用的懒加载，也就是对同一个img元素做操作，通过load事件判断图片资源是否加载完毕然后替换src链接，但是今天我不想这么做了，这么做要写太多的代码，我想有没有纯css就能解决的办法。突然我想到以前逛别人博客的时候遇到的一个情况，就是他的图片是先高斯模糊的，然后再慢慢变得清楚，为此我想到了一种情况，也是用js判断，就是需要一张很小的缩略图，然后这个缩略图拉伸到和原图一样的大小显示，然后这个图浮动再原图上方，并且做高斯模糊处理，当大图load加载完毕，小图就做透明渐变直到display：none，但是这样也太麻烦了，不是我需要的，我需要的是纯css。于是我把目光放到了qq空间上，q...

4810 0 0

图片过度懒加载高斯模糊

关于手机端虚拟键盘压缩页面高度的解决办法

木灵鱼儿 6年前 CSS vue 项目实战

关于手机端虚拟键盘压缩页面高度的解决办法

手机端只要有输入框,弹出虚拟键盘后,一般来说都会压缩整个页面的高度,这就导致了一个问题,如果浮动于底部的标签就会被压上来,以及一些根据页面高度百分比定位的元素错位,解决这个问题目前我就只有一个办法: 固定整个页面的高度在页面每次加载后获取window的innerHeight高度,然后手动给body设置这个固定的px值,并将这个值储存起来,然后再加一个window的resize事件,当页面被压缩,该事件就会触发,此时我们就判断,如果此时的windw的innerHeight高度小于之前的值,那么就将浮动底部的元素隐藏起来.注意window.innerHeight和document.body....

4798 0 0

iPhone手机端点击form表单元素自动放大

木灵鱼儿 6年前 vue 项目实战

iPhone手机端点击form表单元素自动放大

页面写好后我在ipad上测试,安卓上测试,都没有出现这个问题,但是在iPhone上就会出现,我点击表单,整个页面就会被自动放大,我当时一脸懵逼,代码没错啊,于是百度了了好久,很多人都只是提供了某一小段meta标签,实际使用并无效果,实测需要两条配合使用就可以解决这个问题,代码如下:<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width...

4261 0 0

win10 设置软件开机自启

木灵鱼儿 6年前教程

win10 设置软件开机自启

最近给笔记本重装了系统，装回了老版本1709，感觉世界都清净了，但是没有了剪贴板了，有些不是很方便，所以我就百度了下，发现吾爱有人用易语言写了一个，于是下来使用了下，还行，就是没法开机自启，所以我百度了几个办法，这里把有效的方法贴出来。直接win+r输入regedit，然后进入注册表计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run这个目录，简单点直接复制粘贴到注册表的地址栏里直接就进去了，省的翻，然后在右侧，右键新建一个字符串值，名字自己取，比如我自己设置为：copy，然后双击打开这个字符，在数值数据...

5145 0 0

windows

vue AES对称加密 crypto-js 教程

木灵鱼儿 6年前 vue 项目实战

vue AES对称加密 crypto-js 教程

之前写过一次加密,这次就重新调整并发布出来,一般来说,cookie用于存储账号信息是不安全的,但是后端一般很少会给你做这个功能性的适配,只能前端硬着头皮写了,为了安全,加密是必不可少的了,这里我们就是用crypto-js的aes加密.首先安装我们需要的插件,npm安装,其他安装自行查看npm install crypto-js --save-dev npm install vue-cookies --savecrypto-js官网vue-cookie官网安装完成后我们在需要调用的vue文件中引入,比如login.vue文件中,但是这里我们根据项目的要求,cookie需要全局引入,而加密由...

6589 0 0

crypto-js AES对称加密

处理谷歌浏览器总是提示无法阻止事件的报错

木灵鱼儿 6年前 CSS JavaScript

处理谷歌浏览器总是提示无法阻止事件的报错

这个问题一直困扰了我很久了,之前我做手机端侧栏nav的时候也会出现这个问题,因为不影响使用,也暂时没找到处理的办法,索性就没管了,今天尝试了几次方式,发现通过css设置就很很完美的解决的这个问题.首先这个问题一般都是因为我们阻止的touch事件导致的,谷歌为了让滑动能够顺滑,即便我们阻止了默认行为也是滑动的,所以才会出现这个错误.错误提示:[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See解决办法直接给body元素...

4215 0 0

谷歌报错阻止触摸事件报错

微信内置浏览器不能下载的问题以及ios衍生出来的问题

木灵鱼儿 6年前 vue 项目实战

微信内置浏览器不能下载的问题以及ios衍生出来的问题

我今天才知道,微信内置的浏览器无法点击下载链接下载文件的,虽然有一些办法,但是最简单粗暴的就是提示用浏览器打开即可.微信端要求1ios最好只用safari浏览器打开安卓用浏览器打开即可解决办法就直接判断,如果是ios就提示用safari,安卓就用其他浏览器打开,直接做ua判断即可!let ua = navigator.userAgent; if(isEquipment(ua) === "ios"){ //ios提示 }else if(isEquipment(ua) === "android")){ //安卓提示 } //判断是安卓还是ios f...

6381 0 0

安装vue-cli遇到的问题总汇

木灵鱼儿 6年前 vue 项目实战

安装vue-cli遇到的问题总汇

npm命令无法执行vscode终端中，输入npm提示无法执行，主要原因是没有权限，用管理员模式打开vscodevue-cli安装完无法输入命令运行主要原因是系统设置了禁止运行脚本，win10用管理员模式打开PowerShell，输入get-ExecutionPolicy会返回Restricted;意思是禁用了，输入set-ExecutionPolicy RemoteSigned后输入y表示开启，然后vue命令可用

3713 0 0

解决iPhone的click延迟

木灵鱼儿 6年前 vue 项目实战

解决iPhone的click延迟

上次我通过监控click的触发时间来判断是否双击后,在ipad上测试是已经解决了的,但是iPhone上居然又不行了,他需要点击三次才会触发双击事件,按道理,判断时间是没有问题的,400ms也刚刚好,于是又去研究.同事告诉我说苹果的会有click延迟,为此我测试了一下,点击一下,然后等久一点点再点击,也能触发双击,但是这个一点点的时间肯定是超过了400ms,只能说首次的click被延迟执行了.具体为什么要这样做,估计是要和ios系统本身的双击放大有关系的,反正dblclick完全不触发的,无奈又要去找解决方案.于是就找到了FastClick,他是一个在github上发布的轻量级解决方案,引...

4564 0 0

vue cli初始化遇到的两个报错

木灵鱼儿 6年前 vue 项目实战

vue cli初始化遇到的两个报错

使用npm run dev运行本地项目的时候遇到两个报错，第一个是-4058，另一个是npm ERR! Exit status 1，具体报错如下：npm ERR! node v6.11.0 npm ERR! npm v3.10.10 npm ERR! path C:\Users\BYN.YANA-PC\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall opennpm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! travel@1.0.0 dev:...

3915 0 0

ios移动端浏览器不支持dblclick事件触发

木灵鱼儿 6年前锋利的JQuery

ios移动端浏览器不支持dblclick事件触发

ios端他自己有一个双击空白区域会自己放大缩小视窗,我怀疑就是这个功能导致dblclick无法正常触发,于是只能通过单次cilick来判断了.当第二次click的触发时间小于400ms说明是双击,于是通过创建时间戳进行对比. let lastClickTime = 0; let clickTimer; $('#body').on("click", e => { let nowTime = new Date().getTime(); if (nowTime - lastClickTime < 400) { ...

7753 0 0

dblclick

vant组件ImagePreview 遇到的一个问题

木灵鱼儿 6年前 vue 项目实战

vant组件ImagePreview 遇到的一个问题

ImagePreview 是一个图箱插件,自动创建遮罩层,但是当我把它封装到一个插件里面(imgbox.vue);在两个页面都引入这个同一个组件,遮罩层会在某一个页面显示,另一个页面消失.仔细想了下,应该是他只会创建一个遮罩层,然后创建后就不在处理了,只是显示和隐藏操作,这就导致第一个页面的遮罩层被第二个页面拿走了,没法拿出来,唯一的办法就是重载了.通过v-if对这个imgbox进行重载渲染,创建一个判断属性,每次判断这个来是否挂载组件.这个判断属性要在当前页面mounted生命周期时挂载一次,但是这也只能挂载一次,所以我们还要监控路由的变化,如果又到了这两个页面,就再进行一次挂载,离开...

9493 0 1

vant组件库SwipeCell增加点击不触发功能

木灵鱼儿 6年前 vue 项目实战

vant组件库SwipeCell增加点击不触发功能

组件地址:点击SwipeCell 滑动单元格介绍他是一个封装好的组件,当手指往左滑动的时候,调出右边的菜单,往右滑时调出左边的菜单.用法除了官网提供的基本写法,还可以通过slot插入自定义的元素用于内容显示.这里就会遇到一个问题,如果我们滑动的内容里面有一个click的事件用于进入到下一个页面.当单元格处于拉开的状态,也就是左右有单元格滑动了,点击时依旧会触发click事件,但是已QQ为例,qq在左右拉开的时候,点击只会让拉开的元素还原,并不会触发click事件,所以我们要解决这个问题.解决问题由于click是由我们自己写的元素触发,click事件也是我们自己写的,所以操作上就很方便了,...

2w 0 13

vue.js项目实战第二章的错误

木灵鱼儿 6年前 vue 项目实战

vue.js项目实战第二章的错误

在3.出牌的时候，书上只是给hand组件中的card组件元素绑定了自定义的play事件，然后触发hand的methods中的handlePlay方法，并将当前card作为参数传入。但是他没有讲这个play方法触发。只是讲点击卡牌是可以触发这个自定义的play事件，而且他的css里面设置了pointer-events: none;导致这个事件没法触发到，况且本身不讲怎么触发play也无法进行下一步。简单的解决办法就是在card组件的methods中写一个自定的方法，然后在里面使用$emit触发play事件，然后css设置.hand{pointer-events: all;}就可以了，然后效...

3315 0 0

margin负值拉伸元素

木灵鱼儿 6年前 CSS

margin负值拉伸元素

今天按着书写代码的时候发现一个问题，margin负值居然无法拉伸元素，在我的理解里margin四个值都为负值的时候是可以拉伸元素的。为此我还特意百度了下，也没找到什么有价值的信息，于是自己测试了下。当元素为block话的时候，也就是正常水平流状态时，使用margin负值是可以拉伸的，但是，当你的元素设置了宽高，那么负值就不能拉伸了。他会以top和left两个方向做位置偏移。而： position: absolute; top: 0; bottom: 0; left: 0; right: 0;这种状态元素也可以看做为一个block元素，正常的水平流状态。也能用margin负值拉伸！...

5565 0 1

木灵鱼儿

多行文本溢出显示省略号

html class="no-js"

html lang中文的最新标准

百度举报就是个摆设

jQuery 天气插件reachweather

源映射错误：Error request failed with status 404

jQ常用方法

jQ 狂野飙车9加载动画V1.1

JQ Mobile框架

横向轮播

图片模糊过度原理（QQ空间图片过度效果）

关于手机端虚拟键盘压缩页面高度的解决办法

iPhone手机端点击form表单元素自动放大

win10 设置软件开机自启

vue AES对称加密 crypto-js 教程

处理谷歌浏览器总是提示无法阻止事件的报错

微信内置浏览器不能下载的问题以及ios衍生出来的问题

安装vue-cli遇到的问题总汇

解决iPhone的click延迟

vue cli初始化遇到的两个报错

ios移动端浏览器不支持dblclick事件触发

vant组件ImagePreview 遇到的一个问题

vant组件库SwipeCell增加点击不触发功能

vue.js项目实战第二章的错误

margin负值拉伸元素

最近评论

博客文章RSS订阅

博客评论RSS订阅

木灵鱼儿

登录

多行文本溢出显示省略号

html class="no-js"

html lang中文的最新标准

百度举报就是个摆设

jQuery 天气插件reachweather

源映射错误：Error request failed with status 404

jQ常用方法

jQ 狂野飙车9加载动画V1.1

JQ Mobile框架

横向轮播

图片模糊过度原理（QQ空间图片过度效果）

关于手机端虚拟键盘压缩页面高度的解决办法

iPhone手机端点击form表单元素自动放大

win10 设置软件开机自启

vue AES对称加密 crypto-js 教程

处理谷歌浏览器总是提示无法阻止事件的报错

微信内置浏览器不能下载的问题以及ios衍生出来的问题

安装vue-cli遇到的问题总汇

解决iPhone的click延迟

vue cli初始化遇到的两个报错

ios移动端浏览器不支持dblclick事件触发

vant组件ImagePreview 遇到的一个问题

vant组件库SwipeCell增加点击不触发功能

vue.js项目实战第二章的错误

margin负值拉伸元素

最近评论

博客文章RSS订阅

博客评论RSS订阅