四叶草的IT小业-优快云博客

原创项目总结

1，图示效果 css //html<p class="desp"><span class="descon1 fontCss2">质押保障：</span><span class="fontCss3">债券质押</span> </p>//css.desp{padding-left:5em;}.descon1{...

2020-01-09 10:37:15 182

原创 es6 set map Math

新的数据类型 set不能有重复值add()delete()has()sizeclear()可以链式操作跟数组差不多，但是值是唯一的。var set = new Set(['a','b','c','a']) console.log(set) set.add('e') console.log(set) ...

2019-10-15 17:42:44 204

原创 localstorge 存储数据。设定过期时间

// 存储到localstorage 半小时function setlocalStorage(year,range,data){ var date = new Date().getTime() var key = 'data' + year + range var storage = window.localStorage; var obj = {key:da...

2019-06-24 09:23:34 654

原创 vue项目编写总结

一个vue项目跳到有package.json得文件夹，运行npm install 或cnpm install npm run dev比较重要的几个文件index.html 入口文件main.js 引入的一些东西App.vue路由import Vue from 'vue'import Router from 'vue-router'import ...

2019-03-03 15:25:56 242

原创绝对定位容器里面的div水平居中

外层div样式{position: absolute; top: 0; max-width: 1200px; width: 100%; left: 0; right: 0; margin: auto;}如果不生效的话可以注意你的样式顺序看看和我的一样不。...

2019-02-11 10:25:05 1261

原创回到顶部 jquery 动态添加表事件委托

// 回到顶部 $(window).scroll(function () { if ($(window).scrollTop() >= 50) { $('#back').fadeIn(); } else { $('#back').fadeOut(); } }) $('#back').click(function () { $('html,body')....

2019-01-21 11:12:27 128

原创检测checkbox是否被选中标题引入icon

