- 博客(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 886
原创 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 450
原创 常用的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 269 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 166
原创 最新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 675
翻译 前端H5+C3实现旋转相册
效果图如下:代码如下:<style> *{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } body{ background:#1e1e1f;...
2019-07-11 12:21:40 2938
原创 纯css实现CheckBox自定义样式
先效果图: 代码:<label class="checkBoxStyle" > <input class="inputstyle" type="checkbox" name="checkList" value="222" v-model="checkedVal"/> <span class=
2018-11-11 14:22:49 1168
原创 纯Vue实现侧边菜单栏手风琴效果
<template> <div class="asideBox"> <aside> <ul class="asideMenu"> <li v-for="(item,index) in menuList"> <div c
2018-05-31 10:14:10 16267 1
原创 H5+CSS3之如何简单的实现自适应一排两列布局
先上效果图:再来代码:<body> <section> <ul class="box"> <li></li> <li></li> <li></li> <li></li&
2018-05-18 11:38:22 9356 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 1274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人