- 博客(39)
- 收藏
- 关注
原创 项目总结
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
159
原创 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
171
原创 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
601
原创 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
214
原创 绝对定位 容器里面的div水平居中
外层div样式{position: absolute; top: 0; max-width: 1200px; width: 100%; left: 0; right: 0; margin: auto;}如果不生效的话可以注意你的样式顺序看看和我的一样不。...
2019-02-11 10:25:05
1226
原创 回到顶部 jquery 动态添加表 事件委托
// 回到顶部 $(window).scroll(function () { if ($(window).scrollTop() >= 50) { $('#back').fadeIn(); } else { $('#back').fadeOut(); } }) $('#back').click(function () { $('html,body')....
2019-01-21 11:12:27
112
原创 检测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
362
原创 事件委托 tr上 tr的display问题
今天想给tr添加一个事件,事件委托实现,发现怎么也捕获不到tr查了好多,说tr不是盒子模式,也不是很懂,反正就是不行解决办法是在tr里面加一个div,去捕获这个div就可以了。有知道什么原因的小伙伴们可以多多留言谢谢。 如果你要给tr设置display 为block会发现表格会错行,感觉tr好多bug........给tr display 设置为空就可以了。 如果...
2019-01-16 22:48:40
298
原创 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
2269
原创 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
265
原创 事件委托 获取点击元素的索引
首先我用js ajax返回的数据在页面上生成了一个表格,表格每行里有一个按钮查看详情,点击查看详情跳到详情页,但是要传参数,就要获取点击按钮的索引。这个问题查了一下午没查到,最后咋解决的,请往下看。。。。$("body").on("click", ".td-btn", function (event) { // console.log(alldata) // console....
2019-01-11 17:18:04
4886
原创 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
4731
原创 网站导航适配到手机端变成左右滑动的导航
导航外层容器添加以下样式:{overflow-x:auto; //超出出现滚动条,放到手机上就可以自动滑动white-space: nowrap; //不换行width:100%;}
2019-01-02 15:15:44
962
原创 文章内容超出显示省略号,以及鼠标滑过显示全部内容
显示省略号:给外层容器加入一下代码text-overflow:ellipsis;overflow:hidden;white-space:nowrap;鼠标滑过显示:给外层容器添加title属性,title属性值就是要显示的全部内容,或者是改变容器的宽和高,让内容全部显示。input可以用max-length属性来设定输入框的文本长度。...
2019-01-02 10:04:43
2189
1
原创 事件冲突 拖拽事件和点击事件 点击事件和双击事件
今天写触发事件,发现事件全部冲突,下面来说一下解决的办法思路: onmousedown -> onmousemove -> onmouseup 这是一个拖拽事件onmousedown - > onmouseup 这是一个点击事件 《=》 onclickdoubleclick 双击事件 是连续点击两次click单击和双击可以靠时间间隔来解决单击和拖拽可...
2018-12-28 21:51:37
4079
原创 用html css写网站注意得几个点
压缩图片本人近期写了响应式网站,总结一下经验,提高效率,简化代码量1. 如果不引入UI框架的话,css开始请写入公共CSS代码 如 margin:0; padding:0, 后期调样式容易2. 如果编写响应式的网站,还需要引入UI框架的话(boostrap)一定要避免写行内样式,尽量少写,不然后期调响应式很麻烦,写class的时候,多写点容易区分的,比如不同的按钮有不同得颜色,可以定...
2018-12-27 17:08:27
233
原创 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
1964
原创 初识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
121
原创 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
465
原创 es6 promise 对象
<!DOCTYPE html><html><head> <title>promise</title></head><body><script type="text/javascript"> /* promise对象解决异步的问题
2018-11-05 16:03:24
91
原创 ES6从入门到进阶 第六节 对象
<!DOCTYPE html><html><head> <title>对象</title></head><body><script type="text/javascript"> /* 对象简介语法 不能把箭头函数写在对象里
2018-11-01 11:56:41
172
原创 ES6 从入门到进阶 第五节 数组新增方法
<!DOCTYPE html><html><head> <title>数组</title></head><body><script type="text/javascript"> /* 数组循环:arr.forEach(functi
2018-11-01 11:55:33
107
原创 ES6从入门到进阶 第四节 箭头函数 三个点运算符 ...
<!DOCTYPE html><html><head> <title>函数</title></head><body><script type="text/javascript"> /* 函数的默认参数 扩展运算符 三个点..
2018-11-01 11:52:53
313
原创 ES6从入门到进阶 第三节 字符串模版 字符串方法
<!DOCTYPE html><html><head> <title>字符串模板</title></head><body><script type="text/javascript"> /* `${变量名}` 字符串模板,支持换行
2018-11-01 11:49:47
111
原创 ES6入门到进阶 第二节 解构赋值
<!DOCTYPE html><html><head> <title>解构赋值</title></head><body> <script type="text/javascript"> /* 解构赋值 let
2018-11-01 11:48:08
78
原创 ES6入门到进阶第一节 定义变量 let const
本文是自己总结的,把一些概念写到代码里了,代码可以直接运行。注释有点多,运行时候注意一下就好了。let 具备块级作用域 先定义再使用,同一个作用域里不能重复定义同一个变量,不会覆盖会报错const 常量 定义好了不能改变,声明完必须赋值,没有变量提升var 只在函数和全局里有作用域,如果重复定义会覆盖,作用域 :全局作用域和函数(局部)作用域ES6加入块级(局部)作用域{}...
2018-11-01 11:46:27
98
原创 php 自己的总结
最近用PHP的ci框架写了一个小项目,总结一下遇到的问题。1. MVC框架, model里主要是查数据库, 所以所有查数据的方法都写到model里。但是还要注意复用,可以观察所有的需求,把相同的写到一个方法里。然后再控制器里组合数据,渲染到view层。一般处理数据都在view层,控制器是把数据从model里组合好返回给view层。2 . html里嵌入php的逻辑。 <...
2018-10-10 17:59:35
118
原创 bootstrap 常见的问题
最近用bootstrap写了一个小项目,总结一下遇到的问题。1. 就是既然用了框架就自己少写css,争取用到框架自带的东西。这样可以防止css的某些冲突。 如果必须修改样式的话,优先级不够的,可以行内或者使用 !important;2. <div class="container"> <div class="row> <...
2018-10-10 17:28:42
732
转载 前端常见问题
1、cookie和localstorage的区别Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。除此之外,Web Storage拥有setItem,getItem,removeItem,clear等...
2018-09-09 19:57:17
159
转载 事件冒泡和捕获 触发
什么是事件? 事件是文档和浏览器窗口中发生的特定的交互瞬间。 事件是javascript应用跳动的心脏,也是把所有东西黏在一起的胶水,当我们与浏览器中web页面进行某些类型的交互时,事件就发生了。 事件可能是用户在某些内容上的点击,鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是web浏览器中发生的事情,比如说某个web页面加载完成,或者是用户滚动窗口或改变窗口大小。 ...
2018-09-09 19:26:22
696
原创 前端综合
最近看前端,学习了一些面试中遇到的问题或者是工作遇到的问题,总结一下。 1、&emsp 一个中文文字宽度 ps:可以空少的文字时使用。2、换行缩进一般写一个标题和后面有一段描述时使用,然后那个描述换行你希望空出标题那几个文字。可以自己看效果。<p style="padding-left:5em"><span style="margin-left:-...
2018-09-09 19:24:05
410
转载 初始化CSS
最简单的初始化方法就是: * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单,但有人就会感到疑问:*号这样一个通用符在编写代码的时候是快,但如果网站很大,CSS样式表文件很大,这样写的话,他会把所有的标签都初始化一遍,这样就大大的加强了网站运行的负载,会使网站加载的时候需要很长一段时间。 1. 雅虎工程师提供的CSS初始化示例代码 body,...
2018-09-01 15:23:58
147
转载 实线表格
<!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
506
原创 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
1185
原创 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
1019
原创 thinkphp上传到服务器上上传文件问题
可能你的thinkphp项目在本地运行上传文件木有问题,但是上传到服务器上上传文件出现了这样的问题:这是权限的问题修改目录下所有的文件夹属性 chmod 777 * 把文件夹名称用*来代替就可以了在你的根目录下敲这一行代码,就可以完美解决。但是注意,权限一变,可能会影响用户权限等问题,用它之前请和相关有方面该知识的人沟通一下。...
2018-07-20 16:00:56
1316
原创 thinkphp项目的数据库的导入,以及将thinkphp传到服务器上
这几天修改了一个thinkphp项目,并把它传到服务器上,说一下遇到的问题和收获。运行thinkphp项目安装一个PHPstudy就可以运行,把项目文件放到根目录下。然后就是连接数据库,mysql数据库可以用Navicat for MySQL这个运行,新建一个连接,在新建数据库,点击运行sql文件,可能会遇到错误,我就是遇到了错误,可能是因为编码格式不对,也可能是因为导入的sql文件数据太...
2018-07-20 11:02:12
1717
原创 微信小程序 轮播图 修改小点点
.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
9661
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人