- 博客(31)
- 收藏
- 关注
RSS订阅转载 银行卡和手机号占位符
效果图：银行卡手机号HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" con...
2019-08-21 17:20:00
191
转载 纯css隐藏移动端滚动条解决方案（ios上流畅滑动）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, ...
2019-08-21 17:14:00
242
转载 React事件
React事件React通过将事件处理器绑定到组件上来处理事件。React事件处理React通过将事件处理器绑定到组件上来处理事件。在事件被触发的同时，更新组件的内部状态。组件内部状态的更新会触发组件重绘。React处理事件本质上和原生Javascript事件一样、所有的事件都进行了重新封装，事件在命名上与原生Javascript规范一致，并且会在相同的场景下触发...
2019-08-09 16:36:00
176
转载 React属性与状态
React属性与状态属性和状态作为组件之间数据流动的途径。单向数据流单向数据流:更新 DOM 的数据总是从顶层流下来，用户事件不直接操作 DOM，而是操作顶层数据。这些数据从顶层流下来同时更新了 DOM。这就如同「云腾致雨，露结成霜」一样是大自然的规律。在React中，数据的流向是单向的——从父节点传递到子节点，因而组件是简单且易于把握的，它们只需要从父节点获取p...
2019-08-09 16:34:00
194
转载 ReactJSX
ReactJSXJSX允许我们 javascript代码中写HTML，而 不是用HTML包含JavaScript。JSX介绍JSX由来React是通过JavaScript生成用户界面。如果通过JavaScript语法写HTML代码，那将是一个灾难。JSX出现就是为了让我们可以在JavaScript代码中书写HTML语法来提高我们的开发效率。JSX是什么...
2019-08-09 16:22:00
117
转载 ReactAPI
React元素元素用来描述你在屏幕上看到的内容：const title = <h2>Hello, world</h2>;React元素与DOM元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。注意: 初学者很可能把元素的定义和一个内涵更广的定义...
2019-08-09 16:16:00
60
转载 React开发技术
React开发相关栈React技术栈名称版本描述安装方式文档地址reactReact核心npm install reacthttps://doc.react-china.org/react-domReactDOM相关操作npm install react-dom同上react-router-dom...
2019-08-09 16:12:00
106
转载 react环境搭建
1.安装Node环境1.先确保在node环境下，下载地址:https://nodejs.org/en/2.安装完成后，运行windows窗口，操作：windows+R，会出现如下画面：3.确定后，输入 node -v,可以看到node版本，确定已安装了node2.创建react项目npx create-react-app my-app //创...
2019-08-09 16:10:00
81
转载 Ajax文件上传
一、input:file属性属性值有以下几个比较常用：accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。1、accept只能选择png和gif图片<input id="fileId1" type="file" ac...
2019-08-08 16:37:00
89
转载 css 让多出的文字成省略号...
文字换行和不换行：white-space:breakallwhite-space:nowrap单行超出的文字呈省略号： white-space:nowrap; overflow:hidden; text-overflow:ellipsis;多行超出的文字呈省略号：display: -webkit-box; -webkit-line-...
2019-08-08 16:27:00
88
转载 改变input框中placeholder颜色的方法
具体代码实现如下：input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #BDCADA;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #BDCADA;}input::-mo...
2019-08-08 16:21:00
144
转载 select修改原生样式组件
html:div class="select"> <select class="" name=""> <option value="gushi" selected>故事</option> <option value="qita">其他</option>...
2019-08-08 16:16:00
824
转载 美化input框
1. input上传代码如下：DOM结构：<a href="javascript:;" class="a-upload"> <input type="file" name="" id="">点击这里上传文件</a><a href="javascript:;" class="file">选择文件 ...
2019-08-08 16:13:00
316
转载 有关css和js针对不同浏览器兼容的问题
1.HTML对象获取问题FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2.const问题说明:Firefox下,可以使用const关键字或...
2019-08-08 15:56:00
97
转载 selenium自动化测试
可访问本人的学习文档：http://wangkaiyuan.coding.me/Selenium/?file=home-%E9%A6%96%E9%A1%B5转载于:https://www.cnblogs.com/wkyuan/p/11321425.html
2019-08-08 15:27:00
98
转载 如何让number类型的input支持小数提交
如下代码：<form> <input type="number" name="test"/> <input type="submit" value="提交"/></form>输入时可以正常输入数字和小数点，但是提交的时候浏览器会拦截，不允许输入小数：修改如下即可，step表示允许的小...
2019-08-07 17:48:00
366
转载 网页上如何实现禁止复制粘贴以及如何破解
实现禁止复制粘贴比较简单，直接上代码：<style type="text/css">/* 最简单的实现禁止复制的方法，采用css方式禁止文字选择，当然这只兼容webkit内核浏览器 */* { -webkit-user-select: none; }p {font-family: 'Microsoft Yahei';font-size: 28px;}...
2019-08-07 17:36:00
432
转载 ios的日期格式bug
一般我们在页面渲染时间的时候都是xxxx-xx-xx，ios系统new Date(xxxx-xx-xx)的时候会报NaN-NaN-NaN NaN:NaN异常，将xxxx-xx-xx的时间格式改为xxxx/xx/xx就可以解决这个问题。使用正则转换：/* 转换为时间戳 */function formatTimeStamp(date){ return Date.pars...
2019-08-07 17:17:00
271
转载 JS常用的时间处理方法
1. 时间格式化 -- 转换为：yyyy-MM-dd hh:mm:ss格式// 说明：JS时间Date格式化参数// 参数：格式化字符串如：'yyyy-MM-dd hh:mm:ss'// 结果：如2016-06-01 10:09:00Date.prototype.format = function (fmt) { var o = { "M...
2019-08-07 16:57:00
238
转载 JavaScript深浅拷贝
ECMAScript中的数据类型可以分为两种：基本类型：Undefined, Null, Boolean, String, Number, Symbol引用类型：Object, Array, Function, RegExp等不同类型的存储方式：基本类型：基本类型值在内存中占据固定大小，保存在栈内存中引用类型：引用类型的值是对象，保存在堆内存中，而栈内存存储的是对象的...
2019-08-07 16:44:00
78
转载 css多种方法实现已知宽度和未知宽度的元素水平垂直居中
// html<div class="box-wrapper"> <div class="box"> 内部box <p>更多内容</p> </div></div>//css.box-wrapper{ width: 100%; ...
2019-08-07 16:39:00
162
转载 css实现常用的两栏三栏布局
1、两栏<div class="wrapper"> <div class="half left">left box <p>自适应</p> </div> <div class="half right">right box 固定</div></div&...
2019-08-07 16:37:00
85
转载 meta标签
本页面的head标签内的meta元素设置如下：<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="referrer" content="origin"><meta name="r...
2019-08-07 15:49:00
77
转载 CSS3自定义浏览器滚动条样式
说明非标准属性，仅限webkit内核浏览器。组成部分一个完整滚动条右以下部分组成：::-webkit-scrollbar滚动条整体部分，常用属性：width,height,background,border；::-webkit-scrollbar-button滚动条两边的按钮，默认不设置时不显示，可设置高度、背景色、背景图片；::-webkit...
2019-08-07 11:06:00
70
转载 javascript实现浏览器地址栏禁止后退的动作
这种方式，可以消除后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。原理：利用popstate事件和pushState方法，popstate是html5新增的一个事件，它会在浏览器历史发生变化时触发，大致上可以这么理解，用户点击后退按钮时，会触发popstate事件。例如一下代码：<script language="javascript">//防止页面后退...
2019-08-07 10:23:00
155
转载 解决ios对iframe标签的兼容
原因：ios嵌入的iframe页面,滚动条失效解决：在iframe外层包裹一个div,然后将其设置为可滚动，iframe的属性scrolling="no"<div style="webkit-overflow-scrolling: touch;overflow-y: scroll;"> <iframe frameborder="0" width=...
2019-08-07 10:22:00
671
转载 IE10+浏览器下登陆输入框text类型输入框和password类型输入框尾部出现叉号和眼睛默认样式的问题修复...
问题：IE10+浏览器下登陆输入框text类型输入框和password类型输入框尾部出现叉号和眼睛默认样式的问题修复解决：<div> <input type="text" id="username" value="" placeholder="用户名"/> <input type="password" id="...
2019-08-07 10:16:00
180
转载 Vue组件详解----高级用法
1.动态组件Vue.js 提供了一个特殊的元素<component> 用来动态地挂载不同的组件， 使用is特性来选择要挂载的组件。示例如下： <div id="app21"> <component :is="currentView"></component> <button @click="...
2019-08-07 10:13:00
145
转载 Vue-cli + webpack搭建vue项目环境
开发前准备工作Vue项目依赖环境Vue项目开发需要基于Nodejs，请确保安装Nodejs(建议安装最新版本Nodejs)。node -v项目开发过程中，需要利用Nodejs包管理器NPM。npm -v安装命令行工具Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。全局安装webpacknpm install webpack -...
2019-08-07 10:08:00
139
转载 Vue全家桶
生态系统项目版本描述重要性vueVue 核心★★★★★vue-routerVue 路由★★★★★@vue/cli项目命令行工具★★★★☆vue-devtools浏览器开发工具★★★☆☆vue-loader可以将vue文件转换为JS模块★★★★☆...
2019-08-07 10:06:00
62
转载 前端vue实现表格的导出
1. Vue项目中将table组件导出Excel表格以及打印页面内容1.这里主要需要两个依赖：xlsxfile-saver：npm install xlsx --savenpm install file-saver --save2.组件中引入import FileSaver from 'file-saver'import XLSX from '...
2019-08-07 10:04:00
398
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人