HTML
A_one2010
欢迎广大前端爱好者及老司机光临指导!!
gitchina地址: https://git.oschina.net/A_one2010
gitHub地址: https://github.com/CodLee
csdn博客地址: http://blog.csdn.net/a_one2010
展开
-
H5页面兼容offsetTop
offsetTop兼容原创 2024-03-19 09:07:11 · 394 阅读 · 0 评论 -
H5页面调用a标签打电话
注意事项:使用tel:119,可以在安卓上正常使用,ios有兼容问题,tel://119,在ios与安卓上都可以正常调用。原创 2023-11-10 14:58:29 · 393 阅读 · 0 评论 -
vue项目内集成pdfJs
先上官网链接 PDF.js 使用vue进行h5开发过程中,有时需要展示pdf,分享出来的页面,运行平台如果不支持pdf查看的话怎么办,pdfjs提供了很好的api,在这儿给大家提供两种方法以供参考。效果分别如下: 第一种方法,缩放,跳转等等,都需自己额外调取及操作第二种,则比较现成,样式也更接近浏览器自带的pdf预览。两种实现方法如下1 引入pdfjs-dist,调取pdfjs api 将需要查看...原创 2021-11-03 18:16:27 · 1836 阅读 · 0 评论 -
移动端小于12px 字体解决方案
随着h5 的兴起,设计的五花八门,页面存在许多小号字体。但移动端对小于12px的支持度不一,详见下面测试。https://www.cnblogs.com/he-lian/p/4512276.html?_t_t_t=0.47901571358823203 那么我们如何在特定区域展示小号字体呢。首先想到的方案就是缩放,使用 transform: scale(0.5),使用trans...原创 2020-04-29 09:43:19 · 3127 阅读 · 0 评论 -
字符串中的 ↵ 回车符替换
对于录入的一串字符串,在文本中录入时,进行回车换行。录入的结果会如下。包含回车符↵啦啦啦啦↵→妈妈们渐渐承担越来越 在进行文本编辑的时候,我们会进行回车换行,输入回车符↵ ,在前端进行段落展示的时候,使用vue v-html却展示不出换行的效果,反而展示成了空格。那么如何展示成换行。 经发现,字符串中的 ↵ 替换的时候,会被替换为 空格。...原创 2020-04-23 14:46:39 · 2645 阅读 · 0 评论 -
如何使用a标签下载文件
a标签原创 2017-04-10 10:54:20 · 15445 阅读 · 0 评论 -
嵌入式webAPP应用的部分兼容性问题
通用性:l 为解决点击延时添加 fastclick 导致 1:移动端虚拟键盘呼出时未能将页面置顶,遮盖输入框,切无法滑动至可见区;2:点透现象:点击某一选择框时,拉出下一输入框可选项;解决方案:去掉fastClick包的引用。// const FastClick = require('fastclick')// FastClick.attach(document.bod原创 2018-02-28 10:18:32 · 716 阅读 · 0 评论 -
百度富文本在vue项目中的使用
百度富文本配置这里不做过多的说明,详情请参看官网文档,http://fex.baidu.com/ueditor/#start-config定义富文本单独的组件<template> <script ref="editor" type="text/plain"></script></template><script> /*原创 2018-03-16 14:52:41 · 2927 阅读 · 0 评论 -
百度富文本自定义 命令
百度富文本虽然是一款功能强大的富文本编辑器,但是在工作中往往会遇到更多想象不到的问题,那么就需要我们扩展百度富文本的功能,分享一下如何扩展百度富文本。以做过的替换表头为例:首先,找到ueditor.all.js ,添加一下代码:此代码功能是 将table 表头 <table ...... > 替换为'<table border="1" cellpadding="0"...原创 2018-07-20 11:45:40 · 739 阅读 · 0 评论 -
vue项目中 postcss-pxtorem 的使用及webpack中的配置
移动盛行的时代,越来越多的手机型号要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式,就像布局有flex、百分比等。字体大小的控制也有px、百分比、rem等单位,这篇文章来回顾下webpack中关于px转rem。1 安装依赖包 npm install postcss-pxtorem --save-dev2 创建 .postcss.js文件,做webpack相关配置配置...原创 2018-08-06 14:44:03 · 13534 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl转载 2017-09-04 09:08:39 · 314 阅读 · 0 评论 -
利用css3vilid 验证input email邮箱
Documentinput.email:valid{background-color: green;}input.email:valid+input{background-color: green;}input.email:invalid{background-color: red;} input.email:in原创 2017-08-25 11:28:53 · 1911 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl转载 2017-08-24 16:52:47 · 219 阅读 · 0 评论 -
前端中的那些注释
web注释原创 2017-04-10 15:45:12 · 2654 阅读 · 1 评论 -
自定义网页滚动条---::webkit-scrollbar
滚动条原创 2017-04-27 09:46:09 · 972 阅读 · 0 评论 -
程序员常用英文单词汇总
编程常用单词汇总转载 2017-06-01 16:13:00 · 2694 阅读 · 0 评论 -
sublime text 的快捷键
Sublime Text 快捷键的使用快捷键列表(Shortcuts Cheatsheet)转载 2017-03-31 20:32:21 · 298 阅读 · 0 评论 -
表格表头行列与表身不对齐
未完成原创 2017-04-10 10:32:59 · 3782 阅读 · 0 评论 -
iconFont基于bootstrap的扩展
字体图标的使用原创 2017-06-13 20:24:39 · 1627 阅读 · 0 评论 -
angular模块化开发
angular的优势在于模块化开发原创 2017-08-08 15:16:13 · 920 阅读 · 0 评论 -
双向绑定及脏检查
先行流向框架如 angular\vue都有这么一个这么一个功能,即双向数据绑定,那么如何实现双向数据绑定呢?首先,我们要获取双向数据绑定,那么肯定的一点是我们要对页面元素进行遍历。获取所有的页面元素document.getElementsByTagName('*');获取之后呢,对页面上的元素进行判定,看是否具有某一特定的属性,如果有,则添加方法;具体代码如下原创 2017-08-02 17:49:29 · 1082 阅读 · 0 评论 -
angular将html代码输出为内容
angulara输出html原创 2017-08-02 15:50:57 · 6674 阅读 · 0 评论 -
网页元素3D效果展示
作为一个前端从业人员,相信大家对z-index都不陌生,那么在一个平面的世界里,怎么理解z-index这个属性。在理解z-index的时候,我们首先要清楚,一个页面是怎样构建坐标轴的,以电脑屏左上角为起点,水平方向从左往右为x轴正向,垂直方向从上往下为y轴正向,屏幕从里往外为z轴正向,这样就形成了我们便于理解的三维结构。对于定位元素,z-index才会起作用;z-index的值默认为 0原创 2017-04-07 17:15:30 · 2002 阅读 · 0 评论