前端
大白熊_BlankBear
这个作者很懒,什么都没留下…
展开
-
pointer-events: none 的两个应用场景
简介pointer-events: none真是个神奇的属性。该属性有什么用?借用CSS3 pointer-events:none 应用举例及扩展的总结来说:pointer-events: none顾名思义,就是鼠标事件拜拜的意思。元素应用了该 CSS 属性,链接啊,点击啊什么的都变成了 “浮云牌酱油”。pointer-events: none的作用是让元素实体 “虚化”。例如一个应用 pointer-events: none 的按钮元素,则我们在页面上看到的这个按钮,只是一个虚幻的...转载 2021-09-15 16:51:04 · 559 阅读 · 0 评论 -
<input type=“radio“>
一JS中设置input的type="radio"默认选中 html: <input id="Radio1" type="radio" value="男" name="st_Sex" checked="checked"/>男 <input id="Radio2" type="radio" value="女" name="st_Sex" />女 js: $("#Radio1")...转载 2021-08-13 15:05:13 · 9887 阅读 · 0 评论 -
前端html空格
html提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(       ‌‍)在不同浏览器中宽度各异。 它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了,它是按下space键产生的空格。在html中,如果你用空格...转载 2021-07-21 15:47:33 · 344 阅读 · 0 评论 -
Uncaught TypeError: xxx is not a function at HTMLAnchorElement.onclick
关于标签调用onclick中的方法无效的原因https://stackoverflow.com/questions/12816400/javascript-typeerror-xxx-is-not-a-function主要原因有几点:1、首先确保这函数的js被引入到了页面;Are you certain you added the script to the page?2、在调用该方法时,确保该方法已经被加载了。在浏览器控制台输入该方法,能正常运行。Are you certain it ..原创 2021-06-24 09:11:18 · 622 阅读 · 0 评论 -
设置alert提示框中文字的颜色,大小等属性
给需要的添加标签。 var register = "你确定挂 "+empname+" 的专家号吗?"; alert(register);转载 2021-06-24 09:09:54 · 2580 阅读 · 0 评论 -
H5页面调用手机打电话功能
里面加上: <metaname="format-detection" content="telephone=yes"/> 需要拨打电话的地方: <ahref="tel:400-0000-688">400-0000-688a> 发短信: <ahref="sms:18688888888">发短信a> ...转载 2021-06-24 09:08:34 · 1886 阅读 · 0 评论 -
yyyy-mm-dd yyyymmdd互相转换
一.yyyymmdd转yyyy-mm-dd1.[1]var r="20112233".replace(/^(\d{4})(\d{2})(\d{2})$/, "$1-$2-$3") //正则表达式一行2.var dateString = '19930701'; //正则法清晰多行var pattern = /(\d{4})(\d{2})(\d{2})/;var ...转载 2019-11-14 20:36:10 · 6323 阅读 · 0 评论 -
一个前端JQuery写一个通过clip属性来写的input+select的支持模糊查询的下拉框
一个前端JQuery写一个通过clip属性来写的input+select的支持模糊查询的下拉框Ps1:需要在数据库写一个支持模糊查询的存储过程,或者对应的逻辑Ps2:这里为了减少服务器的压力,通过setTimeOut函数将ajax操作延后执行由于是项目代码的一部分,只能尽量把代码展示出来,有疑问可以私聊我html<div class="info-item" style=...原创 2019-11-04 18:45:33 · 278 阅读 · 0 评论 -
npm install 安装过程卡住不动,无反应,或无法安装
说明:安装Node 时默认下载地址是http://registry.npmjs.org解决方案1.在 .npmrc 上配置一个国内的 registry 镜像2.使用 cnpm3.使用 VPN第1个方案很粗暴,可以解决很多下载慢的问题,但是当你用 npm publish 时就会失败第2个方案不错,但这样你就又会遇到问题,到底哪些命令需要用 cnpm,哪些命令需要用 npm 呢?VPN 方案有时也不能百分百解决问题,有时有些 VPN 也不稳定,但有个 VPN 很保险就是推荐方案:使...原创 2020-06-18 23:34:58 · 19521 阅读 · 0 评论 -
package.json中库的版本号详解
先贴一个例子,对照例子来做解释:"dependencies": {"bluebird": "^3.3.4","body-parser": "~1.15.2"}bluebird的版本号:^3.3.4body-parse的版本号:~1.15.2当我们使用最新的Node运行‘npm instal --save xxx',的时候,他会优先考虑使用插入符号(^)而不是波浪符号(~)了。这对于你来说意味这什么呢?首先我们需要理解这两者(~和^)的区别。波浪符号(~):他会更新到当前mi.转载 2020-07-02 23:05:36 · 421 阅读 · 0 评论 -
miui12上面部分app的文字显示缺失
我的是react-native项目排查了很久,发现是他预设的系统字体,在app内解析时计算空间失误,导致某些字被挤没了。尤其是空格 % - 等等特殊符号在计算大小时会失误。最后直接将app内的组件默认字体写死为一个常用字体。可以参照黑夜模式的修改这边是用了onlayout函数在加载完成后重置为我写死的默认字体就ok了...原创 2020-07-15 20:59:15 · 5241 阅读 · 0 评论 -
显示阴历(农历)日期的js代码
var CalendarData=new Array(100);var madd=new Array(12);var tgString="甲乙丙丁戊己庚辛壬癸";var dzString="子丑寅卯辰巳午未申酉戌亥";var numString="一二三四五六七八九十";var monString="正二三四五六七八九十冬腊";var weekString="日一二三四五六";var sx="鼠牛虎兔龙蛇马羊猴鸡狗猪";var cYear,cMonth,cDay,TheDate;Cale.转载 2020-06-29 22:35:40 · 1498 阅读 · 0 评论 -
RN47 一些学习
入口Import React,{ Component } from ‘react’; //加载Import {AppRegistry,Text,StyleSheet ,View } from‘react-native ‘; //加载组件AppRegistry为JS中RN入口一 样式(一)StyleSheetclass Lot extends Component {render(){return(...原创 2020-06-19 23:23:30 · 449 阅读 · 0 评论 -
ES6-ES10的新特性
之前写过一个ES6的学习笔记,但比较简略,这里总结了一个比较全的一 ES6 (特性最多的 2015)1.类(class)对于面向对象编程而言,更关注类的声明、属性、方法、静态方法、继承、多态、私有属性。首先我们要先来说明在 JavaScript 世界里如何声明一个 “类”。在 ES6 之前大家都是这么做的:letAnimal = function (type) {this.type = typethis.walk = function () {conso...原创 2020-06-17 23:37:22 · 523 阅读 · 0 评论 -
react-native 有关微信分享及支付
转载自 https://www.jianshu.com/p/6a792118fae4(一)前言React Native开发使用到微信好友或者微信朋友圈分享功能,闲来没事写一下,需要的可以看下(二)应用申请审核首先微信开发平台去注册账号并且创建一个移动应用。(地址:https://open.weixin.qq.com)将所必填的信息填写完整,应用名称以及中英文(英文是选填的)的信息,移动应用图标分别为28x28何108x108的png格式图标。继续点击下一步...原创 2020-06-16 22:41:30 · 428 阅读 · 0 评论 -
yyyy-mm-dd 替换为年月日
function aa(str,fomit){var arr = str.split(fomit); return arr[0]+'年'+arr[1]+'月'+arr[2]+'日';}原创 2020-06-16 22:37:26 · 417 阅读 · 0 评论 -
JS获取日期对应星期几
第一版,方便看懂原理_getWeek = () => {var str = ""; var week = new Date().getDay(); if (week == 0) { str = "今天是星期日"; } else if (week == 1) { str = "今天是星期一"; } else if (week == 2) { str = "今天是星期二"; } else if (week == 3.原创 2020-06-16 22:36:15 · 1818 阅读 · 0 评论 -
JavaScript 一些问题总结
一. 网络请求1.Ajax异步的使用JS和服务器进行数据交换,在不加载整个页面的情况下对网页的某部分进行数据更新1.1 创建AjaxVar ajax = window.XMLHttpRequest ? newXMLHttpRequest() : newActiveXObject(Microsoft.XMLHttp’);1.2 通过open方法进行一些配置get/postget在url后 post在请求头前get有存储限制 post没有Get提交非敏感数据和小数...原创 2020-06-14 23:01:20 · 2066 阅读 · 0 评论 -
JSP 一些问题总结
1.什么是 JSP 页面?JSP 页面是一种包含了静态数据和 JSP 元素两种类型的文本的文本文档。静态数据可以用任何基于文本的格式来表示,比如: HTML 或者 XML 。 JSP 是一种混合了静态内容和动态产生的内容的技术。2. JSP 请求是如何被处理的?浏览器首先要请求一个以.jsp 扩展名结尾的页面,发起 JSP 请求,然后, Web 服务器读取这个请求,使用JSP 编译器把 JSP 页面转化成一个 Servlet 类。需要注意的是,只有当第一次请求页面或者是 JSP 文件..原创 2020-06-14 22:44:22 · 1005 阅读 · 0 评论 -
JQuery 学习总结
1. jQuery 语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector).action()美元符号定义 jQuery选择符(selector)"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作文档就绪事件您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:$(docment).ready(function(){// 开始...原创 2020-06-14 22:40:23 · 374 阅读 · 0 评论 -
ES 6 的一些常用新特性总结
ES6新加的几个常用特性1. 块级作用域 let和constLet是更新的var,但有新语法,比如块级作用域,在作用域内没有变量提升Const常量,不可变,单指向一个对象是涉及到按对象应用还是可以改变,一般大写2. 箭头函数不用_this概念 this是定义时的对象简化回调函数 一个参数省略括号,一句话省略return ()=>{}3. Promise解决异步回调Let promise =new Promise(function(r...原创 2020-06-14 01:10:24 · 539 阅读 · 0 评论 -
JavaScript不是面向对象,而是基于对象或者说面向原型
转载自 https://blog.csdn.net/cpongo3/article/details/89026265与其它的语言相比,JavaScript中的“对象”总是显得不是那么合群。一些新人在学习JavaScript面向对象时,往往也会有疑惑:为什么JavaScript(直到ES6)有对象的概念,但是却没有像其他的语言那样,有类的概念呢?为什么在JavaScript对象里可以自由添加属性,而其他的语言却不能呢?甚至一些争论中,有人强调,JavaScript并非“面向对象的语言”,而...原创 2020-06-12 21:36:13 · 507 阅读 · 0 评论