- 博客(28)
- 收藏
- 关注
RSS订阅原创 超详细的免费下载论文方法
作为一名大四生必然逃不过论文的刁难，一般学校都是买了中国知网、万维网等版权，但是回到家的同学没有校园网可以用这些免费的网站。推荐网站：1.iDatahttps://www.cn-ki.net/2.谷歌学术https://en.ehn3.com/3.sci-hub（主要用于下载英文文献）https://sci-hub.se/知网虽然没有会员无法下载也无法在...
2019-01-16 18:54:53
10882
原创 js如何给父元素添加两个子元素
很少用js创建元素，然后出bug解决了半天，只需要两行，搞了几个小时，必须得记录一下：参考文章https://www.jb51.net/article/134880.htm我需要的结构如下：就是在div中创建一个img然后再创建一个span，但是使用appendChild每次只给最后一个div加了span，我通过jquery也添加，但结果一个div里面好几个span，最后通过克隆解...
2018-12-08 16:10:29
8157
1
原创 input:file上传多个图片文件并显示
参考文章：https://blog.youkuaiyun.com/weixin_42225141/article/details/80343812；最近项目需要做一个类似qq空间一样的发布动态的功能，需要上传照片，网上下载了很多案例和插件，太复杂还需要根据我的样式改变，最后通过fileReader的方法解决了这个问题，图片效果：点击这个图片实际点击的是input:file的按钮，设置样式将其隐藏起...
2018-12-08 14:21:11
3046
1
转载 干货|15个免费下载高质量图片的网站
https://www.sohu.com/a/243697490_488824为防止文章丢失，以下直接粘贴：Pexelshttps://www.pexels.com/Pixabayhttps://pixabay.com/Unsplashhttps://unsplash.com/imcreatorhttp://imcreator.com/freeGratiso...
2018-12-06 18:00:08
1276
原创 js实现回到顶部
//返回顶部 //获取返回顶部元素 var backtop = document.getElementById('backtop'); var timer = null ; var isTop = true; //获取页面可视高度 var clientHeight = document.documentElement.clientHeight;...
2018-11-25 16:56:36
674
原创 logo字体在线设计工具
u钙网http://www.uugai.com自己做项目的时候没有UI设计师，图片logo都得自己搞，这下再也不怕没有UI给你们看一下之前的logo丑爆了，而且用代码写标题 h1这种的，好难看啊，那天研究了半天的css3新属性@font-face，感觉很麻烦，半天找不到字体文件插件，而且有的需要付费 ...
2018-11-18 19:03:31
1354
原创 jQuery实现大型网站导航栏，鼠标移出使用mouseout使内容框隐藏但当鼠标滑到框时已经隐藏如何解决？
大型网站比如慕课网，电商商城的导航都是左侧导航分类，右侧是轮播图，然后当鼠标经过导航分类时显示对应的内容框；这个就用到我之前写的如何点击顶部导航显示对应的左侧边栏，原理是相同的；先来看一下我要实现的效果图： 跟以前写的点击主导航显示对应的左侧栏，但因为这里nav_index打印的时候从1开始的，代码前面还有个标题，所以给eq传的时候减了1，在写项目的时候可以通过控制台来打印一下 ...
2018-11-18 18:52:08
956
1
转载 bootstrap轮播图（carousel）去除默认顶部两边的阴影
如图，阴影可能不明显 然后通过这篇文章解决了这个问题去除 bootstrap 中轮播两边阴影代码如下： .carousel-control.left { background-image:none; background-repeat: repeat-x; ...
2018-11-17 18:29:06
1657
原创 vue组件开发步骤
首先创建components文件夹来存放各个组件‘然后以开发header组件为例在components/创建monkey-header文件夹，在这个文件夹里创建monkey-header.vue文件打开m-header.vue文件，搭建框架<template> </template><script>export defaul...
2018-11-14 11:42:18
397
原创 vue路由配置
首先在router/index.js中配置路由文件import引入跳转的页面，然后配置path，component（注意不是components）等；import Vue from 'vue'import Router from 'vue-router'//以下引入四个文件就是跳转的页面import Rank from 'components/rank/rank'import R...
2018-11-14 11:14:48
316
原创 使用load提取页面公共内容因为浏览器跨域问题失效，使用iframe底部出现空白
在做项目时，通常页面header部分是相同的，但如果复制粘贴，代码量很大而且很冗余，因此可以像vue一样可以将页面拆分成不同的组件，而header就是一个组件，可以单独提取出来，最后再把不同组件合并呈现不同的页面；但现在所有的主流浏览器都不支持，使用iframe来替换load吧！可以直接跳过以下load的演示：以例子来演示：刚开始想header.html到底光写body里面的元素，从c...
2018-11-13 17:03:14
1493
原创 vue引入stylus文件报错，公共样式不显示问题
因为我修改了bulid文件下的webpack.base.conf.js文件里的alias，所以直接写common就代表src目录下的common，注意引入的方式，以@开头，路径开头必须有~@import '~/'引入stylus文件会报下面的错误，最后修改了路径才解决了这个问题，路径从src开始写，默认已将@代表src 修改后，执行npm run dev没有报错但...
2018-11-13 11:06:47
1810
原创 vue init webpack 报错vue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket...
vue-cli · Failed to download repo vuejs-templates/webpack: tunneling socket...网上尝试了各种方法，最后下面这个方法解决了问题 npm config rm proxynpm config rm https-proxy...
2018-11-12 21:41:27
1301
1
原创 vue项目目录
一般项目都在src目录下修改，在src目录下按下面的目录创建文件api //用于存放一些与后台的交互，比如ajax,json等common //common下用于存放fonts，images，js，stylus文件components //通用组件router //路由相关文件【注】加.gitkeep是为了让项目可以传到远程仓库，空文件夹不会上传在build下的w...
2018-11-12 16:05:33
229
原创 移动音乐app【1】项目初始化——vue-cli脚手架安装
安装node.js 在命令行工具内执行： node -v；检查自己是否安装了node以及版本号，若没有可去官网安装vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局初始化项目前两步之前在做vue项目时已经安装过了，以后写vue项目直接从这一步开始 vue init webpack your_project...
2018-11-12 15:38:40
258
原创 点击左侧导航显示对应的iframe，如何通过jquery来动态更改src？
如果直接给a标签的href添加链接，那么直接跳转到该页面，就没有头部和左侧页面，所以这样是行不通的；可以采用以下的方法：在a标签的属性加上_link="name.html" 通过jquery的attr动态更改src<div class="menu_detail" id="leftmenu_1" style="display:none"> <dl class="c
2018-11-10 16:45:06
2281
原创 富文本编辑器Ueditor使用方法
ueditor插件下载地址（点击进入）下载开发版的php版本即可使用方法：在文件里找到index.html，官方给的demo，将以下三个js文件引入到项目中，注意更改路径； <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> <s...
2018-11-10 15:58:30
286
原创 jquery实现全选功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选</title> <style> th,td{ width: 80px;
2018-11-10 15:02:20
516
原创 通过iframe搭建后台管理系统右侧内容
首先搭建好iframe框架<!--iframe main star--> <div class="rightmain"> <div class="right_content"> <iframe src="http://www.baidu.com" frameborder="0" scrolling="ye
2018-11-08 15:49:42
1955
原创 字数超出显示...，鼠标划过显示完整内容
在微信公众号上看到这篇纯css实现多行文字截断，本来想在项目中练习使用一下，发现效果不太好，所以项目中还是使用了单行文本截断，下面是实现单行超出宽度，然后使用...显示的代码 .courseTitle{ white-space: nowrap; text-overflow: ellipsis; ...
2018-11-05 17:42:45
1305
原创 省市定位（省市区三级联动插件Distpicker）
效果图点击切换城市出现两级联动，因为这里选择的是城市，所以没有选择地区点击确认即会获取用户选择的城市，然后通过text（）将显示城市的地方进行替换； （注：刚开始使用replaceWith，但只能执行一次，选取城市后再次选取城市不再改变） 代码如下：<div class="location "> <div class="current_city"...
2018-11-04 12:23:38
1765
原创 表单验证总结
项目中经常在登录和注册以及其他填写信息表单的时候会进行简单的验证，比如用户输入的内容是否为空； 用户输入的内容长度是否满足要求，一般密码为6-12位数字和字母； 在注册中密码和确认密码是否一样，两次输入的内容是否为一致； 验证码是否和用户输入的一致；网上有很多方法，比如validator插件，修改input默认的提示信息；个人还是喜欢用jQuery直接给每一个input设置blur，或...
2018-11-04 11:19:32
661
原创 jQuery表单验证
一般用于验证用户输入的信息是否正确，比如长度是否符合要求，然后给用户反馈提示信息；准备工作：依赖的安装 https://www.bootcdn.cn/搜索以下内容，引入到项目中；注意位置都放在其他链接的前面，依赖一般先加载；jQuerynormalize（normalize就是一个css文件，它保证了css样式在主流浏览器下显示基本是一致的；清除掉不必要的东西， 比如bod...
2018-11-02 16:59:38
590
原创 后台管理系统导航栏总结
一般后台的管理界面结构如下：顶部+左侧导航+内容区域+底部 主要实现以下功能：顶部导航模块添加class效果，给点击的元素添加背景颜色同时改变宽度，其他元素移除样式 点击顶部导航显示对应的左侧导航； 左侧导航的伸展收缩，同时改变图标的方向 隐藏/显示导航，同时更改文字内容 知识点：1.$().addClass() $().removeClass()2.使用...
2018-11-01 16:48:52
6759
1
原创 显示/隐藏菜单【知识点】if( $('#id').is(':visible') == false){}
效果描述：点击隐藏菜单按钮隐藏左侧导航栏同时按钮文字变为显示菜单，再点击显示左侧导航同时文字变为隐藏菜单；效果图： //显示隐藏左侧导航栏 $('#link_1').click(function() { if( $('#leftmenu').is(':visible') == false){ $('#leftmenu').css('display','block...
2018-11-01 16:30:30
1399
原创 jQuery点击主导航显示对应的左侧导航
效果描述：点击顶部的模块，左侧显示对应的内容（下图为效果，左侧导航只截取部分）在bootstrap中叫做标签页，需要使用tab.js，而jQuery只需要下面一行代码就足以解决$('#headnav li').click(function() { //主导航与左侧导航对应 var headnav_index = $(this).index();//获取顶部...
2018-11-01 14:39:34
1421
1
原创 jQuery实现导航菜单伸缩效果
效果描述：若菜单未展开点击则显示子菜单，否则将子菜单上卷收缩，同时菜单方向图标进行改变 <!--left_menu star--> <div class="leftMenu" id="leftmenu"> <div class="menu_detail" id="leftmenu_0"> <dl&
2018-11-01 11:20:30
4471
原创 jQuery添加class样式，移除同胞的class样式
实现效果：点击模块为当前元素添加class，同时移除其他三个元素的class$('#headnav li').click(function() { $(this).addClass('current-menu').siblings().removeClass('current-menu'); })}即给id为headnav下的li添加cl...
2018-11-01 10:07:36
4976
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人