js
关注
分享
扫一扫
css3html5csdn
from JQ to shopify
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js将Image从链接保存为本地图片
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <titl原创 2020-08-13 13:50:25 · 2114 阅读 · 0 评论 -
原生js使用class获取元素
document.getElementsByClassName(‘test’);原创 2020-08-13 13:44:54 · 6079 阅读 · 0 评论 -
删除字符串中的数字，JavaScript正则表达式怎么写？
str.replace(/\d+./g,’’)原创 2020-04-14 18:05:49 · 4127 阅读 · 0 评论 -
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document
<video title="Advertisement" webkit-playsinline="true" playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;" src="http://co...原创 2020-03-12 11:23:33 · 2642 阅读 · 0 评论 -
a标签新窗口打开
<a target="_blank">原创 2020-03-09 12:26:48 · 2304 阅读 · 0 评论 -
使用JavaScript获取浏览器UserAgent
可以在浏览器地址栏输入about:version来查看UserAgent等信息但是在Win10系统，本人亲测，IE和Edge用这样的方式都获取不到信息在我惯用的QQ浏览器上倒是可以获取到为了能方便地查看浏览器UserAgent，还是写段脚本比较方便_ShowUserAgent.html<!DOCTYPE html><html lang="en" xmlns="htt...原创 2020-02-17 09:31:28 · 868 阅读 · 0 评论 -
js sha256加密input is invalid type at Sha256.push../node_modules/js-sha256/src/sha256.js.Sha256.up
VUE+webpack+npm项目中的sha256加密一、安装js-sha256$ npm install js-sha256二、引入js-sha256在需要使用的模块中引入js-sha256const sha256 = require("js-sha256").sha256; //引入sha256库三、sha256加密 password = sha256('my passwor...原创 2020-02-04 11:40:46 · 1163 阅读 · 0 评论 -
ele ui upload上传组件取消无效
在写项目的时候,使用了ele ui的上传组件,在before-upload函数里判断,图片类型<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview" :before-uploa...原创 2019-12-16 17:17:28 · 1009 阅读 · 1 评论 -
如何在webpack中获取git版本和当前脚本的工作目录
仅针对vue项目，当然你如果能看懂也可以继续。前言前一阵子因为vue部署不上去错误没有解决，一直找不到原因，后来一看部署的git版本有问题，于是决定在页面中显示git版本。要显示git版本，首先要知道它存在什么地方？这就导致我们需要知道git的目录中的信息，知道了信息我们怎么把它拿出来这也是个问题？。准备工作.git目录与git了解当你创建一个仓库的时候，使用 git init 指令，...原创 2019-11-11 17:54:04 · 742 阅读 · 0 评论 -
nodejs获取cookie,nuxt获取cookie
//cookie之后转换为对象req.cookie={};const cookieStr=req.headers.cookie;cookieStr.split(';').forEach(item=>{ if(!item){ return } const arr=item.split('=') const key=arr[0] const val =arr[1] req...原创 2019-11-08 15:56:19 · 1297 阅读 · 0 评论 -
node获取国家,语言,ip
const cfIpcountry = req.headers['cf-ipcountry'] || ''const AcceptLanguage = context.req.headers['accept-language'] || ''const ip = req.headers['x-real-ip'] || req.headers['x-forwarded-for'] || req...原创 2019-11-01 14:10:33 · 1031 阅读 · 0 评论 -
on后绑定事件不生效
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script></head><script>...原创 2019-10-16 11:15:13 · 511 阅读 · 0 评论 -
打印网页去掉页眉和页脚，js打印横向，打印表格自动换页
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="X-UA-Compatib...原创 2019-08-07 12:09:23 · 865 阅读 · 0 评论 -
浅谈服务端渲染(SSR)
最近在把一个c端的项目重构成首屏服务端渲染（SSR：server side render）项目用到的技术： React 、webpack、koa2、webpack对于重构成SSR，redux并不是必须的，所以没用redux本篇文章先讲述一些理论的东西，之后会写代码篇一、 什么是服务端渲染简单理解是将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完...原创 2019-08-19 14:17:32 · 830 阅读 · 0 评论 -
使用Image预加载填坑
问题：img.src属性赋值后，获取图片宽高有误function loadImage () { let img = new Image() // 将会创建一个新的HTMLImageElement实例，它的功能等价于document.createElement(‘img’) img.src = 'https://upload.jianshu.io/users/upload_...原创 2019-08-19 14:38:05 · 1802 阅读 · 0 评论 -
input框回车事件
<input id="inputId" type="text" /><script>//方法1 $(function(){ $('#inputId').bind('keypress',function(event){ if(event.keyCode == "13"){ alert(); ...原创 2019-08-16 09:57:51 · 844 阅读 · 0 评论 -
js中window. location. search的用法和作用
window.location 对象所包含的属性属性 描述hash 从井号 (#) 开始的 URL（锚）host 主机名和当前 URL 的端口号hostname 当前 URL 的主机名href 完整的 URLpathname 当前 URL 的路径部分port 当前 URL 的端口号protocol 当前 URL 的协议search 从问号 (?) 开始的 URL（查询部分）...原创 2019-08-16 10:03:53 · 141 阅读 · 0 评论 -
Error: .plugins[0][1] must be an object, false, or undefined
vue2.0+按需引入element-ui报错项目使用vue脚手架自动生成的,vue版本为^2.5.16.项目中需要按需使用element-ui,根据element-ui的官方文档,一开始在babel.config.js文件中修改配置module.exports = { presets: [ "@vue/app", ["es2015", { "modules": false...原创 2019-08-30 18:18:37 · 12050 阅读 · 0 评论 -
vue-scroller记录滚动位置
问题描述:列表页进入详情页，或者tab页切换，然后再返回列表页，希望能切换到之前滚动位置解决问题思路:切换到其他页面前记录位置，返回列表页的时候返回位置。这就需要借助vue-router的beforeRouteEnter和beforeRouteLeave这两个钩子去实现.还有一种更简单粗暴的方法， vue-scroller.min.js源码中添加宽高不为零判断，实现方式见评论，是最近代码优...原创 2019-09-24 14:37:43 · 309 阅读 · 0 评论 -
a-tabs defaultActiveKey默认值无效
使用ant design vue的tab切换初始值无效<template> <a-tabs defaultActiveKey="1"> <a-tab-pane tab="Tab 1" key="1">Tab 1</a-tab-pane> <a-tab-pane tab="Tab 2" disabled key="2">...原创 2019-09-25 19:08:16 · 7377 阅读 · 3 评论 -
JS中如何将字符串转换为大/小写？
toLowerCase()方法；定义：toLowerCase() 方法用于把字符串转换为小写。语法：var str = “String”;str .toLowerCase();// stringtoUpperCase()方法；定义：toUpperCase()方法用于把字符串转换为大写。语法：var str = “string”;str.toUpperCase()//STRING...原创 2019-09-26 20:24:22 · 283 阅读 · 0 评论 -
qs.js 更好的处理url参数
qs.parseqs.parse 方法可以把一段格式化的字符串转换为对象格式，比如let url = ‘http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e‘;let data = qs.parse(url.split(‘?‘)[1]); // data的结果是{ a: 1, b: 2, ...原创 2019-09-26 20:25:19 · 256 阅读 · 0 评论 -
img标签访问图片403(http referrer),直接访问图片链接可以打开
先说下解决方法： 在HTML代码的head中添加一句，后面再说下原理。<meta name="referrer" content="no-referrer" />http请求中的referrerhttp请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个referr...原创 2019-09-30 17:18:32 · 15984 阅读 · 1 评论 -
ios回退刷新页面
(function () { let browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/ if (browserRule.test(navigator.userAgent)) { window.onpageshow = function (e) { if (e.persisted || (window.performanc...原创 2019-10-06 17:54:43 · 511 阅读 · 0 评论 -
取昨天、今天、明天的时间
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>js获取日期：前天、昨天、今天、明天、后天 - Liehuo.Net</title></head><body><script...原创 2019-04-23 18:25:12 · 222 阅读 · 1 评论 -
响应式瀑布流加载更多
演示https://infinite-scroll.com/demo/masonry/<!doctype html><html lang="en" class=""><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width">...原创 2019-08-08 10:43:39 · 763 阅读 · 0 评论 -
jquery监听input回车键实现点击回车进行查询,JS获取键盘事件
jquery监听input回车键实现点击回车进行查询$("#id").keypress(function (even) { if (even.which == 13) { ReloadData(); }});原创 2019-08-08 10:14:45 · 5288 阅读 · 0 评论 -
VUE：keep-alive的两个钩子函数activated与deactivated activated不触发 deactivated不触发
如下转自Vue官网：https://cn.vuejs.org/activated类型：func触发时机：keep-alive组件激活时使用；deactivated类型：func触发时机：keep-alive组件停用时调用；原创 2019-05-14 16:42:13 · 6791 阅读 · 0 评论 -
nuxt i18n国际化 多语言
nuxt.config.js的plugins中'~plugins/lang/index.js',plugins/lang/index.jsimport Vue from "vue";import VueI18n from 'vue-i18n'Vue.use(VueI18n)let cookieFun = { set: function(key, val, time) { //...原创 2019-05-09 18:01:12 · 2568 阅读 · 0 评论 -
instagram第三方登录
instagram目前好像在国内还不是用的很广泛。其获取instagram的数据有两种方式：获取公共热点图片不需要用户认证，只需要将你申请的client_id发送到instagram即可。获取用户相关数据，需要通过instagram认证之后所颁发的access_token.在第二种方式下，如何获取access_token呢？首先注册开发者账号instagram Api开发者官...原创 2019-12-27 15:43:44 · 16121 阅读 · 0 评论 -
为什么要bind(this)
在使用React中 如果使用ES6的Class extends写法 如果onClick绑定一个方法 需要bind(this),而使用React.createClass方法 就不需要.请问这是为什么呢解释:React.createClass 是es5的写法默认是绑定了bind方法，而es6中 新增加了class，绑定的方法需要绑定this，如果是箭头函数就不需要绑定this，用箭头的方式第一...原创 2019-04-25 13:30:16 · 1147 阅读 · 0 评论 -
js导出excel
/* eslint-disable */let idTmr;const getExplorer = function () { let explorer = window.navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //firefox els...原创 2019-04-28 13:05:25 · 190 阅读 · 0 评论 -
js实现图片拖动改变顺序
<!DOCTYPE html><html><head><style> .img-div img { width:200px; height:200px; float: left; } .img-div { float: left; } .drop-left,.drop-right { width: 50px; ...原创 2019-04-13 16:19:50 · 1579 阅读 · 0 评论 -
怎样用js取到当前页面的上一个页面URL地址
document.referrer原创 2019-03-28 14:00:40 · 2118 阅读 · 1 评论 -
通过url传递带参数的地址
<a :href="'/help/coupon?backurl=/my/coupons?'+encodeURIComponent('backurl=/my/')">使用encodeURIComponent原创 2019-03-28 13:58:50 · 2561 阅读 · 0 评论 -
返回上一级页面
var historyUtils = { add : function (url) { var historyArray = historyUtils.getLocal(); if (!historyArray) { historyArray = []; } var currentPage = hist...转载 2019-03-28 11:23:15 · 2907 阅读 · 0 评论 -
document.body.scrollTop与document.documentElement.scrollTop
在获取滚动高度的时候，使用document.body.scrollTop发现得到的值始终为0，于是引出了document.documentElement.scrollTop。在不同的浏览器中，有些能识别document.body.scrollTop，有些能识别document.documentElement.scrollTop。如果document.body.scrollTop为0则documen...原创 2019-03-12 12:29:25 · 1103 阅读 · 0 评论 -
CSS文本溢出显示省略号
本文转载自https://www.cnblogs.com/yzg1/p/5089534.html项目中常常有这种需要我们对溢出文本进行"…"显示的操作，单行多行的情况都有（具体几行得看设计师心情了），这篇随笔是我个人对这种情况解决办法的归纳，欢迎各路英雄指教。**单行** overflow:hidden; text-overflow:ellipsis; white-spa...转载 2019-05-14 17:25:21 · 175 阅读 · 0 评论 -
css实现强制不换行/自动换行/强制换行
css实现强制不换行/自动换行/强制换行在我们日常的编码中经常会遇到这段文字不可以换行，或者自动换行的需求。虽然这个功能在我们平时很常见但是我相信大家一定不会可以的去记住它吧（至少小月是很懒惰的从来是用什么查什么 ♦ 嘻嘻。。。）。今天我们来学习一下如何熟练的掌握用css实现文字的强制不换行/自动换行/强制换行的方法。需要的伙伴们可以来一起学习哦！1. 强制不换行div{ white-s...转载 2019-05-14 17:31:25 · 284 阅读 · 0 评论 -
google登录demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://apis.google.com/js/platform.js?onload=init" ...原创 2019-05-07 19:52:54 · 1625 阅读 · 0 评论