好几次遇见判断这个框是否被选中的问题，每次自己脑抽都记不住，所以记录一下。$("#checkbox").is(':checked')获取选中的select$("#text-box").on("change", "#textSelect", function (event) {console.log($(event.target))var idx = $(event.target...

2019-01-17 15:34:52 390

原创事件委托 tr上 tr的display问题

今天想给tr添加一个事件，事件委托实现，发现怎么也捕获不到tr查了好多，说tr不是盒子模式，也不是很懂，反正就是不行解决办法是在tr里面加一个div,去捕获这个div就可以了。有知道什么原因的小伙伴们可以多多留言谢谢。如果你要给tr设置display 为block会发现表格会错行，感觉tr好多bug........给tr display 设置为空就可以了。如果...

2019-01-16 22:48:40 322

原创 js jquery下载文件

// 点击示例文件下载 $("#demo1").click(function(){ var $eleForm = $("<form method='get'></form>"); $eleForm.attr("action",host + '/contract_extraction/download/示例合同1.docx'); $(docum...

2019-01-16 11:02:48 2302

原创 js url 页面传参数以及获取参数有中文

传参数: 不让中文乱码 encodeURI（）这个方法window.open("detail?name1=" + encodeURI(filename) + "&name2=" + encodeURI(functionname))获取参数：var afterUrl = window.location.search.substring(1); //这是获取url后面的值 ...

2019-01-11 17:22:26 291

原创事件委托获取点击元素的索引

首先我用js ajax返回的数据在页面上生成了一个表格，表格每行里有一个按钮查看详情，点击查看详情跳到详情页，但是要传参数，就要获取点击按钮的索引。这个问题查了一下午没查到，最后咋解决的，请往下看。。。。$("body").on("click", ".td-btn", function (event) { // console.log(alldata) // console....

2019-01-11 17:18:04 4918

原创 css3 实现平行四边形和菱形，字体不变形

<!DOCTYPE html><html><head> <title></title> <style> body{ margin:100px; } div{ margin-bottom:100px; } .div1{ width: 80px; height: 80px; ...

2019-01-03 17:08:01 4861

原创网站导航适配到手机端变成左右滑动的导航

导航外层容器添加以下样式：{overflow-x:auto； //超出出现滚动条，放到手机上就可以自动滑动white-space: nowrap; //不换行width:100%；}

2019-01-02 15:15:44 1011

原创文章内容超出显示省略号，以及鼠标滑过显示全部内容

显示省略号：给外层容器加入一下代码text-overflow:ellipsis;overflow:hidden;white-space:nowrap;鼠标滑过显示：给外层容器添加title属性，title属性值就是要显示的全部内容，或者是改变容器的宽和高，让内容全部显示。input可以用max-length属性来设定输入框的文本长度。...

2019-01-02 10:04:43 2244 1

原创事件冲突拖拽事件和点击事件点击事件和双击事件

今天写触发事件，发现事件全部冲突，下面来说一下解决的办法思路： onmousedown -> onmousemove -> onmouseup 这是一个拖拽事件onmousedown - > onmouseup 这是一个点击事件《=》 onclickdoubleclick 双击事件是连续点击两次click单击和双击可以靠时间间隔来解决单击和拖拽可...

2018-12-28 21:51:37 4245

原创用html css写网站注意得几个点

压缩图片本人近期写了响应式网站，总结一下经验，提高效率，简化代码量1. 如果不引入UI框架的话，css开始请写入公共CSS代码如 margin:0; padding:0, 后期调样式容易2. 如果编写响应式的网站，还需要引入UI框架的话（boostrap）一定要避免写行内样式，尽量少写，不然后期调响应式很麻烦，写class的时候，多写点容易区分的，比如不同的按钮有不同得颜色，可以定...

2018-12-27 17:08:27 255

原创 html元素设置一个属性为布尔

设置可能会报错，显示是字符串在属性名前面加个冒号就ok 了<el-dialog title="请输入节点名字" :close-on-click-modal="false" :show-close="false" :visible.sync="newNode" width="30%"> <input place

2018-12-11 11:18:04 2032

原创初识vue项目 vue-cli

安装vue-cli 1.先安装node,安装node的时候会自动安装npm,可以通过 node -v 和 npm -v 测试版本2.全局安装node 这个去看官方文档就可以3.运行 npm run dev 注意事项：window系统不建议用gitbash 因为我就是用的总是出问题，建议用powershell,也可以用vscode自带的命令行npm如果安装比较慢，可以使...

2018-12-10 20:25:13 139

原创 PHP CI框架的总结

1. $__POST 超全局数组获取post提交的数据$__GET 获取get提交的数据2.XSS攻击会在用户输入的地方输入代码，浏览器解析代码执行会造成错误，甚至信息被盗。PHP里面有一个 htmlspecialchars（变量， ENT_NOQUOTES） — 将特殊字符转换为 HTML 实体3.string number_format ( float $number ,...

2018-11-05 17:40:22 498

原创 es6 promise 对象

<!DOCTYPE html><html><head> <title>promise</title></head><body><script type="text/javascript"> /* promise对象解决异步的问题

2018-11-05 16:03:24 101

原创 ES6从入门到进阶第六节对象

<!DOCTYPE html><html><head> <title>对象</title></head><body><script type="text/javascript"> /* 对象简介语法不能把箭头函数写在对象里

2018-11-01 11:56:41 189

原创 ES6 从入门到进阶第五节数组新增方法

<!DOCTYPE html><html><head> <title>数组</title></head><body><script type="text/javascript"> /* 数组循环：arr.forEach(functi

2018-11-01 11:55:33 129

原创 ES6从入门到进阶第四节箭头函数三个点运算符 ...

<!DOCTYPE html><html><head> <title>函数</title></head><body><script type="text/javascript"> /* 函数的默认参数扩展运算符三个点..

2018-11-01 11:52:53 342

原创 ES6从入门到进阶第三节字符串模版字符串方法

<!DOCTYPE html><html><head> <title>字符串模板</title></head><body><script type="text/javascript"> /* `${变量名}` 字符串模板，支持换行

2018-11-01 11:49:47 121

原创 ES6入门到进阶第二节解构赋值

<!DOCTYPE html><html><head> <title>解构赋值</title></head><body> <script type="text/javascript"> /* 解构赋值 let

2018-11-01 11:48:08 85

原创 ES6入门到进阶第一节定义变量 let const

本文是自己总结的，把一些概念写到代码里了，代码可以直接运行。注释有点多，运行时候注意一下就好了。let 具备块级作用域先定义再使用，同一个作用域里不能重复定义同一个变量，不会覆盖会报错const 常量定义好了不能改变，声明完必须赋值，没有变量提升var 只在函数和全局里有作用域，如果重复定义会覆盖，作用域：全局作用域和函数（局部）作用域ES6加入块级（局部）作用域{}...

2018-11-01 11:46:27 109

原创 php 自己的总结

最近用PHP的ci框架写了一个小项目，总结一下遇到的问题。1. MVC框架， model里主要是查数据库，所以所有查数据的方法都写到model里。但是还要注意复用，可以观察所有的需求，把相同的写到一个方法里。然后再控制器里组合数据，渲染到view层。一般处理数据都在view层，控制器是把数据从model里组合好返回给view层。2 . html里嵌入php的逻辑。 &lt...

2018-10-10 17:59:35 136

原创 bootstrap 常见的问题

最近用bootstrap写了一个小项目，总结一下遇到的问题。1. 就是既然用了框架就自己少写css，争取用到框架自带的东西。这样可以防止css的某些冲突。如果必须修改样式的话，优先级不够的，可以行内或者使用！important；2. <div class="container"> <div class="row> &lt...

2018-10-10 17:28:42 776

转载前端常见问题

1、cookie和localstorage的区别Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。除此之外，Web Storage拥有setItem,getItem,removeItem,clear等...

2018-09-09 19:57:17 182

转载事件冒泡和捕获触发

什么是事件？　　事件是文档和浏览器窗口中发生的特定的交互瞬间。事件是javascript应用跳动的心脏，也是把所有东西黏在一起的胶水，当我们与浏览器中web页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击，鼠标经过某个特定元素或按下键盘上的某些按键，事件还可能是web浏览器中发生的事情，比如说某个web页面加载完成，或者是用户滚动窗口或改变窗口大小。 ...

2018-09-09 19:26:22 726

原创前端综合

最近看前端，学习了一些面试中遇到的问题或者是工作遇到的问题，总结一下。 1、&emsp 一个中文文字宽度 ps:可以空少的文字时使用。2、换行缩进一般写一个标题和后面有一段描述时使用，然后那个描述换行你希望空出标题那几个文字。可以自己看效果。<p style="padding-left:5em"><span style="margin-left:-...

2018-09-09 19:24:05 479

转载初始化CSS

最简单的初始化方法就是： * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单，但有人就会感到疑问：*号这样一个通用符在编写代码的时候是快，但如果网站很大，CSS样式表文件很大，这样写的话，他会把所有的标签都初始化一遍，这样就大大的加强了网站运行的负载，会使网站加载的时候需要很长一段时间。 1. 雅虎工程师提供的CSS初始化示例代码 body,...

2018-09-01 15:23:58 179

转载实线表格

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &

2018-08-06 18:02:51 534

原创 PHP变量模糊查询

今天用PHP写了一个查询后台数据的小程序，感觉模糊查询加上变量会很费劲查到。我搜了半天解决办法，终于给我找到了。$id=$_GET[id];$sql="select * from sh_keys where key_name like '%{$id}%'";$id是我从HTML页面获取的数据，作为参数查询数据库的数据，这样就可以很好的查到了。header("Content-Typ...

2018-08-06 17:59:39 1208

原创 thinkphp使用ajax请求数据时显示没有权限获取不到数据

如果ajax相关代码没有问题，那就是用户权限问题。看你操作ajax的控制器文件里面继承了哪个控制器，然后去看最开始的继承器。 public function check_prev(){ $auth=new \Think\Auth(); $rule_name=MODULE_NAME.'/'.CONTROLLER_NAME.'/'.ACTION_NAME; ...

2018-07-24 15:32:09 1065

原创 thinkphp上传到服务器上上传文件问题

可能你的thinkphp项目在本地运行上传文件木有问题，但是上传到服务器上上传文件出现了这样的问题：这是权限的问题修改目录下所有的文件夹属性 chmod 777 * 把文件夹名称用*来代替就可以了在你的根目录下敲这一行代码，就可以完美解决。但是注意，权限一变，可能会影响用户权限等问题，用它之前请和相关有方面该知识的人沟通一下。...

2018-07-20 16:00:56 1351

原创 thinkphp项目的数据库的导入，以及将thinkphp传到服务器上

这几天修改了一个thinkphp项目，并把它传到服务器上，说一下遇到的问题和收获。运行thinkphp项目安装一个PHPstudy就可以运行，把项目文件放到根目录下。然后就是连接数据库，mysql数据库可以用Navicat for MySQL这个运行，新建一个连接，在新建数据库，点击运行sql文件，可能会遇到错误，我就是遇到了错误，可能是因为编码格式不对，也可能是因为导入的sql文件数据太...

2018-07-20 11:02:12 1775

转载微信小程序高度占满整个屏幕

page{background-color:#111;}page前面没有点

2017-08-08 11:54:00 8220 9

原创微信小程序轮播图修改小点点

.swiper-box .wx-swiper-dot{ display: inline-flex; justify-content:space-between; border-radius: 50%;}.swiper-box .wx-swiper-dot::before{ content: ''; flex-grow: 1; backgrou

2017-08-08 11:51:05 9708

空空如也

空空如也