web前端学习
蔡馨
这个作者很懒,什么都没留下…
展开
-
npm 安装报错 rollbackFailedOptional verb npm-session无法解决?
原创:https://georgedage.blog.csdn.net/article/details/102886513在Node\node_modules\npm下的npmrc文件中添加淘宝镜像,(最终最终,还是感觉是网络问题。)prefix=${APPDATA}\npmregistry = https://registry.npm.taobao.org转载 2020-11-25 11:39:17 · 839 阅读 · 0 评论 -
微信小程序开发工具npm用不了,报错“npm不是内部或外部命令,也不是可运行的程序”
微信小程序开发工具npm用不了,报“npm不是内部或外部命令,也不是可运行的程序”错时。1.首先查看是否下载了Node.js。如果没有下载下载一个,最新版本的已经添加了环境变量,不需要手动添加。2.用node -v 和npm -v查看是否下载以及下载版本3.通过在项目根目录安装miniprogram-datepicker来演示1).在项目根目录下面新建文件夹:node_modules。2).终端进入到node_modules文件夹所在的目录(注意不是node_modules文件夹里面)原创 2020-11-11 17:41:29 · 6951 阅读 · 2 评论 -
基于jquery的插件turn.js学习笔记(一个可以实现3d书籍展示效果的插件)
基于jquery的插件turn.js学习笔记简介turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果。可以很好的适应于ios和安卓等触摸设备。How it works?下面是官网展示的最简单的一个应用实例1.编写html部分<div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div.转载 2020-06-02 14:55:03 · 1145 阅读 · 0 评论 -
turn.js (翻页效果)总结
turn.js (翻页效果)总结Turn.js是一个内置的jQuery翻页插件1 html中引入<script type="text/javascript" src="js/turn.js"></script><script type="text/javascript" src="js/jquery,min.js"></script>2 创建html<div id="flipbook"> <div class="..原创 2020-06-02 14:32:37 · 8285 阅读 · 0 评论 -
微信小程序 之wxml保留小数点后两位数的方法及转化为字符串的方法
原理:wxml中不能直接使用较高级的js语法,如‘.toFixed’,‘toString()’,但可以通过引入wxs模块实现效果1.新建`filter.wxs`var filters = {toFix: function (value) {return value.toFixed(2) // 此处2为保留两位小数,保留几位小数,这里写...原创 2020-04-17 09:17:00 · 2095 阅读 · 0 评论 -
HTML的各个标签的默认样式
head{ display: none }body{ margin: 8px;line-height: 1.12 } button, textarea,input, object,select { display:inline-block;}ol, ul, dir,menu, dd{ margin-left: 40px }i, cite, em,var, address{ fo...原创 2020-02-29 13:19:22 · 365 阅读 · 0 评论 -
取消UL和OL符号以及padding和margin后恢复默认值的CSS
原文:https://www.cnblogs.com/zhaiqianfeng/archive/2012/06/28/4616645.html之前取消UL和OL符号以及padding和margin,CSS代码如下:ul,ol{list-style:none; margin:0px; padding:0px;} 但想恢复默认确费了点力气!先解释一下为什么要取消:ul,ol开头这...转载 2020-02-29 10:49:22 · 868 阅读 · 0 评论 -
前端代码显示符号
´ ´ © © > > µ µ ® ® & & ° ° ¡ ¡ » » ¦ &...原创 2019-11-27 14:46:48 · 751 阅读 · 0 评论 -
瀑布流
1html:div.waterfall>img*n2css:.waterfall{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1155px; margin: 10px auto; min-...原创 2019-11-15 09:57:47 · 103 阅读 · 0 评论 -
现代框架的讲解
支持原创:https://blog.csdn.net/qq_40928350/article/details/83104249****现代框架是声明试的局部更新渲染,声明试:只关注状态的维护,不需要关注怎么操作DOM渲染:状态生成DOM插入到页面展示在用户界面上的一套流程叫做渲染。运行机制:内部状态不断发生变化,用户页面的某个局部区域需要不停的重新渲染。重新渲染的实现:解决这个...原创 2018-10-17 14:05:03 · 144 阅读 · 0 评论 -
js获取ie版本号与html设置ie文档模式的方法
支持原创:https://www.jb51.net/article/94316.htm1*JavaScript获取ie版本代码:var gIE = getIE(); alert(gIE.version) function getIE() { var rmsie = /(msie) ([\w.]+)/; var ua = navigator.u...转载 2018-10-23 11:06:22 · 2476 阅读 · 0 评论 -
去除鼠标事件
pointer-events: none去除鼠标事件,让元素实体 “虚化”,可以理解为海市蜃楼,幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。css3做动画的元素常用...原创 2018-10-23 13:56:57 · 768 阅读 · 0 评论 -
jquery省份二级菜单联动
<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" c转载 2018-10-31 11:52:18 · 483 阅读 · 0 评论 -
前端大神的网址--适合基础的并且没有做太多项目的童鞋
https://www.zhangxinxu.com/wordpress/2010/12/css-%E7%9B%B8%E5%AF%B9%E7%BB%9D%E5%AF%B9relativeabsolute%E5%AE%9A%E4%BD%8D%E7%B3%BB%E5%88%97%EF%BC%88%E4%BA%8C%EF%BC%89/转载 2018-10-15 16:42:40 · 202 阅读 · 0 评论 -
掐网线操作
用压线钳,注意不要将里面的八股网线钳断。568B网线的排列顺序为:橙白、橙、绿白、蓝、蓝白、绿、棕白、棕把线禄平直后放入水晶头中,要依次对齐,不能走偏,一直插到线槽的最顶端。然后再用网钳压实就好。 ...原创 2018-10-15 14:54:04 · 2127 阅读 · 0 评论 -
子div脱离文档流后怎么撑开父元素div
尊重原创:https://blog.csdn.net/Corazhang/article/details/779060211给父元素设置宽高2添加after伪类.clearfix.clearfix::after{content:''; display:block; clear:both;}3给父元素设置padding也可以,但是会影响到子元素的位置4给父元素设置overflow...转载 2018-10-15 10:20:11 · 2072 阅读 · 0 评论 -
基于css3的动画效果插件 wow.js 和 Scrollreveal.js
最近发现animate.css很漂亮,可以做很多动画效果,一些需要炫酷一些的网址可以添加,而且使用方便,添加类就可以了,使用方法有些像bootstrapt,只要给标签添加类就可以出现效果,而且也可以自己用js结合wow.js控制效果,只是必须要浏览器版本高些的才支持。例如:IE10+,才可以使用!!!!!!!!!!!!*animate.css的使用方法推荐网址:https://www.cn...原创 2018-10-18 10:06:38 · 1281 阅读 · 0 评论 -
jQuery插件库网址---各种动态效果
1各种动态效果用canvanhttp://www.jq22.com/2好看的banner效果(幻灯片效果)http://www.jq22.com/jquery-info37原创 2018-10-12 14:23:38 · 126 阅读 · 0 评论 -
图片素材网址推荐
介绍很全的各大图片素材网址:https://www.zcool.com.cn/article/ZNTk0Mzg0.html原创 2018-10-12 14:20:04 · 155 阅读 · 0 评论 -
文件上传插件
这两天工作需要写一个文件上传功能,这个插件很好,只是对于js新手不太合适,能改的东西少,不过用起来功能很强大,推荐使用,只是我不会传图片.还有几张图片没有传上来.对于直接复制粘贴代码的小伙伴可能有些问题<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">...转载 2018-09-11 10:20:09 · 2195 阅读 · 0 评论 -
基于jquery的一键复制值到剪切板--clipboard插件
支持原创:https://blog.csdn.net/penyoudi1/article/details/53419259最近开发中遇到了新的需求,把指定页面中的内容复制到剪切板让用户复制给其他人或浏览器访问,找了很多js发现大部分是通过swf文件来做的,不好用,也比较麻烦一些,而js写的方法又必须用户自己去修改浏览器的配置,体验性太差,终于找到了一个clipboard,无需通过其他文件,引入...原创 2018-10-30 15:08:33 · 1804 阅读 · 0 评论 -
html基础之上标与下标及禁止鼠标点击样式
上标:<sup></sup>下标:<sub></sub>例子:<p>姓名必填</p><sup>*</sup>*在姓名必填的右上方禁止鼠标点击样式,cursor:not-allowed; ...原创 2018-11-06 14:33:48 · 312 阅读 · 0 评论 -
网页设计入门教程
做为前端开发小白级别的我还需要学习太多太多的东西,最近发觉前端开发的人员不仅要学会切美工给做好的psd的图片,还要会一些制作设计网页的图片,自己需要一些简单的图片不用等美工设计了,毕竟美工的工作也不轻松,俗话说技多不压身,多学一样总归没有坏处,所以上网找学习资料,发现这篇博客写的很好很详细,保留下来备用,方便日后的学习和复习支持原创:https://www.cnblogs.com/grenet...原创 2018-11-02 15:04:40 · 2482 阅读 · 1 评论 -
表单验证---带验证码
<link rel="stylesheet" href="css/register.css"> <link href="sweetalert.css" rel="stylesheet"><div id="register"> <div class="blue">原创 2018-08-14 10:32:50 · 2171 阅读 · 0 评论 -
ES6数组方法
原博客https://www.cnblogs.com/sqh17/p/8529401.html整理目前所用过的数组方法,学习了新增的es6方法。1arr.push()从后面添加元素,返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5...转载 2019-04-19 10:40:16 · 5873 阅读 · 0 评论 -
vue开发者工具vue-devtools-4.1.4_0.crx谷歌插件下载
原博客 https://blog.csdn.net/u011164906/article/details/805542852019年4月18日版本5.1.0网盘地址:链接:https://pan.baidu.com/s/1kVPC-TrUs4_niYvaZ_JfAQ提取码:4d7s2018-06-03版本网盘地址:https://pan.baidu.com/s...转载 2019-04-19 09:36:47 · 2173 阅读 · 0 评论 -
移动页面开发时需要注意的一些问题,
介绍的很全面https://blog.csdn.net/qq_30109365/article/details/81567467转载 2019-03-12 14:19:34 · 133 阅读 · 0 评论 -
设置背景透明度
IE浏览器下:filter:alpha(opacity=80) 取值在0-100其他浏览器下:opacity=0.8 取值在0-1-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器...原创 2019-03-07 08:41:46 · 199 阅读 · 3 评论 -
移动端页面初始化 css和html的head中的设置
*, ::before, ::after{ margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*去除移动端点击产生的高亮状态*/ ...原创 2019-02-20 14:11:37 · 568 阅读 · 0 评论 -
Jquery每点击一次动态加载n条数据
这个地址是封装成方法特别好用,支持原创https://www.cnblogs.com/hao5599/p/8025821.html这个是我写的死数据的,每次只能加载固定的n条内容<div class="wz-title-list"> <ul class="wz-title-ul"> <li><a href="javas...原创 2019-02-15 11:38:02 · 1112 阅读 · 0 评论 -
px转rem - 程序员在线工具
http://www.ofmonkey.com/front/rem原创 2018-11-28 09:10:50 · 7059 阅读 · 1 评论 -
Zepto.js是js的轻量库,类似jquery.js的api
中文站:http://www.zeptojs.cn/推荐博客:https://www.cnblogs.com/7662-scy/p/6412881.html邵威儒的博客:https://juejin.im/post/5b7b95206fb9a019bd2463d8说明:zeptojs的动画是基于css3实现的,...原创 2018-11-20 15:46:33 · 310 阅读 · 0 评论 -
jquery选择器
一、基础过滤选择器:1、:first用法:$("tr:first");返回值 单个元素的组成的集合,匹配找到的第一个元素2、:last用法:$("tr:last");返回值 集合元素,匹配找到的最后一个元素,和:first对应3、:not(selector)用法:$("input:not(:checked)"); 返回值 集合元素,去除所有与给定选择器...原创 2018-09-13 17:28:41 · 121 阅读 · 0 评论 -
SweetAlert--定制弹框
1*****第一版http://mishengqiang.com/sweetalert/2*****第二版http://mishengqiang.com/sweetalert2/很好用的弹框插件,其中第一版直接可以下载css和js文件,第二版需要自己复制他的源文件,粘贴到自己的文件上命名引入,非常简单实用...原创 2018-09-07 17:19:17 · 952 阅读 · 0 评论 -
关于cookie
1自定义伪数组转为真数组:通过[].push找到数组中的push方法var arr = [].slice.call(obj)2真数组转为伪数组:var arr = [].push.apply(obj, arr)cookie: 会话跟踪技术 客户端session: 会话跟踪技术 服务端cookie作用:将网页中的数据保存到浏览器中cookie生命周期:默认情况下生...原创 2018-08-15 15:36:33 · 98 阅读 · 0 评论 -
Photoshop切图简单设置+工具介绍+以及切图方法
一,photoshop的基本设置1*将点选上的拖动到右侧工具栏中进行调整以及待用2*视图(下的)---显示---智能参考线打开----标尺将库 / 颜色 / 通道 /路径*********关闭3*窗口---信息 {右侧单击-----面板选项的设置^颜色改为RGB颜色^单位改为像素^文档尺寸选上+++++单击确定可以看到位置以及选区的大小}------字符...原创 2018-08-07 16:12:46 · 3644 阅读 · 0 评论 -
下拉加载更多----可用到评论的加载
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <!--网址 https://blog.csdn.net/djk8888/article/details/53781452 --> <meta http-equiv="Content-Typ...转载 2018-08-07 14:02:04 · 573 阅读 · 0 评论 -
JQuery-跑马灯(文字无缝向上翻动-封装)
转载自他人:https://blog.csdn.net/z69183787/article/details/12857587(function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默认参数 ...转载 2018-08-07 11:47:31 · 2032 阅读 · 0 评论 -
jQuery实现列表自动滚动
主要思路: 滑动动画,就是改变元素的位置,要改变元素的位置有两种方法,一种改变left,top属性(相对定位和绝对定位),还有一种,就是现在这里用到的,改变margin的值。 本例中动画过程: 1.设置要改变margin-top的值; 2.用animate方法改变第一个LI的margin-top的值为---负值(负值会向上移动); 3.在动画完成之后,回调...原创 2018-08-07 11:25:17 · 2890 阅读 · 0 评论 -
flex盒子弹性布局-----摘抄博客等资料
1-flex布局踩过的那些坑(兼容,宽度高度等问题,)https://segmentfault.com/a/11900000065595642-几种常见的flex布局写法:https://segmentfault.com/a/1190000010170714****淘宝框架flexible<meta name="flexible" content="initial-dpr...转载 2018-08-02 16:38:11 · 208 阅读 · 0 评论