- 博客(101)
- 收藏
- 关注
RSS订阅原创 js storage
storage-base.js/* eslint-disable *//* * @Description: sessionCache，sessionstorage、localstorage数据的存取方法,只做简单处理以及数据返回，错误在数据层处理 * @version: 0.0.1 * @Author: zengzengli * @Date: 2019-12-16 21:05:50 * @LastEditors: Please set LastEditors * @LastEditTi.
2021-11-22 15:25:00
780
原创 js的dom对象操作
js通过DOM技术，操作html标签内容的增删改查文档节点：的父节点,document元素节点：html中所有标签，都是元素节点1.document.getElementById(id属性值)，每次只返回一个元素节点对象2.document.getElementByTagName（tag标签名称），每次返回一个集合列表对象，集合列表对象不能做具体操作，只有取到具体对象列表对象[
2021-11-22 15:19:40
236
原创 CORS 跨域资源共享
一般跨域，不需要验证用户个人身份凭证是，设置一个Access-Control-Allow-Origin，就够，Access-Control-Allow-Origin:http://arunranga.com 后端设置header('Access-Control-Allow-Origin: http://arunranga.com');一般跨域请求，也不会带上cookie ...
2020-03-16 17:06:32
162
原创 js的时间日期运算
var sdtime1 = new Date('2018-03-22 16:14:55')var sdtime2 = sdtime1.setHours(sdtime1.getHours() -1)//小时，自动处理0点往前推一小时，23点，下面年月日，也是自动处理var sdtime3=new Date().setDate((new Date().getDate()-7))//7天var...
2020-02-25 18:48:03
1056
原创 css样式...
//单行显示。多余的内容省略p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}/* 移动,pc端，p标签显示2行，多出的... */p{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-web...
2020-02-07 17:33:27
119
原创 bfc
什么是BFC？32018.02.28 17:46:43字数 1,071阅读 42,118本文总结自饥人谷—方方老师：CSS深入浅出什么是BFC？为什么这个概念一直被提起？？为什么每一个人都解释不清BFC？？？什么是BFC？BFC 全称为 块格式化上下文 (Block Formatting Context) 。从这个概念里你能看出来什么吗？这个名字给我们的信息只有 ...
2020-02-07 16:51:03
173
原创 js 原生操作css样式
动态控制元素的样式 style[样式名] = 值 增删改class的方式classList下的方法 增加 class — node.classList.add() 删除 class — node.classList.remove() 切换 class — node.classist.toggle() 判断 class — node.classist.cont...
2019-12-24 10:56:50
232
原创 js模块化
require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入export{initBaiduMap} ===== import {initBaiduMap} from '../xxx.js'export{initBaiduMap} ===== import * as initMap from '../xxx.js'exp...
2019-12-10 11:56:00
114
原创 js class super 的用法
super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。第一种情况，super作为函数调用时，代表父类的构造函数。ES6 要求，子类的构造函数必须执行super函数。子类没有写constructor方法，js引擎默认，帮你执行constructor（）{ super() }第二种情况，super作为对象时，在普通方法中，指向父类的原型对象；在静态方法...
2019-11-29 09:49:41
1892
转载 BFC
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之前，需要先介...
2019-04-30 12:03:31
123
转载 export ，export default 和 import 区别 以及用法
首先要知道export，import ，export default是什么ES6模块主要有两个功能：export和importexport用于对外输出本模块（一个文件可以理解为一个模块）变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。这几个都是ES...
2019-03-01 11:28:58
140
转载 margin:0 auto;——使用条件/应用场景/不生效无效果的原因
margin:0 auto；在不同场景下生效条件如下： 块级元素：给定要居中的块级元素的宽度。 行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置） 行内块元素：设置display:block。（如input、button、img等元素，自带宽度可以不用设置其宽度） ...
2019-02-20 14:14:16
583
转载 display flex align-items和align-content区别
看了很多翻译的技术文档，这一块都讲得模糊不清，看到stackoverflow上有人提问后的回答觉得十分清晰，特来分享，有不当之处欢迎指正。 align-itemsThe align-items property applies to all flex containers, and sets the default alignment of the flex items along the...
2019-02-12 16:00:48
1142
转载 CSS布局基础——BFC
what's BFC?第一次看到这个名词，我是拒绝的，css什么时候还有这个东西？于是迫不及待的google了一下，才发现原来它无时无刻不在我们的css当中，只不过它并不是一个属性，不需要我们平常使用手写罢了。但是它的重要性确是杠杠的，可以这么说，没有它就就没有什么css布局。BFC,全称 Block Formatting Context，翻译成块级格式化上下文，它就是一个环境，HTM...
2019-02-12 14:48:47
136
转载 PHP生成excel，方法一:header生成
public function export_order() { //搜索条件$where = 'where 1=1 ';$consignee = I('consignee');if($consignee){$where .= " AND consignee like '%$consignee%' ";}$order_sn = I('order_sn');if($o...
2019-01-28 10:21:48
695
转载 apache 配置跨域
在需要允许跨域访问的服务器的配置文件：httpd.conf添加如下内容LoadModule headers_module modules/mod_headers.so vhost.conf添加如下内容<Directory "/var/www/html"> AllowOverride None Require all granted Header...
2019-01-22 11:16:54
387
转载 Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项...
2019-01-02 13:49:40
118
转载 浅谈php中使用websocket
在PHP中，开发者需要考虑的东西比较多，从socket的连接、建立、绑定、监听等都需要开发者自己去操作完成，对于初学者来说，难度方面也挺大的，所以本文的思路如下：1、socket协议的简介2、介绍client与server之间的连接原理3、PHP中建立socket的过程讲解4、用一个聊天室作为实例详细讲解在PHP中如何使用socket一、socket协议的简介 We...
2018-12-26 16:36:31
191
原创 postMessage 跨域
iframe 中的子页面window.parent.postMessage({age:18}); 父页面接受window.onmessage = function(e){console.log(e);}
2018-12-25 17:43:56
144
转载 vue-cli
一不小心 9W+ 点击量了，为了小伙伴们有更好的体验，我又整理了一篇新的文章，排版更清晰明了。新 vue-cli 教程 点这里 都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取...
2018-12-18 10:21:04
189
转载 vue select
1、单选时<select v-model="selected"> <option disabled value="">请选择</option> <option>A</option> <option>B</option> <
2018-11-30 09:58:39
633
转载 localStorage和sessionStorage区别
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 sessionStor...
2018-11-22 17:29:42
116
转载 js对象比较
今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的。? 1 2 alert([]==[]); // false alert([]===[]); // false 以上两句代码都会弹出false。因为JavaScript里面Array是对象，==或===操作符只能比较两个对象是否是同一个实例，...
2018-11-20 11:53:23
2542
转载 php的header函数之设置content-type
//定义编码 header( 'Content-Type:text/html;charset=utf-8 '); //Atom header('Content-type: application/atom+xml'); //CSS header('Content-type: text/css'); //Javascript header('Conte...
2018-11-15 11:56:24
587
原创 jq ajax jsonp 对接php写法
$.ajax({type: "GET",url: "http://love.com/Test.php",dataType: "jsonp",// jsonp:"somfun",success:function(msg){console.log(msg.msg);},error:function (error) {console.log(111);consol...
2018-11-14 19:20:03
350
转载 php 工厂模式
在开发大型系统过程中，往往会出现这样一种情况：我有一部分基础数据，是类classA是从数据库A读取出来的，其他很多的功能都是基于这个基础数据来操作的。现在呢，我想把数据从数据库A变成从另外的数据源去获取，这时候，要修改起来就比较麻烦，要修改其他很多类的代码。这种设计显然是不够灵活的，换句话说，就是紧耦合的，系统中某个部分的函数或类严重依赖于系统的其他部分中的函数或类的行为和结构。工厂模式，...
2018-10-08 17:13:48
125
转载 Apache进行静态文件访问配置
在日常的web开发中，我们可能需访问一些文件，这时可以使用Apache进行静态文件访问配置，通过url在网页中访问到资源。这里我们以一个书封服务器为例。 首先将书封文件存放在服务器的某一目录下，如图然后在Apache的配置文件httpd.conf中添加以下内容用/Image目录做文件在服务器上绝对路径的别名，通过设定的监听端口即可访问静态文件。访问方式如下，前面...
2018-09-26 11:13:41
10183
转载 CSS3自定义滚动条样式 -webkit-scrollbar
当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主要有三部分组成： 1、::-webkit-scrollbar 定义了滚动...
2018-08-30 16:30:21
150
转载 js fordata
一、概述FormData 对象的使用：1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString2. 异步上传二进制文件。二、使用1.FormData对象的操作方法，全部在原型中，自己本身没任何的属性及方法。 let formData = new FormData()formData.append('us...
2018-08-28 18:54:34
682
转载 html所有的块级标签和行级标签有哪些
块级元素特点：1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。 2.元素的高度、宽度、行高和顶底边距都是可以设置的。 3.元素的宽度如果不设置的话，默认为父元素的宽度。常见的块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>
2018-08-13 17:16:20
11708
原创 css选择器
组合选择器 h1,.cls,#id{}三个一起设置样式.div1 h1{} class为“div1”下的所有h1,设置样式.div1>h1{} class为“div1”的子h1,设置样式input[name=username]{} 设置样式行级元素只能嵌套行级元素块级元素可以嵌套任何元素但是<p> <div></div> &l...
2018-08-11 19:50:41
188
转载 windows 下redis在后台运行
1. 进入 DOS窗口2. 在进入redis的安装目录3. 输入：redis-server --service-install redis.windows.conf --loglevel verbose ( 安装redis服务 )4. 输入：redis-server --service-start ( 启动服务 )5. 输入：redis-server --service-stop...
2018-08-10 14:12:21
1224
转载 css伪类与伪元素
一直被伪类与伪元素所迷惑，以为是同一个属性名称，这两天看css动画，越来越多的看到诸如 a:hover:after，a.hover:after 的用法，越来越糊涂，索性翻翻定义研究研究。 本文出现的伪类伪元素均为css2、css1中内容。css3中伪类、伪元素还未做整理。 先看定义：伪元素：（pseudo-element）是HTML 中并不存在的元素。用于将特殊的效果...
2018-08-08 18:13:05
372
转载 【js与jquery】html中onsubmit事件的用法
onsubmit可以理解为一个函数的名称，而onsubmit等号右边的字符串可以理解为一个函数体，在web开发中，onsubmit函数要求必须有返回值：如果返回值为true，则代表允许提交表单；如果返回值为false，则代表不允许提交表单，如果你的表单提交有问题，则需要查看onsubmit=“” 等号右边引号中返回的值是false还是true众所周知，在表单中加上onsubmit="retur...
2018-08-07 17:45:27
4269
转载 正则表达式之零宽断言实例详解【基于PHP】
前言之前我曾写了一篇关于正则表达式的文章(//www.jb51.net/article/111359.htm) 在该文章中详细介绍了正则，但是关于零宽断言介绍却是很少提及到。现在将该内容补充一下。在本文中，主要解决如下问题：① 什么是零宽断言，为什么要使用零宽断言② 怎样使用零宽断言概念零宽断言，大多地方这样定义它，用于查找在某些内容(但并不包括这些内容)之前或之后的东西，也就是...
2018-08-07 10:00:38
306
转载 js匿名函数
匿名函数的基本形式为(function(){...})();前面的括号包含函数体，后面的括号就是给匿名函数传递参数并立即执行之匿名函数的作用是避免全局变量的污染以及函数名的冲突 1.小括号的作用小括号能把我们的表达式组合分块，并且每一块，也就是每一对小括号，都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以，当我们用一对小括号把匿名函数括起来的时候，实际上小括号...
2018-08-02 09:45:49
121
转载 js对象继承
总结第三天：1. JavaScript继承JavaScript继承可以说是发生在对象与对象之间，而原型链则是实现继承的主要方法；1.1 原型链利用原型让一引用类型继承另一个引用类型的属性和方法。构造函数中有个prototype（每个函数中都有），指向他的原型对象，每个原型对象中也有一个constructor属性，指向原构造函数。通过构造函数创建的新对象中都有一个无法直接访问...
2018-08-01 19:31:16
148
转载 js对象的prototype（原型）
javascript 是一种 prototype based programming 的语言, 有别于(java,C++)的 class based programming 继承模式。 javascript语言特点：函数是first class object, 也就是说函数与对象具有相同的语言地位没有类,只有对象函数也是一种对象,所谓的函数对象对象是按引用来传递的 ...
2018-08-01 18:05:14
314
转载 复合索引和多个单列索引的效率比较
multi column的索引与isolate的column索引，到底孰优孰劣？结论如下：对于具有2个用and连接条件的语句，且2个列之间的关联度较低的情况下，multi col index（复合索引）有一定优势。对于具有2个用and连接条件的语句，且2个列之间的关联度较高的情况下，multi col index有很大优势。对于具有2个用or连接条件的语句，isolate col index（单列...
2018-07-10 10:06:15
2411
1
原创 索引的使用是否正确，复合索引，
对于复合索引:Mysql从左到右的使用索引中的字段，一个查询可以只使用索引中的一部份，但只能是最左侧部分。例如索引是key index (a,b,c). 可以支持a | a,b| a,b,c 3种组合进行查找，但不支持 b,c进行查找 .当最左侧字段是常量引用时，索引就十分有效。下面用几个例子对比查询条件的不同对性能影响.create table test(a int,b int,c int,KE...
2018-07-10 10:03:56
3855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人