前端 - 简忆博客

Vue cli 安装慢的解决方法

2020-04-16 前端

关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。安装命令：npm install -g @vue/cliVue cli 安装慢的解决方法解决方式，把下载源改为淘宝源，执行以下这段执行命令npm;config;set;registry;https://registry.npmjs.org 重新执行安装命令：npm;install;-

如何使用css给网站图片加灰色

2020-04-07 前端

2436 0

2020年4日4，为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院发布公告，决定2020年4月4日举行全国性哀悼活动。从4月3日下午起，娱乐诸多网站自发更换灰色，以悼念逝者，致敬英雄，你发现，生活常见的网站以及app都变成灰色，现在来说下说是如何实现的。网站设置灰色html{ -webkit-filter:;grayscale(100%);;/*;webkit;*/ -moz-filter:;grayscale(100%);;/*firefox*/ -ms-filter:;grayscale(100%);;/*ie9*/ -o-filter:;grayscale(100%);;/*opera*/ filter:;grayscale(100%); filter:progid:DXImageTr

前端使用JsBarcode生成条形码

2020-03-21 前端

3933 0

前端使用JsBarcode生成条形码注：需引入 jsbarcode 插件JsBarcode安装:npm;install;jsbarcode;--save npm;install;jsbarcodeHTML 生成条形码代码<!DOCTYPE;html> <html> ;<head>; ;;<meta;charset="utf-8";/>; ;;<meta;name="viewport";content="width=device-width,;initial-scale=1,maximum-scale=1,;user-scalable=no";/>; ;;<title></title>; ;;<script;type="text/javascript";src="js/jquery.min.js"></script>;

JavaScript 获取当前网页header头部信息

2020-03-16 前端

4933 0

JavaScript 获取当前网页header头部信息var;req;=;new;XMLHttpRequest(); req.open('GET',;document.location,;false); req.send(null); var;headers;=;req.getAllResponseHeaders().toLowerCase(); console.log(headers);

JS动态获取图片分辨率宽高大小

2020-03-07 前端

4940 0

JS动态获取图片分辨率宽高大小;<p;class="ddkkkkk_{{$item->id}}"></p> <script> function;getpic(url,obj){ var;img;=;new;Image(); img.src;=;url; if;(img.complete);{ document.write(img.width;+;'x';+;img.height); $('.ddkkkkk_'+obj).text(img.width;+;'x';+;img.height); };else;{ img.onload;=;function;();{ //;document.write(img.width;+;'x';+;img.height); $('.ddkkkkk_'+obj).text(img.width;+;'x';+;img.he

layui下拉选择获取值，渲染赋值

2020-02-11 前端

3460 0

layui下拉选择获取值，渲染赋值html:<select;name="vod_cid";id="chang_seleced";lay-filter="chang_seleced"> ;;;;<option;value="">选择分类</option> ;;;;<option;value="1">衣服</option> ;;;;<option;value="2">鞋子</option> </select>添加：;lay-filter="chang_seleced"下拉获取值：;form.on('select(chang_seleced)',;function(data){ ;//获取select的值 ;console.log(;data.value)

jquery数组去重

2020-01-02 前端

2633 0

Nodejs（npm）环境和vue环境安装教程

2019-12-26 前端

2644 2

1、npm的安装配置（从nodejs网站上安装npm）：https://nodejs.org/en/2、Windows安装Nodejs操作步骤如下：点击next（我自己设置默认的安装位置）安装完成后，cmd中输入：node -v;;npm –v;;;输入path查看环境变量是否配置成功;配置环境变量：（1）修改用户变量PATH：把"C:\nodejs\node_global"加到后面。（2）新增系统变量NODE_PATH：设置成“C:\nodejs\node_global\node_modules”。出现版本号，则说明安装成功3、安装Vue CLI（Vue.js的命令行工具）npm install -g @vue/cli

sessionStorage的使用

2019-11-03 前端

3006 0

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。使用案例：html code:<div;class="modecer"> ;;;;<div;;class="colsebtn">关闭</div> </div>javascript code：//判断sessionStorage里有没有isClose if(sessionStorage.getItem("isClose")){;;;;;;;;;;;;; ;;;;;;;;;;;;$(".modecer").hide(); ;;;;;;;;}else{ ;;;;;;;;;;;;$(".mo

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

2019-10-24 前端

4224 0

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中;<input;name="rbsex";id="man_radio";type="radio";;value="1";checked="checked";/><label>显示</label> ;<input;name="rbsex";id="woman_radio";type="radio";value="0";/>隐藏var;stop;=;data.result $(":radio[name='rbsex'][value='";+;stop;+;"']").prop("checked",;"checked");radio

JS实现Base64加密解密

2019-10-23 前端

3352 0

JavaScript实现Base64加密解密。Base64与其说是加密算法不如说是方便数据传输而生的数据转换手段。测试代码：<!DOCTYPE;html> <html> <head> ;;;;<title>test</title> ;;;;<meta;charset="utf-8"> ;;;;<script;type="text/javascript";src="js/base64.js"></script> ;;;;<style> ;;;;;;;;.resource_enc,;.resource_dec{ ;;;;;;;;;;;;width:;500px; ;;;;;;;;} ;;;;;;;;.p1,;.p2{ ;;;;;;;;;;;;min-height:;100px; ;;;;;;;;;;;;backgrou

使用css截取字符串，保留省略号

2019-10-21 前端

3066 0

文字过多，可以使用css来截取字符串，保留省略号，兼容性也是最好的。<p;class="p1">哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或</p> <p;class="p2">啦啦啦啦啦啦啦拉拉阿拉啦啦啦阿拉啦啦啦啦啦啦啦啦</p> <style> 显示一行，超出隐藏，保留省略号 .p1{ width:20rem; ;;;;font-size:;1.6rem; ;;;;text-overflow:;ellipsis; ;;;;overflow:;hidden; ;;;;white-space:;nowrap; ;;;;display:;block; } 截取两行，超出隐藏，保留省略号 .p2{ c

移动端可滑动选择插件-mobileSelect.js

2019-10-19 前端

4516 0

mobileSelect.js是一款多功能的移动端滚动选择器，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等.<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> ;;;;<meta;content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0";name="viewport"> <title>移动端可滑动选择插件-mobileSelect.js</title>  ;;;;<link;rel="sty

html 单选框placeholder及字体颜色设置

2019-10-17 前端

3440 0

html 单选框placeholder及字体颜色设置.deal_sell4;input{;;text-align:;right;;color:;#555;;font-size:;0.92rem;;} .deal_sell4;input::-webkit-input-placeholder{;font-size:;0.88rem;;color:;#cccccc;};;; .deal_sell4;input:-moz-placeholder{;font-size:;0.88rem;;color:;#cccccc;};;;;;;;;;; .deal_sell4;input::-moz-placeholder{;font-size:;0.88rem;;color:;#cccccc;};;;;;;;;;; .deal_sell4;input:-ms-input-placeholder{;font-size:;0.88rem;;color:;#cccccc;}

css3flexbox布局实现元素垂直水平居中

2019-10-16 前端

2544 0

Flex垂直水平居中<div;class="flex"> Flex垂直水平居中 </div><style> .flex{ font-size:;25px; height:;200px; border:;1px;solid;black; display:;flex; align-items:;center; justify-content:;center; </style>

js 点击当前点击元素增加样式

2019-10-11 前端

3992 0

在按钮点击中，只想对当前点击的元素增加样式，其他元素样式取消。js写法为：;$(".rebpacket;ul;li").click(function(){ ;;;;var;index;=;$(this).index(); ;;;;$(this).addClass("on").siblings().removeClass("on"); });

jQuery实现购物车物品数量的加减

2019-10-09 前端

2893 0

实现购物车物品数量的加减，最小值为1，当最小值为1时再按减少，减少按钮不可编辑，当按增加数量时恢复减少按钮状态。这个除了加减功能外，也可以自动计算价格。<!DOCTYPE;html;PUBLIC;"-//W3C//DTD;XHTML;1.0;Transitional//EN";"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;;;; <head>;;;; <meta;http-equiv="Content-Type";content="text/html;;charset=utf-8";/>;;;; <title>jQuery实现购物车物品数量的加减</title>;;;; <script;type

html页面加载好再进入网站功能实现

2019-10-08 前端

2954 0

css代码：#loadingDiv{position:absolute;left:0;width:100%;top:0;background:#fff;z-index:10000} #loadingDiv;div{position:absolute;width:auto;height:105px;padding-left:215px;background:#fff;url(../images/loading.gif);no-repeat;center;center/50px;50px}js代码：var;_PageHeight;=;document.documentElement.clientHeight, ;; _PageWidth;=;document.documentElement.clientWidth; //计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px） var;_LoadingTop;=;_PageHeight;>;61;?;(_PageHeight;-

jQuery根据屏幕下拉到一定高度显示返回顶部按钮

2019-09-30 前端

2781 0

jQuery根据屏幕下拉到一定高度显示返回顶部按钮例子：$(function(){ $('.getop').hide(); $(window).scroll(function(){ if($(window).scrollTop()>900){ $('.getop').fadeIn(300); } else{$('.getop').fadeOut(200);} }); $('.getop').click(function(){ $('body,html').animate({scrollTop:0},900); return;false; }) })

js 跳转至指定邮箱登录页

2019-09-27 前端

3399 0

;;;;<script> ;;;;;;;;//跳转到指定的邮箱登录页面 ;;;;;;;;$(".nowloginenami").click(function;();{ ;;;;;;;;;;;;var;uurl;=;"554344442@qq.com" ;;;;;;;;;;;;uurl;=;gotoEmail(uurl); ;;;;;;;;;;;;if;(uurl;!=;"");{ ;;;;;;;;;;;;;;;;window.location.href="http://"+uurl ;;;;;;;;;;;;};else;{ ;;;;;;;;;;;;;;;;alert("抱歉!未找到对应的邮箱登录地址，请自己登录邮箱查看邮件！"); ;;;;;;;;;;;;} ;;;;;;;;}); ;;;;;;;;//功能：根据用户输入的Email跳转到相应的

封装GetQueryString()方法来获取URL的值

2019-09-26 前端

2925 0

代码如下：(说明：获取的是当前页面的URL；这里测试需要在后边自己手动添加 ?name=xiangruding&sex=nuuu&age=90)；;<script;type="text/javascript"> ;;;;;;;;;;;;var;name;=;GetQueryString("name"); ;;;;;;;;;;;;var;sex;=;GetQueryString("sex"); ;;;;;;;;;;;;var;age;=;GetQueryString("age"); ;;;;;;;;;;;;console.log("name=;"+name); ;;;;;;;;;;;;console.log("sex=;"+sex);;;;;;;;;;;;; ;;;;;;;;;;;;console.log("sex=;"+age);;;;;;;

Vue cli 安装慢的解决方法

如何使用css给网站图片加灰色

前端使用JsBarcode生成条形码

JavaScript 获取当前网页header头部信息

JS动态获取图片分辨率宽高大小

layui下拉选择获取值，渲染赋值

jquery数组去重

Nodejs（npm）环境和vue环境安装教程

sessionStorage的使用

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

JS实现Base64加密解密

使用css截取字符串，保留省略号

移动端可滑动选择插件-mobileSelect.js

html 单选框placeholder及字体颜色设置

css3flexbox布局实现元素垂直水平居中

js 点击当前点击元素增加样式

jQuery实现购物车物品数量的加减

html页面加载好再进入网站功能实现

jQuery根据屏幕下拉到一定高度显示返回顶部按钮

js 跳转至指定邮箱登录页

封装GetQueryString()方法来获取URL的值

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

Vue cli 安装慢的解决方法

如何使用css给网站图片加灰色

前端使用JsBarcode生成条形码

JavaScript 获取当前网页header头部信息

JS动态获取图片分辨率宽高大小

layui下拉选择获取值，渲染赋值

jquery数组去重

Nodejs（npm）环境和vue环境安装教程

sessionStorage的使用

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

JS实现Base64加密解密

使用css截取字符串，保留省略号

移动端可滑动选择插件-mobileSelect.js

html 单选框placeholder及字体颜色设置

css3flexbox布局实现元素垂直水平居中

js 点击当前点击元素增加样式

jQuery实现购物车物品数量的加减

html页面加载好再进入网站功能实现

jQuery根据屏幕下拉到一定高度显示返回顶部按钮

js 跳转至指定邮箱登录页

封装GetQueryString()方法来获取URL的值

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录