- 博客(48)
- 收藏
- 关注
原创 Linux常用命令行--文件操作
前言linux命令行多不胜数,本文只总结了常用的几种,应该可以应付日常使用,后续还会出linux命令行的相关文档!新建文件vi filename 新建/打开一个文件vi +n filename 打开文件,并将光标置于第n行首个字母处vi -r filename 上次正用vi编辑时发生系统崩溃,恢复filename删除文件rm filename 删除文件-i 删除前逐一询问...
2019-08-09 15:58:44
377
原创 JS垃圾回收和内存泄露
推荐阅读 js垃圾回收机制:引用计数、标记清除、栈内存和堆内存 JavaScript 内存泄漏教程--阮一峰 垃圾回收代码实现 算法实现--V8引擎垃圾回收机制 问题列表 JS垃圾回收有几种方式 什么方式会引起内存泄露 如何避免内存泄漏,有几种方式 JS的栈内存和堆内存??堆内存大小是固定的??? 1.垃圾回收方...
2018-10-11 09:00:00
390
转载 css reset
css reset推荐本文转载自点击跳转到原文* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:before,*:after { -webkit-box-sizing: border-box; -moz-box-s...
2018-05-01 22:47:45
322
原创 原生js实现addClass,removeClass,hasClass方法
1.hasClass()//判断某个类是否存在function hasClass(element, value) { var cls = value || ''; //\s 匹配任何空白字符,包括空格、制表符、换页符等等 if (cls.replace(/\s/g, '').length == 0) { return false; //当没有参数返回时,
2017-12-15 13:05:34
1885
原创 javascript中insertAfter()和insertBefore()函数
//利用js提供的insertBefore及过滤器nextSibling\parentNode等function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; //如果要插入的目标元素是其父元素的最后一个元素节点,直接插入该元素 //否则,在目标元素的下一个兄弟元
2017-12-05 21:14:57
6300
原创 js中创建元素createElement\createTextNode\appendChild
在html文档中,加入以下元素<p>This is <em>my</em> content.</p>//以下方法中用到:getElementById、getElementsByTagName//创建元素节点用到:createElement、createTextNode、appendChildfunction createTestDiv() { if (!document.getEleme
2017-12-05 20:55:38
856
原创 JavascriptDom编程艺术学习笔记三
本篇文章要实现以下几个功能点: 1.平稳退化:在没有JS的情况下也能正常工作 2.分离JS和HTML 3.向后兼容性:新老版本的浏览器都适用 4.性能优化1. 平稳退化功能 要保证JS代码适用于各个版本、各种类型的浏览器,甚至在禁用JS代码的时候,依然能正常运行。2.”javascript:”伪协议 这是一种非标准化的协议,能让我们通过一个链接来调用JS函数。 “真
2017-12-05 19:25:14
370
原创 JavascriptDom编程艺术学习笔记二
getAttribute()和setAttribute()方法是获取节点的属性,该方法不属于document对象。若一个站点用到多个js文件,为了减少对站点的请求次数(提高性能),应该把这些.js文件合并到一个js文件中。事件处理函数的工作机制:如给某个超链接添加一个onclick事件处理函数,当该事件发生时,相应的JS代码就会得到执行。并返回一个布尔值true或false,如果返回的是true
2017-12-05 13:32:26
410
原创 JavascriptDom编程艺术学习笔记一
最好的做法是把<script>标签放在HTML文档的最后,</body>标签之前。现在大多数浏览器的脚本默认是Javascript,所以<script> 标签中不用再包含传统的type="text/javascript" 属性。JS是一种解释性、弱类型语言。JS是区分大小写的语言。注释:JS中常用的行注释是://,块级注释是/**/。不推荐在JS中使用 <!----> 注释,虽然JS解释器对
2017-12-04 17:31:50
701
原创 windows下laravel5.5环境安装配置
首先看官网要求 laravel5.5安装指南1.php7.0.0及以上安装我电脑上之前安装的是5.6.0及7.0.0版本,但是我想安装一个最新版本的,方便支持laravel5.5 进入 http://windows.php.net/download/ 下载 PHP 7.2.0的最新版本。 如果你用的是 x64 系统,建议下载支持 x64 的版本。 thread safe 和
2017-11-30 21:55:40
635
原创 json_encode 中文 乱码
JSON和js一样,对于客户端的字符都是以UTF8的形式进行处理的,也就是说,使用JSON作为提交和接收的数据格式时字符都采用UTF8编码处理,当我们的页面编码和数据库编码不是采用UTF8的时候,就极容易出现中文乱码的问题。 解决办法自然是在用js或者PHP处理JSON数据的时候都采用UTF8的形式。PHP5.2或以上的版本把json_encode作为内置函数来用,但是json_encode只支持
2017-11-30 21:13:25
878
原创 php对json字符串的解析以及 php后台和前台js的交互
1.何为JSON?JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序.通俗点讲,它是一种数据的存储格式,就像php序列化后的字符串一样。它也是一种数据描述,比如:我们将一个数组序列化后存放,就可以很容易的反序列化后应用;json也是如此,只不过它搭建的是客户端javasc
2017-11-30 20:41:50
15617
原创 js中json字符串解析
在开发过程中,经常会用到Json字符串,有时需要对前端传过来的json串解析,或者把前端数据以json字符串的形式传送给后端,下面我们来看一下各方面的应用。1.JSON格式和JS格式//以下所有在JS中定义的都是JS对象var person = { name: "Jane", age: 29}//若在JSON文件中,定义,则是JSON格式{}var personJson = {
2017-11-30 20:00:03
6975
转载 window.onload()函数解析
今天写了个js的demo,遇到了个小问题,后来发现是自己对window.onload()的具体用处不是太清楚,现在跟大家分享一下。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>window_onload()</title> <meta name="aut
2017-11-13 10:22:03
1317
1
原创 It's no longer allowed to omit the '-loader' suffix when using loaders.
这是在学习vue2中,遇到的第一个bug,查了网上的文档,都是说加一下-loader后缀即可,可还是没有解决,痛定思痛,找了大神,终于解决了这个问题,分享给大家。 网友解答:webpack.config.js文件modules模块下 loaders: [ {test: /\.css$/, loader: 'style-loader!css
2017-11-01 17:40:49
2972
1
原创 浏览器内核解析
Wekbit是一个开源的Web浏览器引擎,也就是浏览器的内核。Apple的Safari, Google的Chrome, Nokia S60平台的默认浏览器,Apple手机的默认浏览器,Android手机的默认浏览器均采用的Webkit作为器浏览器内核。Webkit的采用程度由 此可见一斑,理所当然的成为了当今主流的三大浏览器内核之一。另外两个分别是Gecko和Trident,大名鼎鼎的Firefox
2017-11-01 11:07:30
305
原创 vue2环境搭建
1.确认电脑中已经配置node.js 开始–搜索(输入cmd)–打开命令控制窗口–输入如下命令node -v //查询node.js是否已安装npm -v //查询npm的版本号如还未安装,请参照下面的链接 https://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html2.安装vue2必须环境安装淘宝镜像 大家都知道国内直接使
2017-10-30 17:37:43
475
原创 js闭包函数和 this指针
本文总结了一下闭包里的实例,逐步分析了每一步的运行状态,帮助读者更好的理解闭包函数的运行机制。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS闭包函数</title></head><body><script type="text/javascript"> window.onl
2017-10-30 15:31:28
396
原创 js字符串常用函数
1.js处理字符串1)lengthvar a = "hello";console.log(a.length); //输出字符串长度2)charAt 可返回指定位置的字符。var str = "HELLO WORLD";var n = str.charAt(2);//返回的n 为 L3)concat 用于连接两个或多个字符串,并返回新的字符串。var str1 = "Hello ";var
2017-10-27 17:32:17
2121
原创 document.write、innerHTML、innerText
1.document.wirtedocument.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。2.document.innerHTMLinnerHTML则是DOM页面元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则
2017-10-19 11:59:29
2135
原创 AJAX学习系列1--XMLHttpRequest对象和ActiveXObject对象
1.XMLHttpRequest对象XMLHttpRequest是实现AJAX的核心–发送异步请求、接收响应以及执行回调都是通过它来完成。 最早提出:Microsoft IE5.0 ActiveX组件。(所以IE5\IE6要通过 new ActiveXObject(“Microsoft.XMLHTTP”) 才能新建一个对象) 现在大多数厂商都已经支持XMLHttpRequest,可以直接通过 w
2017-10-12 16:55:07
2979
转载 border:0 和 border:none的差别
在设置元素边框时,我一般是设置为border:0; 没有考虑过border:none;这种情况,在做牛客网题目时,发现两者还是有很大差别的。1. 性能差异 【border:0;】虽然没有边框显示,但是浏览器仍然进行了渲染,即占用了内存值。 【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。2. 兼容性差异
2017-10-10 15:00:49
537
转载 HTML复选框--checkbox
本文转载自 http://www.cnblogs.com/kaituorensheng/p/4529113.html在公司实际开发中,会经常遇到复选框全选、多选、统计选中个数的情况,所以总结研究了一些大神的帖子,汇总学习一下!1.原生JS代码checkbox要是属于同一组的,在复选框的属性内name=”mm”属性要写一致;var names=document.getElementsByNa
2017-10-10 14:43:07
35482
转载 HTML5解析--img标签--alt和title差别
<img src="图片路径" alt="logo" title="首页" /> alt 此属性的实质作用是图片在无法正确显示的时候起到文本替代的作用。 不过在IE6下还起到了title的作用(鼠标放上去后的文字提示),IE的实现方法实际上是错误的。如果想在鼠标滑过时显示提示,应该用title属性。由于错误的引导,很多初学者就在img标签内只加了alt属性。title 鼠标滑过时
2017-10-10 14:36:00
1215
转载 CSS定位问题--position--static\absolute\relative\fixed
CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。 static:无定位。该属性值是所有元素定位的默认情况,可以用position:static取消继承,即还原元素定位的默认值。 fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。 absolute:绝对定位。相对于 static 定位以外的第一个父元素
2017-10-10 14:23:54
372
原创 HTML中DOM解析篇1--nodeType\nodeValue\nodeName
1. 各DOM的定义和用法nodeType 属性返回以数字值返回指定节点的节点类型,类型共有12种,常用到的有3种, nodeType=1: 元素节点 nodeType=2: 属性节点 nodeType=3: 文本节点针对不同节点类型,nodeValue和nodeName返回不同值:
2017-10-10 10:22:28
422
转载 JSON数据格式学习笔记1
1.JSON格式和XML格式的区别 http://www.cnblogs.com/SanMaoSpace/p/3139186.html 2.PHP中JSON格式与数组的转换:json_decode(),json_encode() http://www.jb51.net/article/30489.htm 3.JS通过ajax获取json格式数据 http://blog.csdn.net/w
2017-07-31 17:28:46
316
原创 jquery——设置、读取、删除cookie
问题: 在做项目过程中,遇到表单多次提交造成服务器瘫痪的问题,现在需求是——1分钟内只允许用户提交一次,提交后,提交按钮变灰色,1分钟后再恢复正常。解决方法: 采用cookie,保存提交表单时间,一分钟后,cookie失效,按钮恢复正常。<button type="button" class="btn btn-primary addpower_btn">添加权限</bu
2017-07-18 14:45:26
671
原创 Jquery应用——.val()
1.获取input[type=text]输入框的值<input type="text" class="input_text" id="moviename">$("#moviename").val();//直接获取就可得到2.获取span或p里的文本有时我们会遇到替换文本的情况,而文本一般是写在p或者span标签里的。<div class="line clearfix"> <p>新建案例</
2017-07-14 16:48:13
473
原创 Jquery应用小技巧——$().tab is not a function
1.正常顺序: 代码看起来没有什么问题,但是却无法应用样式<script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script><script src="js/自定义文件.js"></script>一定要将jquery.js文件放在bootstrap.js之前才行,修改了顺序以后,就没问题了。
2017-07-14 15:52:54
3764
1
原创 bootstrap双重tab嵌套
在做项目时,遇到双重嵌套的问题,看到了一篇博主的文章,非常简便,可以直接拿来用。 http://blog.csdn.net/qq_33988065/article/details/51690860我又更新了一下,实现了双层嵌套的目录结构。 1.HTML文件<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8">
2017-07-14 15:48:45
4003
原创 怎么提高CSS的复用性
在做项目时,能把自己写的东西带走,随时随地可用在另一个项目中,是做项目最大的收获。所以提高CSS的复用性非常重要,我们可以自己写框架。如果是大型网站,那就需要一个比较好的组织结构,比如这种base.css+common.css+page.css组织方式: 1.base提供最底层的、功能和粒度最小的的通用类样式,可以被所有页面引用,力求精简和通用; 2.common则是楼上提到的模块化组件,
2017-07-14 15:15:48
4479
原创 Javascript DOM 编程艺术--笔记1
1.Javascript语法 JS是一种解释性语言,浏览器中的JavaScript解释器将直接读入源码并加以执行。 // 单行注释 /* * 多行注释 */ <!- 单行注释(为避免与HTML的多行注释混淆,在JS中不推荐此类型注释) <!- -> HTML多行注释,JS会把'->' 视为注释内容的一部分变量声明:
2017-07-11 17:03:43
414
原创 Bootstrap弹出框--自定义悬停框标题、内容和样式
1.Bootstrap弹出框示例<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">点我弹出/隐藏弹出框</bu
2017-07-11 14:16:37
5859
原创 HTML5中input[type='date']自定义样式&日历校验功能
1.日历控件自定义样式HTML5提供了日历控件功能,缩减了开发时间,但有时它的样式确实不如人意,我们可以根据下面的代码自行修改。 建议:复制下面的代码段,单独建立一个css文件,方便我们修改。/* 修改日历控件类型 */::-webkit-datetime-edit { padding: 1px;} /*控制编辑区域的*/::-webkit-datetime-edit-fields-wra
2017-07-10 10:23:55
14632
1
原创 代码复用--Bootstrap模态框
在实际开发中,会遇到很多弹出层效果,个人比较推荐Bootstrap的模态框modal.js,样式简洁大方,而且应用灵活。1.静态实例复制下面的代码段,即可显示一个静态的模态框,样式如下: <div class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div
2017-07-10 09:56:11
1472
原创 古北水镇游玩攻略
1.路线自驾游: 沿京承高速公路行驶460米,在涝洼桥从司马台长城出口离开稍向右转上匝道,沿匝道行驶500米,右转;行驶70米,左转进入马北路,沿马北路行驶1.9公里,右后方转弯,行驶20米,到达终点。路程约1.5小时。水镇停车场收费10元/天。乘车: 东直门至古北水镇景区直通车于2016年9月28日起正式开通,票价48元/人/单程,车程134公里,时长120分钟。 乘车地点:东直门
2017-07-08 10:35:29
5853
原创 Web前端常用问题--2
1.Javascript面向编程思想JS的闭包概念是重中之重 http://blog.csdn.net/gaoshanwudi/article/details/7355794 2.各版本IE浏览器差异与兼容性 3.Ajax常用知识 4.Jquery源码理解
2017-06-22 08:01:55
254
原创 Web前端常用问题--1
1. BootStrap框架–Less语言这篇文章是对less的详细解读,仔细阅读会发现CSS应用的新天地。 http://www.bootcss.com/p/lesscss/#synopsisless语法实现了对CSS语言的扩充,使其可以像面向对象的语言一样,定义变量、函数等功能,实现属性值、数值、颜色的计算,对于需要大量复用的CSS语句,可以通过嵌套、混合等方式实现。2. htm
2017-06-21 21:07:02
331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人