daydayup1207-优快云博客

原创宝塔面板中pm2 点击映射无反应问题

宝塔面板中pm2 点击映射无反应问题这时需要注意上图的端口是没有开启的，这个时候点映射是没有反应的经过查找一系列的资料，终于找到了解决办法解决办法：1. 在云服务器点击登录进入终端2. 输入su命令，输入密码进入root 超级管理员3. cd 进入你宝塔面板中项目的路径4.输入命令： npm start5.你会发现你的代码会有一些错误提示，根据错误提示进行修改6.通过提示修改代码后，再次输入npm start 启动...

2021-04-01 21:29:23 1220

原创 css中单行文本分散对齐

今天突然遇到一个问题，这种情况里文字的对齐方式怎么破，text-align:justify 不好使呢突然觉得自己弱爆了经过一通百度，终于实现了，上代码<table> <tr> <td lang="zh">省份</td> <td>：</td> <td><input type="text"></td..

2020-05-22 10:50:49 1354

原创 html+css大背景布局

第一种:使用最小宽度实现 <div class="box"> <div class="main">内容</div> </div> .box{ width: 100%; min-width: 960px; background: ...

2019-09-25 20:27:10 476

原创 css实现卡片翻转效果

html:<div class="cont"> <div class="contBefore"> 前边内容 </div> <div class="contAfter"> 翻转后内容 </div></div>css:.cont{ width: ...

2019-07-16 18:20:04 835

原创使用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 9524 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 2315

原创 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 528

原创通过jquery实现星级评价效果

/** 思路：* 1.先封装一个函数，点亮指定颗数的星星：* 通过each遍历所有li，判断当前li的下标是否小于num，若小于就重新设置当前li的背景图片的位置为点亮的星星的位置* 2.为每个li绑定mouseover事件，当鼠标移入获取当前li的下标加一（li下标默认从0开始）作为参数传给dianLiang函数，实现鼠标移入点亮相对应的星星* 3.为每个li绑定click事件...

2019-05-30 17:15:56 5758

原创前端实现点击下载文件

点击，下载存放在网站项目中的文件：<a href="下载文件.txt" download="下载文件.txt">下载文件</a>身为前端居然不会，刚学的

2019-05-17 10:35:59 5809 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 554

原创 js实现拖拽（带阴影）

HTML代码:<p> ksjdfkjlksjfdksjfskjfskljldffffffffffffffffffffffff</p><div id="div"></div>css代码：<style> body{ padding: 0; margin: 0; } ...

2018-08-12 12:44:38 3005

原创 js实现图片延迟加载

/** 思路：* 1.获取可视窗口高（clientHeight）、各个图片的绝对距离（getPub函数）以及滚动进去的高（scrollTop)* 2.滚动进去的高（scrollTop) + 视窗口高（clientHeight）>=各个图片的绝对距离* 3.若满足第2步的条件，就让自定义属性的内容赋值给img的src属性；* *//*获取当前元素到html的距离*/func...

2018-08-09 11:14:51 1130

原创 DOM范围

dom2级在Document类型中定义了 createRange()方法；创建range对象很简单 var range = document.createRange() 操作range对象，有两个步骤，1选择节点，2,操作节点选择节点：最简单的选择节点方法： selectNode() :选择整个节点，包括子节点 selectNodeContents() 选择节点的子节点...

2018-08-07 21:05:13 154

原创 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 3138

原创 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 2199

原创 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 18250

原创用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 7338 2

原创 html5+css3编码技巧一

左边内容左浮动时，右边内容自适应长度，并使它不包围左浮动内容html代码<dl class="resume_cont"> <dt>2015/02 – 至今</dt> <dd> <h2>通联支付网络服务股份有限公司</h2> <h3>金

2018-08-01 18:43:50 402

原创 javaScript 页面中多个选项卡效果

1.HTML代码<div id="box1" class="wrap"> <p class="nav">  <span class="active">体育</span> &

2018-08-01 18:27:14 2206

原创 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 1578 2

duo1207的博客