js实现点击按钮复制文本到剪贴板

先来看个栗子,有时候我们需要实现网页上的某段文本的点击复制功能,如下图: 上面有两个应用场景:一是在输入框内输入内容,点击按钮后复制输入的内容;二是复制一段用户不可编辑的文本,通常场景二更加常用。 虽然是两种不同的场景,但是实现方法确实一样的,直接上代码 let range = doc...

2018-12-27 20:09:31

阅读数 30

评论数 0

css3动画之常用按钮、卡片动画特效

前言: 不得不说引入CSS3的 transition 属性之后,让部分动画变得无比简单与高效,之前很多要用监听事件才能完成的动画效果,现在“一个” transition 就可以解决,而且高效多了。 这里我先列出六种动画来浅谈下CSS3的 transition 属性来实现动画(你会发现实现其实大...

2018-07-26 20:27:04

阅读数 234

评论数 1

webpack打包报错:Webpack has been initialised using a configuration object that does not match the API...

在对项目文件进行打包时可能会出现如下错误提示: Invalid configuration object.Webpack has been initialised using a configuration object that does not match the API schema.  ...

2018-07-22 19:20:42

阅读数 1074

评论数 0

grunt入门级使用

环境准备基于nodejs    grunt是基于node的  所以使用grunt前务必要安装了node安装grunt npm install -g grunt-cli // 全局安装grunt    至此,grunt的环境准备基本完成本文将简易地涉及grunt的一些基础用法和三个插件:    ...

2018-07-13 14:53:11

阅读数 411

评论数 0

JS正则 replace() 的使用

stringObject.replace(regexp/substr,replacement)这是W3C给出的关于replace()的用法,它有两个参数,第一个参数为被匹配的字符或正则,第二个参数常为字符串即待操作的原字符串。简单地引用W3C的例子:var str="Visit ...

2018-05-30 14:13:54

阅读数 1651

评论数 0

事件委托:给多个元素和动态添加的元素绑定js事件,

这个标题描述有点不准确,准确点讲应该是“事件委托”举个栗子,假如一个父容器里有一万个子元素,要给它们全部绑定事件,要怎么绑定呢?很容易想到的就是遍历每个子元素,但这也太占内存资源了吧。所以,“事件委托”就腾空出现啦事件委托就是利用冒泡的原理,把事件加到父元素或祖先元素上,触发执行效果。事件委托有一...

2018-04-01 21:05:38

阅读数 1652

评论数 0

webpack打包报错WARNING in configuration the 'mode' option,ERROR in multi

在进行webpack打包前我们要确保已完成的工作: 1)安装webpack:推荐全局命令  cnpm install webpack -g 查看webpack版本 webpack -v 2)此时对文件进行打包可能出现错误,提示脚手架文件错误,因为在webpack4的版本里,CLI被单独分离出来...

2018-04-01 00:38:49

阅读数 4150

评论数 3

HTTP协议的状态码详解

1xx:信息  1XX类型的状态码是临时响应,代表着请求已经被接受,但需要继续处理,值得注意的是,由于HTTP/1.0 协议中并没有定义1XX状态码,除非在试验条件下,服务器是禁止向客户端发送1XX响应的。  100 Continue — 服务器仅接收到部分请求,但是一旦服务器并没有拒绝该请求,客...

2018-03-30 18:11:57

阅读数 101

评论数 0

js字符串的应用

