- 博客(36)
- 收藏
- 关注
RSS订阅转载 JavaScript 执行机制
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是一行...
2020-02-10 15:54:28
128
原创 Sortable实现table拖拽功能
<el-tableref="sourceTable"row-key="programid"class="tableList":data="resourceData"v-if="resourceData.length>0"size="small"@selection-change="selectionChange"><el-tab...
2020-01-16 11:59:00
1601
原创 css除第一个子元素以外的元素的选择器
效果如图：.action :nth-child(n+2)::before{padding:0 5px;content: ‘|’;} html如下：
2020-01-16 11:43:59
2058
1
原创 keyup.enter 和 blur 事件冲突的问题
<el-inputv-elseref="sName"v-model="addName"@keyup.enter.native="$event.target.blur"@blur="addSubject"placeholder="新建专题名称"></el-input>新建专题的失焦点，需要判断输入名称的话就去创建专题触发addSubject事件，否则...
2020-01-15 18:32:56
403
转载 手动实现一个redux
分为以下几步：1、修改数据通过dispatch来修改2、抽离store，数据抽象出来一个 createStore，它可以产生 store，里面包含 getState 和 dispatch 函数3、观察者模式监控数据4、共享结构对象提高性能5、合并方法，stateChanger 为 reducer，定义了 reducer 只能是纯函数，功能就是负责初始 state，和根据 state 和 ...
2019-12-27 11:21:15
113
转载 react事件绑定的三种常见方式以及解决Cannot update during an existing state transition (such as within `render`). Ren
在 React 组件中，每个方法的上下文都会指向该组件的实例，即自动绑定 this 为当前组件。 而且 React 还会对这种引用进行缓存，以达到 CPU 和内存的优化。在使用 ES6 classes 或者纯 函数时，这种自动绑定就不复存在了，我们需要手动实现 this 的绑定。1.bind方法进行绑定，这个方法可以帮助我们绑定事件处理器内的 this ，并可以向事件处理器中传 递参数，如下图清...
2019-12-25 16:27:51
1187
转载 从零开始搭建一个React项目
1、初始化项目安装插件：npm init -y2、安装webpack, 现在最流行的模块打包工具webpackcli webpack的命令工具webpack-dev-server - webpack官网出的一个小型express服务器，主要特性是支持热加载webpack-merge: 引用通用的配置来组合3、安装react相关插件：npm install react react-dom...
2019-12-25 11:11:07
549
转载 Flex布局-flex-grow、flex-shrink、flex-basis
Flex布局父容器:父容器设置子容器沿主轴排列：（）justify-content：flex-start,center,flex-end,space-around,space-between父容器设置子容器沿交叉轴排列：align-items：flex-start,center,flex-end,baseline(首行文字对齐),stretch(子容器沿y方向的尺寸拉伸与父容器一致)...
2019-12-24 15:35:14
271
原创 urlSearchParams使用
let searchParam = new urlSearchParams();searchParam.get(‘key’);//获取单个字段的值searchParam.has(‘key’)//判断字段是否存在searchParam.append(‘key’,value);//添加字段searchParam.delete(‘key’);//删除字段searchParam.set(‘key...
2019-12-23 11:50:45
584
原创 具有相同经纬度的一维数组转化成二维数组
1、报警数据显示(具有相同经纬度的一维数组转化成二维数组)var alarmData = [ { &nb...
2019-12-23 11:48:09
688
原创 git常用命令
git常用命令"git add ."——添加当前所有改动到暂存区"git commit -m '当前改动简单说明文本'"——提交暂存区到本地历史记录"git push origin master"——提交本地历史记录到远程master分支"git checkout branchX"——本地仓库切换到branchX分支"git checkout -b newBranchName"——从当...
2019-12-20 14:16:23
62
原创 git基础学习
1、安装完成之后需要设置在命令行输入：git config --global user.name “your name”git config --global user.email “[email protected]”2、创建版本库：新建文件夹learngit通过git init 命令把这个目录变成git可以管理的仓库3、把文件添加到版本库git add readme.txt /...
2019-12-20 14:14:50
72
原创 Vue自定义指令 自定义指令实现后台页面按钮权限
全局注册自定义指令:/权限指令/Vue.directive(‘has’, {inserted: function(el, binding) {if (!Vue.prototype.$_has(binding.value)) {el.parentNode.removeChild(el);}}});自定义指令防止按钮多次点击重复提交表单：Vue.directive(‘noMoreC...
2019-12-20 14:11:14
888
原创 正则表达式学习
一、首先了解一下正则表达式的基本方法字面量法：var re = /d(b+)d/调用RegExp构造方法：var reg = new RegExp("/d(b+)d/","g");第一个参数是匹配规则，第二个参数是正则修饰符i表示区分大小写m表示多行匹配g全局匹配二、支持正则的字符串内置方法var str = "cdbbdbsbz";search()方法 例子：str.search(/d(b+)d...
2018-07-06 18:39:10
149
转载 javscript事件代理
在JavaScript中，经常会碰到要监听列表中多项li的情形，假设我们有一个列表如下：ul id="list"> li id="item1">item1li> li id="item2">item2li> li id="item3">item3li> li id="item4">item4li>ul>如果我们要实现以下功能：当鼠标点击某一li时，alert输出
2018-02-12 11:34:30
297
原创 vue2.0 改变子组件从父组件传递过来的值报错Avoid mutating a prop directly since the value will be overwritten whenever
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "se...
2018-02-09 10:04:22
18458
1
转载 浏览器重绘与重排的性能优化
重绘与重排当DOM变化影响了元素的几何属性（宽、高改变等等） 浏览器此时需要重新计算元素几何属性 并且页面中其他元素的几何属性可能会受影响 这样渲染树就发生了改变，也就是重新构造RenderTree渲染树 这个过程叫做重排（reflow）如果DOM变化仅仅影响的了背景色等等非几何属性 此时就发生了重绘（repaint）而不是重排 因为布局没有发生改变
2018-01-17 16:30:27
239
转载 JavaScript 节流函数 Throttle 详解 -------
在浏览器 DOM 事件里面，有一些事件会随着用户的操作不间断触发。比如：重新调整浏览器窗口大小（resize），浏览器页面滚动（scroll），鼠标移动（mousemove）。也就是说用户在触发这些浏览器操作的时候，如果脚本里面绑定了对应的事件处理方法，这个方法就不停的触发。这并不是我们想要的，因为有的时候如果事件处理方法比较庞大，DOM 操作比如复杂，还不断的触发此类事件就会造成性能上的
2017-10-27 17:00:52
260
转载 git add；遇到 LF will be replaced by CRLF in .....
windows中的换行符为 CRLF，而在Linux下的换行符为LF，所以在执行add . 时出现提示工作区的文件都应该用 CRLF 来换行。如果 改动文件时引入了 LF,提交改动时，Git 会警告你哪些文件不是纯 CRLF 文件，但 git 不会擅自修改工作区的那些文件，而是对暂存区（我们对工作区的改动）进行修改。也因此，当我们进行 git add 的操作时，只要 g
2017-09-04 16:18:43
274
转载 css布局
1、常用居中方法：水平居中，垂直居中2、单列布局3、二列或者三列布局一、水平居中1、当子元素是行内元素的时候采用：text-align:center;2、定宽块状元素：margin左右设置auto;3、不定宽块状元素：设置子元素为display:inline,然后在父元素上设置text-align:center;4、通用flex布局：首先说明一下fl
2017-08-07 18:06:10
213
1
转载 console.table打印
var obj = [ { name: "xuyan", age: "13" }, { name: "lili", age: "23" }, { name: "zhangzhang", age: "16" }];console.log(obj);结果如下：手动打开console.table(obj);还可以过滤显示属性： con
2017-08-07 12:00:28
880
转载 thinkphp3.x中import方法导入类库的用法
import方法是ThinkPHP框架用于类库导入的封装实现，尤其对于项目类库、扩展类库和第三方类库的导入支持，import方法早期的版本可以和java的import方法一样导入目录和通配符导入，后来考虑到性能问题，在后续的版本更新中不断改进和简化了，所以现在的用法比较简单明了。 调用格式： import('类库名', '起始路径', '类库后缀') import方法有
2015-10-05 14:24:54
1024
原创 php利用接口实现类的多重继承
//定义接口Ainterface A{ function getName(); }//定义接口B interface B{ function getAddress(); } class AA implements A{ private $name='xuxu'; publ
2015-05-31 19:05:41
575
原创 thinkphp 在数据库更新(save)的时候，如果字段没有被修改，会更新失败 和数据的自动验证，插入的时候可以自动验证，但更新的时候就不能验证了
最近在研究thinphp遇到些问题1，thinkphp 在数据库更新(save)的时候，如果字段没有被修改，会更新失败 原因如下：首先应该知道thinkphp中的save()方法是用来更新数据的，save方法正常执行时返回的是影响记录的行数，出错的时候返回false 当未修改时影响的记录行数为0，所以0
2015-05-30 10:33:27
6318
1
转载 thinkphp URL规则、URL伪静态、URL路由、URL重写、URL生成
本章节：详细介绍thinkphp URL规则、URL伪静态、URL路由、URL重写、URL生成一、URL规则1、默认是区分大小写的 2、如果我们不想区分大小写可以改配置文件'URL_CASE_INSENSITIVE'=>true,//url不区分大小写*模块命名太长的情况：A、如果模块名为 UserGroupAction，复杂模块(一般是IndexActio
2015-05-28 10:15:20
508
原创 php生成pdf格式的文件
首先下载TCPDF文件然后require_once导入tcpdf.php文件，实例化TCPDF配置相关信息；例如：include_once("libs/tcpdf/tcpdf.php"); require_once('libs/tcpdf/config/eng.php'); $pdf = new TCPDF
2015-05-17 16:41:33
1325
原创 js替换全部指定的字符串
var list==‘sdkjf/jdsfhk/skdj/’;将‘/’全部替换为‘-’利用正则全部替换list.replace(/\//g,"_"); 如果list.replace(‘/’,"_"); 就只替换第一个‘/’为‘-’；
2015-04-16 10:55:32
719
原创 php函数（今天才看到的记载下来）
1 magic_quotes_gpc函数在php中的作用是判断解析用户提示的数据，如包括有:post、get、cookie过来的数据增加转义字符“ ”，以确保这些数据不会引起程序，特别是数据库语句因为特殊字符引起的污染而出现致命的错误2 stripslashes() 函数删除addslashes() 函数函数添加的反斜杠。3 htmlspecialchars() 函数把一些预定义的字符
2015-04-13 17:21:07
334
原创 jq冒泡事件解决方案的区别
方法一：注：event.stopPropagation(); 记得参数加上event Document .box1 { border: green 40px solid; width: 300px; height: 300px; margin: auto; } .box2 {
2015-03-27 21:50:29
492
原创 Mysql 一张表中某一列多条记录更新为不同的值，效率比较高
update 表名 set 列名= case when id= XX then 本列新记录when id= XX then 本列新记录else 列名 end将students表中number为1和2 的同学的姓名改为徐大咖和数数（number为主键）注：else后不加name列名会把出学号为1和2的其他记录的name值变为空eg:update students se
2015-03-21 10:29:36
457
原创 jq中寻找某个元素的特定兄弟元素
利用var items=$(this).nextAll().eq(2).text();举例如下html代码 " class="selectbox"> " class="create" src="smallImage/">
2015-03-21 10:11:54
4012
原创 空div中设置背景图片（不设置div高度和宽度）
css：body{margin:0px;font-size:18px;}#container{position:absolute;background-image:url(images/2.jpg);background-repeat:no-repeat;width:100%; height:100%;background-size:cover;}html：
2015-03-16 20:03:13
2150
转载 PHPMailer本机不需要安装SMTP Sever就能发送邮件
1.首先下载PHPMailer文件包2.然后确认服务器系统已经支持socket 如下图，通过phpinfo();查看是否支持sockets 如果没有这一项就请注意： socket 是属于PHP扩展部分，编译时必须给定一个用于./configure --enable-sockets 的配置选项。3.把文件解压到你的web服务器目录下，调用类就可以了以下就是我的代码说明：用
2015-03-15 15:36:24
957
1
原创 安装wamp后出现You don't have permission to access / on this server
今天重装系统后又安装了wamp2.5，安装之后发现打开wamp本地出现You don't have permission to access / on this server到网上看看有没有解决的办法，结果都是把Apache 配置文件中的 Options FollowSymLinks AllowOverride None Order deny,allo
2015-01-31 10:01:01
444
转载 mysql提高数据插入效率
1、同时插入多行记录时，宜采用一条Insert语句2、批量插入记录时，建立采用Load Date Infile语句3、插入延迟，提高插入操作对系统的不利影响4、在插入大量数据之前，可以先将表锁定5、插入数据之前先对数据进行排序
2015-01-03 18:36:37
420
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人