- 博客(52)
- 收藏
- 关注
转载 深入 JavaScript 中的对象以及继承原理
ES6引入了一个很甜的语法糖就是 class, class 可以帮助开发者回归到 Java 时代的面向对象编程而不是 ES5 中被诟病的面向原型编程. 我也在工作的业务代码中大量的使用 class, 很少去触及 prototype 了.两面性:class 语法糖的本质还是prototype, 所以应该回归到写 prototype 上.既然有 class 的写法...
2019-06-10 18:45:00 150
转载 使用electron进行原生应用的打包(2)---主进程与渲染进程之间的通信
上一篇讲了使用electron进行打包的配置相关文件,这篇主要讲electron中很重要的通信方式.首先解释一个概念: electron打包的应用包含两个部分electron的环境(node),也就是主进程.web渲染环境,副进程.这两个环境之间是相互隔离的,无法直接进行数据通信,所以有了这篇文章.三个角色:ipcRenderipcMa...
2018-06-15 21:54:00 269
转载 使用electron进行原生应用的打包
因为信奉一句话:JavaScript 终将一统天下,所以要想方设法开疆扩土.今天介绍的这个electron就是一大神器,可以很方便的将网页应用打包为Mac, Win, Linux下的可执行文件,只需进行简单的配置,虽比不上原生的速度和瘦小,但是性价比着实不错.一 在package.json中指明对应版本,(electron和electron-builder需放在devDepend...
2018-06-14 18:22:00 488
转载 Babel编译
Babel的目的就是让你可以使用最新的标准来开发,然后把兼容的问题交给它来完成.比如我如何在使用ES6的语法写完之后将其转换为ES5满足通用性呢?先用这个最常用的Babel的用法来引入吧.一 首先在项目中新建一个package.json文件,也可以使用npm init自动生成.这里简单提一下,没有fq的话建议使用国内的淘宝镜像,速度会快很多,特别是类似Bable这样安装...
2018-05-08 17:14:00 268
转载 HTML布局四剑客-Flex,Grid,Table,Float
前言在HTML布局中有很多的选择,同一种表现方式可以使用不同的方法来实现.下面来对四种最常见的布局方式进行阐述和解释,它们分别是Float,Table,Grid和FlexFloat第一位出场的就是最年老的Float,"老骥伏枥,志在千里".作为最早出现的定位方式,为元素赋予了"浮动显示"的技能,从此,元素可以不跟着文档的方向随波逐流,而可以拥有自己的"浮动方向",可以说是CS...
2018-05-06 21:40:00 712
转载 关于vtt 与 srt 字幕 的相互转换
我在下载的udacity中教程时,字幕和视频是分离的,对于英文还无法完全听懂的我来说,字幕还是比较重要.不想看解释的可直接跳到最后复制代码运行即可.查看了vtt和srt的区别,使用记事本打开vtt和srt,发现主要有两个首行多了WEBVTT\n\n标识符标点格式区别,vtt内部的"."在srt中为","流程图:基于python写...
2018-04-12 10:35:00 1959
转载 关于websocket
一句话总结: websocket可以说是基于HTTP但有有所进化的一个介于应用层和传输层的接口抽象,不是协议.1 需要基于HTTP进行3次握手,4次挥手(在握手期间建立websocket连接,不再通过HTTP协议传输),.2 握手期间发送协议切换的请求,接受101响应,通过web Socket Key进行验证. 后续传输过程不必再包含繁重的请求头信息3 双方响应,服务...
2018-04-03 11:36:00 82
转载 关于jQuery中nth-child和nth-of-type的详解
首先贴出来HTML的代码:<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script&g...
2018-03-16 16:07:00 158
转载 jQuery中的自定义插件之----工厂方法(Factory Widget)
jQuery赋予了我们很强大的插件自定义的功能,可以作为我们的武器库,应用到所有的网页中,使用的语法比较有意思,下面是对它的一些探讨.遵循以下的原则:1 IIFE 创建一个jQuery的scope(function($){}(jQuery))2 namespace要唯一.$.widget('custom.colorize') custom为命名空...
2018-03-15 15:10:00 182
转载 jQuery中append appendTo prepend prependTo insertBefore insertAfter after before之间的区别
jQuery中有一个很关键的元素操作,他们的使用方法都一样,但是呈现的结果有所不同.<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>test</title> <script ...
2018-03-14 15:56:00 140
转载 jQuery 事件代理时的this
在jQuery使用on方法进行事件代理的时候,this是有多种变化的.下面开始对其进行研究HTML的代码:<ul id="selected-plays" class="clear-after"> <li>Comedies <ul> <li><a href="...
2018-03-13 17:24:00 294
转载 闭包和数据解构的面试题
直接上题,这两道题目不是很难,但是比较基础和典型答案:第一题:2 5 1 1 3注意函数的静态属性和方法的区别就好了。详情可参考:http://www.cnblogs.com/BigJ/p/class_static_property.html第二题:function initMap(size) { let...
2018-03-08 13:51:00 74
转载 XAMPP搭建PHP
在学习一些前后端交互时,经常会有跟PHP作为后端(服务器)的交互,不能将php文件放在本地进行请求,必须将PHP运行在Apache环境中。但是对一些新手来说,学习搭建一个Apache环境也并非易事,所以我建议在暂时不需要重点关注后端如何实现的前提之下可以使用这个XAMPP(Apache+MySQL+PHP+PERL)这个软件。 下载地址:https://www.apachefr...
2018-03-07 10:42:00 147
转载 JavaScript 运用ES2015特性的小项目
阅读了《JavaScript Pattern》这本书,里面讲了很多js的本质概念以及项目的设计理念。很值得一看,这是我做的摘要,有兴趣的看官可以点这里。里面讲解mediator pattern的时候用了一个小游戏来讲解。但没有使用到ES6相关特性,我认为此编程模式十分重要,且比较有意思,所以对其根据MVC进行了改写和加工。没有做CSS的处理,只关注逻辑。玩法:玩家点击指定按键则增...
2018-03-02 18:53:00 84
转载 ES2015 类 class 语法
在ES2015之前,定义类的方法只能通过原型链来模拟function Animal(family,species) { this.family = family; this.species = species;};Animal.prototype.yell = function() { console.log(this.family);}...
2018-03-02 13:54:00 157
转载 ES2015 类中的静态方法
在ES2015中,终于不用用函数原型来实现类系统,可以直接使用关键字class,下面是对class的静态属性的研究:举例:一个Node类,每一个Node类之间都可以建立从属关系,每一个Node实例下方可以带多个Node子实例,Node自身可以检索到所有实例的数量。首先创建两个属性,他爹,和他的子孙 this._parent = parent; ...
2018-03-01 15:03:00 159
转载 javascript 自定义事件
在默认的DOM事件中,如"click","mousedown","mouseover"等, 其所触发事件的回调中默认只会传入一个参数,即event对象本身button = document.getElementById('button1');button.addEventListener('click',function(){});// arguments[0] = e...
2018-03-01 10:57:00 97
转载 JavaScript 再谈闭包
之前有整理过一版关于闭包的概念,但感觉思路不是很清晰,是临时想起一些例子来讲的,今天再次来讲一下闭包。闭包:函数嵌套函数,内部函数可以引用外部函数的参数和变量function aaa(a){ var b=5; function bbb(){ alert(a); alert(b); }} ...
2017-12-19 14:04:00 82
转载 JavaScript面向对象编程
一:创建对象的模式 1工厂模式:用函数封装以特定的接口创建对象的细节。function Person(name,age){ var obj = new Object(); obj.name = name; obj.age = age; obj.sayName = function(){ alert(this.name...
2017-12-17 15:01:00 108
转载 如何使用Vue
我在学习前端框架的时候面临了很多的选择,比较流行的有react,angularJS,还有另外一个就是Vue,Vue相对于另外两个出现时间更晚,也更符合响应式(Reactive)组件化(Composable)的编程思想。下面根据官方教程进行安装,也介绍我在安装过程中的心得。(文中示例为网上普遍流传的模仿饿了么app所做)1 首先需要安装npm(具体安装方法就不再赘...
2017-12-11 22:34:00 64
转载 JavaScript 闭包
不严格的说闭包就是函数,直接上例子let f;{ let o = { note:"Safe"}; f = function(){ return o; }}let oRef = f();oRef.note = "UnSafe Any More"在块的外部依然可以访问到内部变量o,那么这个块(包括父作...
2017-11-28 19:04:00 60
转载 JavaScript 变量屏蔽
不同作用域中相同名称的变量就会触发变量屏蔽:{ let x = {color:"blue"}; let y = x; let z = 3; { //重复定义x,所以对全局变量x进行了变量屏蔽 let x = 5; console.log(x); //未重定义y,所以变量...
2017-11-28 18:36:00 156
转载 python PEP8相关介绍
在学习了python相关技术之后,开始重视其开发规范,以满足代码的可读性以及可维护性。主要的是学习了PEP8-style for python code的相关内容。 代码布局 缩进:每一级4个缩进。连续跨行应该使用圆括号或大括号或者使用悬挂缩进。# 定界符(圆括号或大括号)foo = long_function_name(var_one, va...
2017-10-12 11:04:00 107
转载 Python Django的生产部署方式
本地化部署的Django有很大的局限性,无法用于生产环境,比如无法抗住多并发,无法长时间的运行,容易造成网页无响应的问题。所以如何将Django部署到真正的生产环境中,让其能够真正的像正常的网页一样工作,是接下来需要讨论的问题。 Nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。现在主流的网页也是采用nginx的方式,比如百度,...
2017-10-08 20:51:00 151
转载 关于在Django中Json无法序列化datetime的解决办法
我们在网页设计时经常会在前端和后台进行交互,前端回传的方法可以时redirect一个地址加上显式的参数,第二个办法就是使用Ajax结构。那么在传到view函数中进行处理后是需要通过Json格式进行返回给前端,不然前端时不认识返回的数据,此时就需要使用到Json的序列化。 如果是从数据库中取的数据往往时queryset类型,Json无法直接序列化,需要先将其用list转成...
2017-10-04 20:47:00 284
转载 django 下拉菜单显示为object的解决办法
在创建完Django数据库结构之后,使用Django自带的强大的admin功能往数据库中添加数据,图形化界面如下: 但时候有下拉框选项(只要在model中有定义Charfield就会显示为下拉框),如果遇到了如下情况: 这是很反人类的,我知道他是NewsType 对象,你倒是显示对象的名称啊! 找了很多方法,查看了AdminModel的源代码: ...
2017-10-04 09:20:00 384
转载 如何使用Git以及GitHub
Git在程序的版本控制上有着极大的优势,下面是简单对其的简介Git 的特点: 1 Snapshots, Not Differences 直接记录快照而非差异对比。 传统的版本控制系统(version control system):(CVS, Subversion, Perforce, Bazaar, and so on)都是根据时间在base version上进行的...
2017-09-29 15:51:00 119
转载 python 常见算法
python虽然具备很多高级模块,也是自带电池的编程语言,但是要想做一个合格的程序员,基本的算法还是需要掌握,本文主要介绍列表的一些排序算法 递归是算法中一个比较核心的概念,有三个特点,1 调用自身 2 具有结束条件 3 代码规模逐渐减少 举例:以下四个函数只有两个为递归 func3和func4 但是输出是不同的比如func3(5)输出为5,4,3,2,1f...
2017-09-28 12:55:00 356
转载 scrapy 爬虫基础
Scrapy是Python开发的一个快速、高层次的屏幕抓取和web抓取框架,用于抓取web站点并从页面中提取结构化的数据。Scrapy用途广泛,可以用于数据挖掘、监测和自动化测试。 安装Scrapy的过程比较复杂而且容易出错,贴出一个参考链接:windows下scrapy安装步骤。 安装完成后,在自定义目录下输入scrapy startproject Projec...
2017-09-27 12:15:00 141
转载 python中的小知识点
这里是一些小知识点的汇集,为的是以后查找的方便。 行与缩进: 物理行:实际看到的代码行数。 逻辑行:在意义上的函数(即解释器执行的行数) 如果一个物理行中包含了多个逻辑行,则每个逻辑行之间需要用分号 “;” 隔开,最后一个逻辑行可以省略分号 一个逻辑行分为了多个物理行的话使用转义符 "\" 进行每个物理行之间的连接 缩进:逻辑行...
2017-09-24 10:32:00 61
转载 python 数据结构简介
栈(stack)定义: 数据集合,只能在一端(首尾)进行删除和插入的列表。特点: 后进先出(LIFO)典型作用: 括号匹配:左括号进栈,右括号跟左括号对应则出栈,例如:(({{[]}}))匹配队列(queue)定义: 线性表,只能在表的一端进行插入,在另一端进行删除操作。特点: 先进先出(FIFO)栈和队列的比较:...
2017-09-23 17:57:00 63
转载 前端插件定制--表头和表内容
在前端构造表格的时候往往遇到的情况时写很多的tr和td标签,而且如果需要对数据库进行连接的话就涉及很多的表操作,很容易弄混而且出错,那么应该如何去避免类似情况的发生? 首先我们同样使用之前介绍的Django建立三个数据库,分别为UserInfo,Business和Server。如下代码所示:from django.db import models# Create...
2017-09-21 19:27:00 163
转载 单例模式
在函数的构造过程中,如果多个对象之间的创建值一样,为了避免内存浪费,所以使用单例模式,共用一个对象。 如果使用以下代码则会产生2种不同地址(id值不一致)class Foo(object): def init(self): pass def process(self): return '123'obj1=F...
2017-09-21 08:57:00 59
转载 python中Django 使用方法简述
Django是由Python写成的免费而且开源的Web应用框架--一堆零件的组成,可以帮助我们轻松的开发网站。这些零件都包括常用的:登录(注册,登入,登出),网站后台管理,表单,文件上传等。可以帮助我们避免重复造轮子。 下图是简单的Django框架图 整个project是由python manage.py startproject xxxx 产生,app01是由p...
2017-09-19 12:54:00 99
转载 Django中下划线的用法介绍(一)
在Django中有相当多的操作是通过双下划线与动作连接起来使用,为了以后更加方便的查找和使用,现在总结以下Django中基本的双下划线操作 比较符:大于--gt 小于--lt 等于--eq 大于等于--gte 小于等于--lte models.Example.objects.filter(id__gt=1) # 获取id大于1的值...
2017-09-16 10:37:00 308
转载 JavaScript的基本操作(一)
JavaScript中有大量的方法可供我们使用,详情可参考:http://jquery.cuishifeng.cn/这也同时导致我们不可能去记住每一个的用法,且开发者每天都在新添更多的方法,所以要想掌握所有方法并不是那么容易。我在学习的过程中也很头疼,不知道从何下手,下面是我学习之后的一些心得,希望可以帮助更多的人去掌握重点,更好的理解JavaScript。 第一部分是元素的查...
2017-09-13 20:46:00 143
转载 JavaScript的作用域
JavaScript的作用域主要是指函数的作用域,在进行结果判断的时候十分重要,如果不清楚作用域,便很有可能导致拿不到预期的结果,也就无法顺利的进行程序的编写,在经历了一系列的学习和了解之后,对相关知识进行一个汇总,认识比较浅显,希望可以帮助到有需要的人。 首先引入一个概念:词法分析 JavaScript在创建的时候会对function进行词法分析,函数会在创建时形成一个...
2017-09-11 19:57:00 59
转载 堡垒机的简单应用
堡垒机的定义:即在一个特定的网络环境下,为了保障网络和数据不受来自外部和内部用户的入侵和破坏,而运用各种技术手段实时收集和监控网络环境中每一个组成部分的系统状态、安全事件、网络活动,以便集中报警、及时处理及审计定责。堡垒机的功能:账号管理设备支持统一账户管理策略,能够实现对所有服务器、网络设备、安全设备等账号进行集中管理完成对账号整个生...
2017-09-08 09:57:00 374
转载 ORM Basic
ORM即object relational mapping 对象关系映射程序,可以在操作数据库的时候使用自有的语言而不必使用数据库的语言。 在python中,最强大的ORM框架就是SQLAlchemy。基本构成如下:首先来看看SQL Alchemy的基本用法:在使用SQL Alchemy的时候必须包子Mysql的字符集为utf-8(默认为Latin1),使用以下命令...
2017-09-06 15:31:00 87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人