- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 宝塔面板中pm2 点击 映射 无反应问题
宝塔面板中pm2 点击 映射 无反应问题这时需要注意上图 的端口 是没有开启的,这个时候点映射是没有反应的经过查找一系列的资料,终于找到了解决办法解决办法:1. 在云服务器 点击登录 进入终端2. 输入su命令,输入密码进入root 超级管理员3. cd 进入你宝塔面板中项目的路径4.输入命令 : npm start5.你会发现你的代码会有一些错误提示,根据错误提示进行修改6.通过提示修改代码后,再次输入npm start 启动...
2021-04-01 21:29:23
1156
原创 css中单行文本分散对齐
今天突然遇到一个问题,这种情况里文字的对齐方式怎么破,text-align:justify 不好使呢突然觉得自己弱爆了经过一通百度,终于实现了,上代码<table> <tr> <td lang="zh">省份</td> <td>:</td> <td><input type="text"></td..
2020-05-22 10:50:49
1215
原创 html+css大背景布局
第一种:使用最小宽度实现 <div class="box"> <div class="main">内容</div> </div> .box{ width: 100%; min-width: 960px; background: ...
2019-09-25 20:27:10
448
原创 css实现卡片翻转效果
html:<div class="cont"> <div class="contBefore"> 前边内容 </div> <div class="contAfter"> 翻转后内容 </div></div>css:.cont{ width: ...
2019-07-16 18:20:04
793
原创 使用vue-touch实现移动端左右滑动屏幕切换页面
1.安装vue-touchnpm install vue-touch@next --save2.在main.js中引入import VueTouch from 'vue-touch'Vue.use(VueTouch,{name:'v-touch'})VueTouch.config.swipe = { threshold:50 //设置左右滑动的距离}3.在路由的in...
2019-06-20 11:03:31
9431
3
原创 es6中三个点的使用(...)----rest参数、解构赋值
1.在函数中作为参数使用,表示该参数个数不定let sum = (...num) =>{ let total = 0; for(var i of num){ total += i; } console.log(`total:${total}`)}sum(1,2,3,4,5,6) //计算参数的总和2.合并数组let...
2019-06-19 18:09:13
2284
原创 vue-router模式,嵌套路由、编程式路由、命名路由
一、vue-router共两种模式:hash模式(默认)、history模式模式可通过router文件夹中的index.js文件进行设置:export default new Router({mode:'history',//'hash'或'history' routes: [ { path: '/user/:username', name: 'He...
2019-06-19 10:44:51
497
原创 通过jquery实现星级评价效果
/** 思路:* 1.先封装一个函数,点亮指定颗数的星星:* 通过each遍历所有li,判断当前li的下标是否小于num,若小于就重新设置当前li的背景图片的位置为点亮的星星的位置* 2.为每个li绑定mouseover事件,当鼠标移入获取当前li的下标加一(li下标默认从0开始)作为参数传给dianLiang函数,实现鼠标移入点亮相对应的星星* 3.为每个li绑定click事件...
2019-05-30 17:15:56
5528
原创 前端实现点击下载文件
点击,下载存放在网站项目中的文件:<a href="下载文件.txt" download="下载文件.txt">下载文件</a>身为前端居然不会,刚学的
2019-05-17 10:35:59
5762
2
原创 thinkphp5中引入ueditor
1、将ueditor插件放入public文件夹2、在application的config文件中配置 // 视图输出字符串内容替换 'view_replace_str' => [ '__UEDITOR__'=>'/ueditor' ],3、在需要显示编辑框的地方插入: <script type="text/plain" i...
2018-11-04 13:17:04
514
原创 js实现拖拽(带阴影)
HTML代码:<p> ksjdfkjlksjfdksjfskjfskljldffffffffffffffffffffffff</p><div id="div"></div>css代码:<style> body{ padding: 0; margin: 0; } ...
2018-08-12 12:44:38
2889
原创 js实现图片延迟加载
/** 思路:* 1.获取可视窗口高(clientHeight)、各个图片的绝对距离(getPub函数)以及滚动进去的高(scrollTop)* 2.滚动进去的高(scrollTop) + 视窗口高(clientHeight)>=各个图片的绝对距离* 3.若满足第2步的条件,就让自定义属性的内容 赋值给img的src属性;* *//*获取当前元素到html的距离*/func...
2018-08-09 11:14:51
1108
原创 DOM范围
dom2级在Document类型中定义了 createRange()方法;创建range对象很简单 var range = document.createRange() 操作range对象,有两个步骤,1选择节点,2,操作节点选择节点:最简单的选择节点方法: selectNode() :选择整个节点,包括子节点 selectNodeContents() 选择节点的子节点...
2018-08-07 21:05:13
136
原创 JavaScript实现字符串首字母大写
/* * 思路: * 1.将字符串分割存入数组 * 2.取出数组中每个元素的第一个字母并大写 * 3.取出每个元素第一个字母后的所有字母 * 4.使用‘+’连接到一起 * 5.添加到新的数组中 * 6.数组转为字符串 * */var str ='welcome to china';// console.log();var arr =str.split(' ');//1...
2018-08-06 18:22:19
3100
原创 javaScript实现去除数组中重复的元素并排序
/* * 思路: * 1.先排序 * 2.遍历数组每个元素,让前一个元素与后一个元素相比较,若相等,删除前一个 * 注意:每次删除元素会使数组长度减一,再次循环时会少对比一个 ,所以删除后i-- * */ var arr = [1,3,2,4,2,3,5,6,7,4,3,6,7,5,9]; arr.sort(function (x,y) { return x-y ; ...
2018-08-06 18:20:00
2176
原创 javaScript实现九九乘法表 、正三角 、倒三角、反三角
1.九九乘法表for(var j =1; j<=9; j++){ for (var i = 1,str ='';i<=j;i++){ str+= i+'*'+j +'='+i*j+' '; } console.log(str);}2.正三角function printXing(l) { for(var i =1;...
2018-08-05 20:48:55
17964
原创 用javaScript实现轮播图效果 包括自动变换,按钮控制,上一张下一张切换
1.HTML代码<div id="wrap"> <img src="images/1.jpg" alt="" class="on"> <img src="images/2.jpg" alt=""> <img src="images/3.jpg"
2018-08-02 19:05:36
7293
2
原创 html5+css3编码技巧一
左边内容左浮动时,右边内容自适应长度,并使它不包围左浮动内容html代码<dl class="resume_cont"> <dt>2015/02 – 至今</dt> <dd> <h2>通联支付网络服务股份有限公司</h2> <h3>金
2018-08-01 18:43:50
363
原创 javaScript 页面中多个选项卡效果
1.HTML代码<!--第一个选项卡--><div id="box1" class="wrap"> <p class="nav"> <!--按钮--> <span class="active">体育</span> &
2018-08-01 18:27:14
2151
原创 HTML中text-align:center,margin:auto,vatical-align以及如何让定位元素居中的方法
1、text-align:center 对文本、图片进行水平居中 可配合行高(line-height)对文字进行水平垂直居中2、margin:auto 对已知宽度的块元素水平居中3、vartical-align:middle 垂直对齐 只有元素属于inline或是inline-block ,vertical-align...
2018-07-26 22:11:54
1502
2
ueditor插件
2018-11-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人