前端
文章平均质量分 50
前端相关:JS CSS HTML
十月ooOO
精通 JS/CSS/HTML,做点有用的东西。
展开
-
如何用网页绘制一个黑莓9900的键盘效果图
入了几个黑莓蓝牙键盘,出于喜好,想做一个跟实体键盘一模一样的网页界面。原创 2024-04-18 16:27:03 · 574 阅读 · 0 评论 -
走 https 和不走 https 对前端有什么影响
之前网站走的是 https ,自从域名那边改成需要三个月就要更新之后就没有再用 https,现在都是走的 http,使用中遇到了几个比较明显的功能限制。原创 2024-04-16 09:41:00 · 260 阅读 · 0 评论 -
input 关闭输入的自动提示 autocomplate
有些时候需要将 Input 的自动提示去掉,因为不去掉的话会很烦人,比如我有一个输入温度的输入框:每次点的时候都会出来这个提示框,很烦。原创 2024-01-06 12:01:22 · 1547 阅读 · 0 评论 -
如何获取光标在 textarea 中的位置
这里的位置不是指光标所在的字符数位置,而是相对 textarea 的向上向左的大体像素位置。你可以通过来获取光标在 textarea 文本中的字符位置,比如在第几个字符上。原创 2023-12-20 00:19:31 · 899 阅读 · 0 评论 -
Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed 解决
新 chrome 出了这么一个东西,表示不让你在 console 中粘贴一些你不懂的东西,完完全全是针对普通用户的。原创 2023-12-11 23:28:31 · 15860 阅读 · 2 评论 -
iOS iPadOS safari 独立Web应用屏幕旋转的时候 onresize window.innerHeight 数值不对。
我有一个日记应用,是可以作为独立 Web 应用运行的那种,但在旋转屏幕的时候获取到的和就不对了,不是屏幕的正常尺寸。导致内容显示不正常。iPhone和 iPad 上都是这样的。本来应该是这样的。在旋转一次再转回来的时候就成了这样。原创 2023-07-02 15:58:28 · 1420 阅读 · 0 评论 -
uniapp,转微信小程序,获取当前页面的 路由、路由参数
uniapp 获取当前路由信息跟 vue 不同,它没有 route 对象。原创 2022-11-23 11:51:29 · 2665 阅读 · 0 评论 -
safari 中如何设置独立web app 的状态栏颜色背景,apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style
safari 中如何设置独立单页web app 的状态栏颜色背景,apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style参考文章:https://medium.com/appscope/changing-the-ios-status-bar-of-your-progressive-web-app-9fc8fbe8e6ab现在是 2022-02-17iPhone 现在已经可以实现将 web 应用添加到桌面上,直接打开就获得原创 2022-02-17 14:55:17 · 2464 阅读 · 0 评论 -
Chrome 谷歌浏览器 直接播放 RTSP 流 demo
Chrome 播放 RTSP demogithub: https://github.com/KyleBing/rtsp-player-chrome该项目是参考这篇文章产出的,所有文件也是该文章中提供的https://blog.csdn.net/qq_34817440/article/details/105644393使用 vxg 播放器进行转码,可直接在 chrome 中播放 rtsp 监控视频。只支持旧版的 Chrome 最新版的不支持。该库中的版本是 v72 可正常使用一、安装 Ch原创 2021-08-03 17:58:03 · 2119 阅读 · 0 评论 -
Element 如何按需引入组件,如何处理报错,Error: Cannot find module ‘babel-preset-es2015‘
Element 如何按需引入组件,如何处理报错,Error: Cannot find module ‘babel-preset-es2015‘根据官方说明按需引入组件的配置后,出错其实不需要 .babelrc 这个文件,Vue 新起的项目中已经有同作用的文件 babel.config.js,只需要在这里面添加对应的配置即可,也不需要 es2015babel.config.js 中添加如下内容官方说明:https://element.eleme.cn/#/zh-CN/component/quicks原创 2021-07-01 21:13:38 · 1337 阅读 · 0 评论 -
Vue 全局注册组件,供全局使用,单 vue 文件形式
Vue 全局注册组件,供全局使用,单 vue 文件形式有时候有的组件需要全局使用,比较你定义的一个 弹窗 组件。如果全局注册全局都可使用呢?一、新建一个盛放注册组件的 js 文件在 src 目录下新建个 js 文件,如 components.js (文件名不重要)。把所有需要全局使用的组件都从这个 js 文件中列举出来:import popMsg from "./components/popMsg";import popMsg from "./components/alertMsg";exp原创 2020-10-15 14:52:22 · 418 阅读 · 0 评论 -
ajax axios 请求时带着本地 cookie,如何设置
ajax axios 请求时带着本地 cookie,如何设置一、ajax 请求的设置在 ajax 请求中如下设置:xhrFields: { withCredentials: true},完整的请求如下$.ajax({ url: url, method: 'POST', dataType: 'json', data: queryData, // 添加下面这段 xhrFields: { withCredentials: true原创 2020-10-10 16:05:39 · 1875 阅读 · 0 评论 -
Vue axios 请求数据时 php 无法接收到数据,解决
Vue axios 请求数据时 php 无法接收到数据,解决一、实例,无法接收到数据如图,我以 post 的方式发送一个请求到 php 后台,请求中是有数据的,但后台没有接收到数据。二、解决办法这是因为 axios 发送数据时不是以 formData 的形式发送的,而 php 接收的是以 formData 形式的数据。所以我们只需要把数据在请求之前转换一下就好。这里我们用到一个工具 qs 只需要 qs.stringfy(data) 即可。你可以在每次请求时都手动 stringfy 一次,但原创 2020-10-07 22:12:33 · 1407 阅读 · 0 评论 -
Failed to decode downloaded font: 字体文件无法使用的问题
Failed to decode downloaded font: 字体文件无法使用的问题遇到这个问题,网上搜说是后台文件过滤的问题,致使文件损坏,所以才出现这个错误。测试了下,还真是:首先把有问题的字体文件从 source 标签中下载下来把项目中的文件复制一份出来对比这两个文件的大小发现大小确实不一样。所以说明就是文件的问题。这个时候找后台处理文件过滤的问题就可以了,不管是哪个过滤,肯定是过滤的问题。跟前边没干什么关系。...原创 2020-09-30 09:41:29 · 8434 阅读 · 0 评论 -
一些让人啼笑皆非、哭笑不得的错误【集合】
一些让人啼笑皆非的错误【集合】vsftp这两天碰到一个vtp的问题:能连接,就是不能上传文件问题所在:ftp用的用户是我新建的一个专门上传文件用的,给他设定的了特定的唯一的可上传的目录 zips 我把上传的目录设置到了 apache 主文件目录的一个目录上,而这个 apache 主目录之前执行了覆盖操作,这个 zips 目录的所属权也换了,所以死活无法通过ftp上传文件。把目录的所属改成...原创 2019-02-07 19:27:52 · 442 阅读 · 0 评论 -
如何统计代码总行数:指令
find . * |xargs wc -l如果统计 .html,把前面的匹配改成 .html 即可find . *.html |xargs wc -l如果统计全部文件的行数find . * |xargs wc -l效果 6 images_bak/c3.png 188 images_bak/c3.jpg 459 images_bak/g3big.jp...原创 2019-04-19 15:14:34 · 5483 阅读 · 0 评论 -
开年第一页
开年第一页 设计图: 结果图:原创 2016-10-16 15:06:14 · 508 阅读 · 0 评论 -
Mac Sublime Text 配置
Mac Sublime Text 配置插件从windows中复制Installed PackagesPackages两个文件夹到mac的/User/kyle/Library/Application Support/Sublime Text 3/Packages下面,覆盖。Less2Css从 https://nodejs.org/en/ 下载 node.js for mac,安装。 进命令行s原创 2016-10-16 14:59:03 · 965 阅读 · 0 评论 -
正则表达式笔记
正则表达式笔记标识释义.匹配除换行符以外的任意字符\w匹配字母,数字,下划线,汉字\s匹配任意空白符\d匹配数字\b匹配单词的开始或结束^匹配字符串的开始$匹配字符串的结束\ 转义字符在查找 . \ ( ) ^ * 等在正则表达式中代表特殊含义的字符时。如:www.baidu.com www.baidu.com...原创 2018-09-20 21:32:40 · 327 阅读 · 0 评论 -
php jquery ajax 调试错误信息: Uncaught SyntaxError: Unexpected token in JSON at position 0
在本地开发web应用的时候,出现了这个问题:在 ajax 代码处,总是显示这个错误Uncaught SyntaxError: Unexpected token < in JSON at position 0看了看网上的解答,都是说 json 数据错误,当然了,还用说。关键是找到错误是在哪个环节出的。找错1, 看错误位置一直提示接收到的数据格式错误,说第一位中有个 <...原创 2018-12-11 21:11:24 · 5355 阅读 · 0 评论 -
Sublime Text 关闭自动更新 | Mac
1. 打开配置文件Mac 如下图2. 在文件内部添加这段文字,就可以了:"update_check":false原创 2019-02-02 18:20:22 · 3184 阅读 · 0 评论 -
正则表达式 笔记 regExpression Regular expression
正则表达式教程 . 匹配除换行符以外的任意字符 \w 匹配字母,数字,下划线,汉字 \s 匹配任意空白符 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束\ 转义字符 在查找 . \ ( ) ^ * 等在正则表达式中代表特殊含义原创 2016-10-20 23:13:32 · 1364 阅读 · 0 评论 -
手机页面中如何创建1px宽度的间隔线
这个问题自我从一开始编写页面的时候就困扰着,一直没找到解决方法。 1px是每个显示器能显示的最小单位,但由于在手机上显示的时候,需要添加 meta viewport 相关属性,导致页面最小单位不再是1px,大约在2px左右。 前些天在看微信css的时候,发现他们已经可以做出这种效果了。 研究了下,方法如下。span{ position: relative; //因为::aft原创 2016-11-17 14:32:39 · 2033 阅读 · 0 评论 -
常用正则表达式说明
正则表达式教程 正则表达式教程 \ 转义字符 重复 选择性字符 反义 替换 分组 用()括起来的分组 位置指 贪婪与懒惰. 匹配除换行符以外的任意字符\w 匹配字母,数字,下划线,汉字\s 匹配任意空白符\d 匹配数字\b 匹配单词的开始或结束^ 匹配字符串的开始$原创 2017-04-10 16:47:35 · 519 阅读 · 0 评论 -
Safari iOS 清除缓存、在手机端调试方法 [ For Mac ]
前提: 手头有Mac写手机页面的时候,很多时候都会在手机上查看,但 iPhone 上的 Safari 浏览器有着很严重的缓存效果。 如何清除缓存呢打开 iPhone 上的调试开关在 【设置】->【Safari 浏览器】-> 最下面的【高级】里面 (iOS 11) 如果你没有选中 JavaScript 这一项,在调试的页面中 JS 是不会被执行的。 ...原创 2018-05-16 21:46:46 · 3659 阅读 · 0 评论