自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zhangsanwuyu的博客

前端开发者

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

原创 JS 小练习,for循环,2的n次幂,数组取最大值,反向输出数字,阶乘,100以内质数

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <span>输入你,计算2的n次幂:</span> <input type="number" id="one" /> <button type.

2020-07-29 13:31:49 862

原创 Css3页面板块加载渐进动画

只需要引入类名就可以了:<div class="rightEntry"><span>从事职业:</span><p>前端开发工程师</p></div>css样式: /* 放大进入 */ .loadScale{ animation: loading1 1s; } @keyframes loading1 { from {transform: scale(0.8, 0.8);opacity: 0.

2020-06-29 19:28:05 425

原创 常用的JS数组去重方法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>数组去重</title> </head> <body> </body> <script type="text/javascript"> let arr = [1, 2, 5, 4, 1, 3, 8, 2, 5]; //ES6 set方法 .

2020-06-05 17:16:32 222 1

原创 JQuery三行代码实现checkbox全选和全不选,附赠反选功能

效果图:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form> <label><input type="checkbox" name="fruit" id=1 onclick="isAllCheck()"

2020-06-04 22:26:14 158

原创 最新angular项目搭建+引入scss

1,进入要新建项目的文件夹中,右键打开GIT命令框,输入命令:ng new +项目名称ng new my-app2,命令行输入:cd my-app3,启动项目:ng serve --open 打开如下页面表示启动成功~~4,引入scss,命令行输入:$ cnpm install node-sass sass-loader -D5,angular6以上项目没有angular-cli.json文件。修改angular.json配置:"projects": { ...

2020-06-02 22:03:47 641

翻译 前端H5+C3实现旋转相册

效果图如下:代码如下:<style> *{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } body{ background:#1e1e1f;...

2019-07-11 12:21:40 2924

原创 纯css实现CheckBox自定义样式

 先效果图: 代码:&lt;label class="checkBoxStyle" &gt; &lt;input class="inputstyle" type="checkbox" name="checkList" value="222" v-model="checkedVal"/&gt; &lt;span class=

2018-11-11 14:22:49 1158

原创 纯Vue实现侧边菜单栏手风琴效果

&lt;template&gt; &lt;div class="asideBox"&gt; &lt;aside&gt; &lt;ul class="asideMenu"&gt; &lt;li v-for="(item,index) in menuList"&gt; &lt;div c

2018-05-31 10:14:10 16203 1

原创 H5+CSS3之如何简单的实现自适应一排两列布局

先上效果图:再来代码:&lt;body&gt; &lt;section&gt; &lt;ul class="box"&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&

2018-05-18 11:38:22 9308 1

原创 Vue2+elementUI搭建项目

一,新建Vue项目1.检查本地是否安装node:node -v  。如果没有安装从node官网上下载相应的node,安装成功即可。2.检查本地npm版本:npm -v,如果版本太低可以通过:npm install -g npm进行升级3.全局安装webpack:npm install webpack -g4.安装vue脚手架:npm install vue-cli -g5.新建空文件夹,根据模板创...

2018-04-19 17:40:25 1257

空空如也

空空如也

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

TA关注的人

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