自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

鑫鑫的博客

web前端学习之小白的成长之路

  • 博客(67)
  • 收藏
  • 关注

原创 微信小程序select选项卡功能,具体地址也随之改变table切换

2.class="javasyb-school-dz-li"需要加display: none;1.class="javasyb-school-ul"不用加display: none;

2023-03-29 15:12:27 498 1

转载 npm 安装报错 rollbackFailedOptional verb npm-session无法解决?

原创:https://georgedage.blog.youkuaiyun.com/article/details/102886513在Node\node_modules\npm下的npmrc文件中添加淘宝镜像,(最终最终,还是感觉是网络问题。)prefix=${APPDATA}\npmregistry = https://registry.npm.taobao.org

2020-11-25 11:39:17 903

原创 微信小程序开发工具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 7516 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 1244

原创 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 9467

原创 浏览器插件----FE

https://www.baidufe.com/fehelper/index/index.html

2020-06-01 15:09:49 234

原创 微信小程序 之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 2163

原创 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 404

转载 取消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 964

原创 前端代码显示符号

´ &acute; © &copy; > &gt; µ &micro; ® &reg; & &amp; ° &deg; ¡ &iexcl; &nbsp; » &raquo; ¦ &...

2019-11-27 14:46:48 817

原创 瀑布流

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 133

转载 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 5928

转载 vue开发者工具vue-devtools-4.1.4_0.crx谷歌插件下载

原博客 https://blog.youkuaiyun.com/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 2228

转载 移动页面开发时需要注意的一些问题,

介绍的很全面https://blog.youkuaiyun.com/qq_30109365/article/details/81567467

2019-03-12 14:19:34 180

原创 设置背景透明度

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 237 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 590

原创 Jquery每点击一次动态加载n条数据

这个地址是封装成方法特别好用,支持原创https://www.cnblogs.com/hao5599/p/8025821.html这个是我写的死数据的,每次只能加载固定的n条内容&lt;div class="wz-title-list"&gt; &lt;ul class="wz-title-ul"&gt; &lt;li&gt;&lt;a href="javas...

2019-02-15 11:38:02 1168

原创 px转rem - 程序员在线工具

http://www.ofmonkey.com/front/rem

2018-11-28 09:10:50 7161 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 350

原创 html基础之上标与下标及禁止鼠标点击样式

上标:&lt;sup&gt;&lt;/sup&gt;下标:&lt;sub&gt;&lt;/sub&gt;例子:&lt;p&gt;姓名必填&lt;/p&gt;&lt;sup&gt;*&lt;/sup&gt;*在姓名必填的右上方禁止鼠标点击样式,cursor:not-allowed; ...

2018-11-06 14:33:48 357

原创 网页设计入门教程

做为前端开发小白级别的我还需要学习太多太多的东西,最近发觉前端开发的人员不仅要学会切美工给做好的psd的图片,还要会一些制作设计网页的图片,自己需要一些简单的图片不用等美工设计了,毕竟美工的工作也不轻松,俗话说技多不压身,多学一样总归没有坏处,所以上网找学习资料,发现这篇博客写的很好很详细,保留下来备用,方便日后的学习和复习支持原创:https://www.cnblogs.com/grenet...

2018-11-02 15:04:40 2554 1

转载 jquery省份二级菜单联动

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" c

2018-10-31 11:52:18 517

原创 基于jquery的一键复制值到剪切板--clipboard插件

支持原创:https://blog.youkuaiyun.com/penyoudi1/article/details/53419259最近开发中遇到了新的需求,把指定页面中的内容复制到剪切板让用户复制给其他人或浏览器访问,找了很多js发现大部分是通过swf文件来做的,不好用,也比较麻烦一些,而js写的方法又必须用户自己去修改浏览器的配置,体验性太差,终于找到了一个clipboard,无需通过其他文件,引入...

2018-10-30 15:08:33 1838

原创 去除鼠标事件

pointer-events: none去除鼠标事件,让元素实体 “虚化”,可以理解为海市蜃楼,幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。css3做动画的元素常用...

2018-10-23 13:56:57 810

转载 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 2535

原创 基于css3的动画效果插件 wow.js 和 Scrollreveal.js

最近发现animate.css很漂亮,可以做很多动画效果,一些需要炫酷一些的网址可以添加,而且使用方便,添加类就可以了,使用方法有些像bootstrapt,只要给标签添加类就可以出现效果,而且也可以自己用js结合wow.js控制效果,只是必须要浏览器版本高些的才支持。例如:IE10+,才可以使用!!!!!!!!!!!!*animate.css的使用方法推荐网址:https://www.cn...