1.回数对称数即一个数倒叙时,和原数值一样。例如:11,22,111等。现在利用所学js知识写一个取某范围内所有对称数的函数。 function reverseToNum(num){ //将该数值反转,取其反转后的值 'use strice'; var num = num; ...

2018-03-25 21:28:16

阅读数 124

评论数 0

JavaScript的事件模型概述

1.原始事件模型属性事件处理模式如下。(1)基本事件处理。其实大多数人使用的JavaScript事件处理模式都是这种代码方式。(2)事件类型。分为“输入事件”(如onclick)和“语义事件”(如onsubmint)。2.标准事件模型DOM2对其作了标准化。(1)先由document向目标对象传播...

2018-03-24 20:48:54

阅读数 143

评论数 0

非空校验,包括无输入及连续输入多个空格

在表格提交之前,我们通常要对表格内容做非空验证,非空验证包括空值校验和是否连续空格检验通常的验证方法就是直接给 input输入框 添加 required 属性 这是个 h5 的新属性,浏览器自行进行非空校验但对于某些不能很好的支持 h5 新属性或者某些需要异步提交的表单。(PS:要注意的是,req...

2018-03-04 17:17:44

阅读数 801

评论数 0

ajax上传多图到php服务器

一般上传图片到服务器有两种方式:1、把图片转换成二进制直接存储到数据库里2、把图片存储到本地目录,并将图片地址存储到数据库里先粗浅地谈下我对这两种存储方法的优劣点的认识:1、把图片转换成二进制直接存储到数据库的优点是有利于数据的备份和迁移,但缺点就是会影响数据读写速率。一般大图、多图不建议用此方式...

2017-12-31 14:49:59

阅读数 881

评论数 3

php实现上传图片到数据库

一般我们上传图片采用的传统方式是将图片保存在服务器本机文件夹里。这里我就简单介绍一下将图片直接存储到数据库里的方法实现。 mysql数据库提供了Blob类型用于存储大量数据,BLOB有四种类型,能容纳不同大小的数据。 TinyBlob 最大 255B Blob 最大 65K Mediu...

2017-12-05 20:04:51

阅读数 8167

评论数 3

初试Vue之元素、属性赋值

我们在vue中数据赋值时,会很自然而然的想到用“Mustache” 双大括号插值法来赋值 在一个小案例中,比如给一个img标签附上链接  会很自然的想到 运行时会很自然的发现文件资源请求失败,究其因很简单,因为src是属性而不是值,故不可直接src={{ img.path }} 当然,V...

2017-10-23 20:53:31

阅读数 10433

评论数 0

js实现replaceAll方法与正则中引用变量

在JS String对象中,有个replace方法,但对于该方法,每次替换只能替换到一个字符串,即 var a='abcda'; var b=a.replace('a','f'); console.log(b); 输出的结果是 fbcda,如果要把字符串内指定的字符串全部都替换掉,js原生是没...

2017-10-12 14:41:23

阅读数 267

评论数 0

js父级函数调用子函数出现函数未定义问题

首先定义了一个全局函数Locating,又在Locating内定义了一个局部函数pageScroll,然后我全局函数调用pageScroll时,报错Uncaught ReferenceError: pageScroll is not defined。 代码如下: function Loc...

2017-09-24 19:58:27

阅读数 1130

评论数 0

淘宝镜像cnpm安装后提示“不是内部命令”解决方法

默认安装完node后,继续安装npm,但是由于npm在国内经常大姨妈,所以建议安装淘宝的镜像cnpm 淘宝镜像cnpm安装命令:“ npm install cnpm -g ” 全局安装cnpm 然后在命令窗口框执行 " cnpm -v " 查看cnpm版本时...

2017-09-17 12:40:09

阅读数 13614

评论数 3

apache2 重启 Invalid Mutex directory in argument file:${APACHE_LOCK_DIR}

在ubuntu 修改部分 apache2 配置文件  执行 apache2 -k restrat  重启时  出现错误  Invalid Mutex directory in argument file:${APACHE_LOCK_DIR} 网友提供有效解决方案 执行  sudo ...

2017-09-04 13:03:08

阅读数 822

评论数 0

js ajax跨域请求之天气查询

js的跨域一直是个让人头疼的问题 老爸入了个新手机嫌弃自带天气查询不好 功能太多,于是就想用自己写一个简单的天气查询 所以先在pc端写了个demo 因为第一次在js跨域,之前听过js跨域就是坑,嗯,领悟到了。 =====================分割线================...

2017-07-21 22:23:02

阅读数 667

评论数 0

上传和更新本地文件到GitHub远程仓库

GitHub仓库有两个最大的作用,一个就是项目备份,一个就是项目开源 这里默认你已有GitHub帐号已经已安装Git客户端 Top1:配置Git (1)创建本地的ssh key   先进入到你要上传的项目的目录里,右键Git Bash,进入Git客户端窗口 输入命令: $ ssh-keyg...

2017-06-18 11:13:51

阅读数 417

评论数 4

提示
确定要删除当前文章?
取消 删除
关闭
关闭