- 博客(34)
- 收藏
- 关注
RSS订阅原创 安装node-sass报错Python环境
解决办法：原因是fanqiang问题无法下载node1.首先需要删除node-modules重头开始安装2.（1） 使用淘宝镜像源设置sass_binary_site指向淘宝镜像地址npm i node-sass --sass_binary_site =https://npm.taobao.org/mirrors/node-sass/// 也可以设置系统环境变量的方式。...
2019-11-29 16:29:42
15255
3
原创 process.env.NODE_ENV（判断生产环境或开发环境的依据）
const_import=require('./_import_'+process.env.NODE_ENV) //获取组件的方法//远程运维智能管理{path:'/operationmanagement/statisticalReport',name:'statisticalReport',component:_import(...
2019-11-22 09:51:08
6050
原创 vue+element-ui侧边菜单点击显示内容的办法
1.设置点击事件，this.$router.push({path: val.path})2.调用el-menu的select事件
2019-11-22 09:50:37
6102
2
原创 $router.push()跳转页面传参
querythis.$router.push({path:'/router1', query: { id: 123}})-------------/router1?id=123获取： this.$route.query.idparamsthis.$router.push({ name: 'router1', params: { type: 1 }})-----------...
2019-11-22 09:45:01
1598
1
原创 vue视频播放插件
使用步骤：1. 安装npm install vue-video-player --save2.在main.js入口文件中引入import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vu...
2019-11-22 09:43:45
267
原创 vue路由配置
1.首先在项目中安装vue-router 在terminal中输入 npm install vue-router --save2.在mian.js中导入router import router from './router'3.在components下新建vue页面 test.vue4.在router下的index.js 导入路由 import test f...
2018-12-07 11:50:43
149
原创 JavaScript DOM动画应用---找不同，寻找房祖名游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap{
2018-08-10 15:19:31
134
原创 飞扬的小鸟JavaScript实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin
2018-08-10 15:18:35
2924
原创 锅打灰太狼游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap{ wi
2018-08-10 15:17:23
1669
1
原创 JavaScript实现无限瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap{ wi
2018-08-10 15:16:16
661
原创 JavaScript#DOMO实现增删查刷新
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #nav{
2018-07-18 09:26:00
366
原创 JavaScript DOM动画应用---找不同，寻找房祖名游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap{
2018-07-18 09:22:20
615
原创 JavaScript# DOM实现留言板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{
2018-07-18 09:16:17
1757
原创 JavaScript实现购物车
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{
2018-07-18 09:13:24
8486
2
原创 冒泡排序法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> </body>&
2018-07-11 14:23:12
138
原创 JavaScript小游戏文字颜色选择
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{ width: 480px; background: url('2.
2018-07-11 14:21:06
768
原创 JavaScript实现实时时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> </body>&
2018-07-11 14:19:03
906
原创 JavaScript求n个数的最大值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> </body>&
2018-07-11 14:18:09
4699
原创 JavaScript判断素数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> </body>&
2018-07-11 14:17:26
2794
原创 JavaScript编写轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap{ width: 500px; height: 300px; ov
2018-07-11 14:16:24
402
原创 用JavaScript编写钟表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #clock{ width: 500px; height: 500px; b
2018-07-11 14:15:02
1494
原创 JavaScript判断人民币面值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="t
2018-06-28 15:43:43
470
原创 JavaScript判断闰年
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="t
2018-06-28 15:42:46
7018
1
原创 JavaScript利用Switch语句编写成绩等级
<script>var inpus = document.querySelectorAll("input"); inpus[1].onclick = function(){ var num = Number(inpus[0].value); num = parseInt(num/10); switch(num){ case 10: ...
2018-06-28 15:42:06
16922
原创 CSS中3D变形详解
3D变形 给盒子的容器开启3D视图，让其内部的子级进行3D变化时可见transform-style:preserve-3d;设置观察者距离 perspective设置观察者位置 perspective-origin：right;3D旋转时。默认的旋转值是360°，在使用时，如果需要多个状态之间切换，每个状态 的属性值要一一对应，写完整。在变形当中，每个盒子都有自己的坐标系与浏览器无关，x...
2018-06-27 09:08:05
517
原创 css动画特效的应用详解
动画：定义动画关键帧方案 @keyframes 动画名{from{}0%{ }……to 100%{}百分比表示动画播放时间} /*animation-name 设置动画关键帧/名称*/ animation-name: move; /*动画播放时间*/ animatio...
2018-06-27 09:06:35
322
原创 浮动换行的解决办法
浮动换行阻挡：往往出现在瀑布流布局中，若上一行浮动块高度不一致，就会导致在当前行浮动过程中被阻挡。margin也是浮动块停止的边缘。一般情况下，往往是因为盒子的内容高度不一致，问题最多的是图片。当每个图片的宽高比不一致时，设置相同高度。高度会有差异。 解决办法：移动端：给图片一个固定高，设置object-fit:cover; PC端：图片差异不大时，给所有图片设置相同...
2018-06-06 09:06:07
4419
原创 HTML中基本选择器
三大基本选择器 1、标签选择器：使用标签名称作为选择器选中标签设置样式。 特点： 可以选中多个标签，给一堆标签同时设置样式 2、类型选择器：在标签中利用class属性设置在样式表中 .类型名{设置样式} 特点：相当于给标签起了一个别名可以重名。也可以有多个名称 3、ID选择器：标签中利用ID属性...
2018-06-02 13:13:49
5100
原创 Sublime Text安装步骤
sumlime配置import urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));...
2018-06-02 13:11:59
378
原创 浮动坍塌的解决方案
浮动坍塌：父级高度自动，子级浮动后，导致父级高度丢失现象。清浮动： 父级固定高设置（不灵活） 父级设置浮动：用来判断是否进行清浮动处理 父级最后一个子级位置添加block块设置：clear：both； 父级选择器::after{ coontent:""; ...
2018-06-01 19:55:46
828
原创 常见的类型命名
样式表命名习惯头部：header.css 公共部分: public.css / base.css 主题： themes.css 字体：font.css选择器命名习惯导航 nav 登录框 loginBox 标志 logo 侧边栏 sideBar 条幅广告 banner 子导航 subNav 菜单 ...
2018-06-01 19:10:02
1056
原创 网页设计的基本规范
UI设计： 界面设计 交互设计 平面设计： 手册，海报，电商视觉设计，不涉及产品的操作流程，静态。设计区域有限 网页构成： 1.页眉 2.条幅广告区 3.内容区域 4.页脚：页面的颜色较多，页脚尽量使用深色系（灰色系基本通用），头脚在颜色搭配要呼应 页面尺寸设计 1.页眉、页脚：宽度方向占满浏览器 2.banner条幅广告区：1920px宽...
2018-06-01 19:02:22
3838
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人