2018-10-18 10:06:38 1341

原创 现代框架的讲解

支持原创:https://blog.youkuaiyun.com/qq_40928350/article/details/83104249****现代框架是声明试的局部更新渲染,声明试:只关注状态的维护,不需要关注怎么操作DOM渲染:状态生成DOM插入到页面展示在用户界面上的一套流程叫做渲染。运行机制:内部状态不断发生变化,用户页面的某个局部区域需要不停的重新渲染。重新渲染的实现:解决这个...

2018-10-17 14:05:03 165

原创 webstorm及sublime常用快捷键

*****文字阴影:text-shadow:【x轴(x offset) y轴(Y offst) 模糊半径(Blur) 颜色(color)】1、sublime常用快捷键:Ctrl+J =====合并选中的多行代码为一行。举个栗子:将多行格式的CSS属性合并为一行Alt+F3 ======== 一次性选择全部的相同文本进行同时编辑Ctrl + L ======== 选中整行,继续操作则...

2018-10-16 16:16:13 468

转载 前端大神的网址--适合基础的并且没有做太多项目的童鞋

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 250

原创 掐网线操作

用压线钳,注意不要将里面的八股网线钳断。568B网线的排列顺序为:橙白、橙、绿白、蓝、蓝白、绿、棕白、棕把线禄平直后放入水晶头中,要依次对齐,不能走偏,一直插到线槽的最顶端。然后再用网钳压实就好。  ...

2018-10-15 14:54:04 2248

转载 子div脱离文档流后怎么撑开父元素div

尊重原创:https://blog.youkuaiyun.com/Corazhang/article/details/779060211给父元素设置宽高2添加after伪类.clearfix.clearfix::after{content:''; display:block; clear:both;}3给父元素设置padding也可以,但是会影响到子元素的位置4给父元素设置overflow...

2018-10-15 10:20:11 2132

原创 jQuery插件库网址---各种动态效果

1各种动态效果用canvanhttp://www.jq22.com/2好看的banner效果(幻灯片效果)http://www.jq22.com/jquery-info37

2018-10-12 14:23:38 167

原创 图片素材网址推荐

介绍很全的各大图片素材网址:https://www.zcool.com.cn/article/ZNTk0Mzg0.html

2018-10-12 14:20:04 183

原创 jquery选择器

一、基础过滤选择器:1、:first用法:$("tr:first");返回值  单个元素的组成的集合,匹配找到的第一个元素2、:last用法:$("tr:last");返回值  集合元素,匹配找到的最后一个元素,和:first对应3、:not(selector)用法:$("input:not(:checked)");   返回值  集合元素,去除所有与给定选择器...

2018-09-13 17:28:41 160

转载 文件上传插件

这两天工作需要写一个文件上传功能,这个插件很好,只是对于js新手不太合适,能改的东西少,不过用起来功能很强大,推荐使用,只是我不会传图片.还有几张图片没有传上来.对于直接复制粘贴代码的小伙伴可能有些问题&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;...

2018-09-11 10:20:09 2314

原创 SweetAlert--定制弹框

1*****第一版http://mishengqiang.com/sweetalert/2*****第二版http://mishengqiang.com/sweetalert2/很好用的弹框插件,其中第一版直接可以下载css和js文件,第二版需要自己复制他的源文件,粘贴到自己的文件上命名引入,非常简单实用...

2018-09-07 17:19:17 994

原创 jQuery实现左右轮播----带轮播图片说明

&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;script type="text/javascript" src="public/jquery-1.12.4.min.js"&gt;&a

2018-09-07 14:03:49 1256

原创 jquery 的animate广告动画效果

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;广告动画&lt;/title&gt; &lt;style&gt; *{ margin: 0;

2018-09-07 13:45:55 489

原创 指示器在左右两侧排列的轮播

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;轮播&lt;/title&gt; &lt;style&gt;/*us-banner*/.py-aboutUs .aboutUs

2018-09-06 11:47:07 233

原创 Underscore为JavaScript实用库-----1.8.3中文文档

http://www.css88.com/doc/underscore/Underscore提供了100多个函数,包括常用的: map, filter, invoke — 当然还有更多专业的辅助函数,如:函数绑定, JavaScript模板功能,创建快速索引, 强类型相等测试, 等等。jQuery统一了不同浏览器之间的DOM操作的差异,让我们可以简单地对DOM进行操作,underscore...

2018-08-29 16:24:50 370

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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