- 博客(69)
- 收藏
- 关注
RSS订阅原创 Typescript
明确了抽象我们希望模块之间的边界是用接口定义的。Typescript可以定义接口，强支撑粗圆去思考API的边界，设计代码。强类型表达函数使用之前标注好函数的入参返回值类型，使得函数表达清晰，也容易推到代码的依赖关系，进行重构。...
2019-10-14 13:53:52
228
原创 webpack插件
webpack的 UglifyJsPlugin压缩插件完成CSS,JS 代码压缩webpack怎么引入第三方的库？拿jQuery为例：entry: {page: ‘path/to/page.js’,jquery: ‘node_modules/jquery/dist/jquery.min.js’}new HtmlWebpackPlugin({filename: ‘index.html...
2019-10-13 18:51:21
202
原创 JS利用prototype给类添加方法
可以利用this给这个类增加一个 toString 方法，代码如下：function MyClass(name,age){ this.name = name; this.age = age; this.toString() = function(){//添加toString()方法 alert(this.name +":"+ this.age); };}var cls...
2019-10-13 18:20:34
442
转载 window.performance详解
performance的作用浏览器暴露给js的一个接口，可以通过这个接口查看用户访问网站的连接建立时间、dns时间等信息。使用该api时需要在页面完全加载完成之后才能使用，最简单的办法是在window.onload事件中读取各种数据，因为很多值必须在页面完全加载之后才能得出。浏览器支持情况IE9和chrome6以上的版本都支持：pc端window.performance : ie9wi...
2019-10-13 14:05:26
4549
原创 v-cloak
v-cloak：保持和元素实例的关联，直到结束编译后自动消失。v-cloak指令和CSS 规则一起用的时候，能够解决差值表达式闪烁的问题（即：可以隐藏未编译的标签直到实例准备完毕）。就拿上一段代码来举例，比如说，{{name}}这个内容，在网速很慢的情况下，一开始会直接显示{{name}}这个内容，等网络加载完成了，才会显示smyhvae。那这个闪烁的问题该怎么解决呢？解决办法是：通过v-c...
2019-10-06 10:59:12
258
原创 js花括号位置的影响
function test(){ return { /* <--- curly brace on new line */ javascript: "fantastic" };}var r = test();try { alert(r.javascript); // does this work...?} catch (e) { alert('no - ...
2019-09-28 09:09:28
275
转载 git提交代码时遇到代码库有更新以及本地有更新的解决方法
在多人协作开发时，经常碰到同事把最新修改推送到远程库，你在本地也做了修改，这个时候无论是执行git pull还是执行git push都会提示错误，我的解决方式如下：先隐藏掉本地的修改，然后执行git pull从代码块拉取最新代码，具体步骤如下：1.输入 git status 查看本地的修改2.输入git stash 隐藏掉本地修改3.输入 git pull 从代码库拉取更新4.输入 gi...
2019-09-09 17:21:14
1229
转载 Nginx配置proxy_pass转发的/路径问题
在nginx中配置proxy_pass时，如果是按照^~匹配路径时,要注意proxy_pass后的url最后的/,当加上了/，相当于是绝对根路径，则nginx不会把location中匹配的路径部分代理走;如果没有/，则会把匹配的路径部分也给代理走。location ^~ /static_js/{proxy_cache js_cache;proxy_set_header Host j...
2019-09-08 22:50:39
220
转载 Node.js 中 __dirname 和 ./ 的区别
概要Node.js 中，__dirname 总是指向被执行 js 文件的绝对路径，所以当你在 /d1/d2/myscript.js 文件中写了 __dirname， 它的值就是 /d1/d2 。相反，./ 会返回你执行 node 命令的路径，例如你的工作路径。有一个特殊情况是在 require() 中使用 ./ 时，这时的路径就会是含有 require() 的脚本文件的相对路径。例...
2019-09-05 08:48:22
380
原创 bs4/xpath/pyquery
from bs4 import BeautifulSouphtml = ''' <body><header id="header"> <h3 id="name">小强也可爱</h3> <title>标题</title> <div class="sns"> <a hre...
2019-08-17 13:58:13
404
原创 Python Spider - re
# 正则表达式import restr1 = 'www.kaikeba.com'result = re.match('www',str1)# 获取匹配的结果# print(result.group())# 获取匹配字符串的长度范围# print(result.span())# 不在起始位置匹配,返回None# print(re.match('kaikeba',st...
2019-08-17 13:07:09
138
原创 从sql2016导出数据库到sql2014
因为数据库版本不一样，无法通过backup数据库在restore的方法1. sql2016导出数据 右击-> tasks-> generate scripts高级里面选择是只导出数据库结构还是结构加数据2. sql2014导入脚本，创建数据库 a. 注意脚本里的FILENAME路径是否存在 b. 因为QUERY-STORE只在2016， 遇...
2019-08-08 08:33:09
1844
原创 spider
爬取url的库request.jsconst urllib=require('url'); const pathlib=require('path');const http=require('http');const https=require('https');const assert=require('assert');function requestUrl(url, he...
2019-08-02 14:18:59
130
原创 echart
文档： https://echarts.baidu.com/index.html1. Echart 画柱状图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style media="scre...
2019-08-01 07:46:48
249
原创 banner实现
实现淘宝首页banner<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width"> <...
2019-07-30 19:16:09
321
原创 H5
1. geolocation——定位1.原理 PC端：IP地址 精度非常差 移动：GPS 精度很高2.PC端 IP库 Chrome -> google.com -> ? IE -> microsoft.comgetCurrentPosition 获取位置(1次)watchPosition ...
2019-07-28 15:02:05
159
原创 React
读取数据——直接fetch--------------------------------------------------------------------------------父->子 子级：暴露方法 父级：ref引用子级->子级.方法()子->父 父级：暴露方法 子级：引用父级.方法()暴露方法 父->子 ref...
2019-07-28 13:32:57
87
原创 ajax实现
function ajax(options){ options=options||{}; options.type=options.type||'get'; options.data=options.data||{}; options.dataType=options.dataType||'text'; //不兼容IE6 let xhr=new XMLHttpRequ...
2019-07-26 14:44:50
102
原创 nextTick
异步更新视图<template> <div> <div>{{test}}</div> </div></template>export default { data () { return { test: 0 }; }, mou...
2019-07-14 15:42:58
346
转载 vue源码解析之keep-alive
keep-aliveprops：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法： 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和transition 相似, keep-alive是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会...
2019-07-11 13:24:34
459
转载 Ajax和Axios
Ajax传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。JQuery ajax 是对原生XHR的封装，除此以外还增添了对JSONP的支持。经过多年的更新维护，真的已经是非常的方便了，优点无需多言；如果是硬要举出几个缺点，那可能只有：1.本...
2019-07-02 09:16:45
125
转载 ES7/ES8
ES7求幂运算符（）**Math.pow(3, 2) === 3 ** 2 // 9Array.prototype.includes()[1, 2, 3].indexOf(3) > -1 // true等同于：[1, 2, 3].includes(3) // true如果仅仅查找数据是否在数组中，建议使用includes，如果是查找数据的索引位置，建议使用indexOf更...
2019-07-02 08:42:59
208
转载 H5标签
<article> 定义独立的内容<aside> 定义页面内容之外的内容<audio> 定义声音内容<bdi> 定义文本的文本方向，使其脱离其周围文本的方向设置<canvas> 定义图形<command> 定义命令按钮<datalist> 定义下拉列表<details>...
2019-07-01 09:02:05
111
原创 Canvas画太极图并旋转
<canvas id="myCanvas" width="500" height="500" >your browser does not support the canvas tag </canvas> <script type="text/javascript"> var canvas = document.getElementById('myCanva...
2019-06-30 17:22:52
506
原创 前端面试题
手写callFunction.prototype.call = function(context) { context = context || window context.fn = this const args = [...arguments].slice(1) const result = context.fn(...args) delete context.fn r...
2019-06-30 11:49:03
92
原创 Mac使用技巧
打开路径：要通过finder查看的话，我们先右键（必须开启了右键辅助功能，其他经验上有讲）会弹出个上拉菜单，选择前往文件夹。弹出前往文件夹的对话框，填入/usr/local/bin就可以前往了。...
2019-06-27 18:19:37
120
转载 notepad+无法输入中文解决办法
在ANSI编码下的文件里面，默认的中文字符会被拆分成两个字符(删除中文字符的时候可以体会到)，所以这时候如果设置是 “自动完成-单词自动完成” 且后边的是“从第1个字符开始”的时候就会默认从这个未知字符开始自动完成，NPP就会暴死，所以如果选择了单词自动完成就记得把后面的数字改成2，然后就不会有问题了...
2019-06-17 08:58:37
4435
1
原创 SQL
如果想让局域网的人连你的数据库 开启tcp/ip 并关闭防火墙。 默认端口号是1433--单行注释 /**/多上注释外键 添加外键的表是外键表 外键所在的表是主表脚本创建数据库 表select * from sysdatabasesdrop database dbtestcreate database dbteston primary( name='dbtes...
2019-05-27 11:25:45
128
原创 VScode
Mac 下打开 Chrome 任务管理器的方式是选择 Chrome 顶部导航 > 窗口 > 任务管理， 查看内存泄漏打开新的文件会覆盖窗口中的,怎么改预览模式是现在各类编辑器的默认功能，如果你实在不喜欢，可以关掉的，看下面：给你配置settings.json里加一条："workbench.editor.enablePreview":false,html snip...
2019-05-27 08:28:13
433
原创 js面试题
1. 返回url的参数对象 1）使用字符串2）使用正则 replace： 如果第一个参数是正则 第二个参数是函数的话，就会拿当前正则与字符串进行匹配，能匹配几次 当前函数就执行几次 并且把每次捕获到的结果当成参数传递给函数将方法绑定在string原型上...
2019-05-26 17:59:03
115
转载 SQL优化
基本原则就是能通过索引字段进行查询的，就通过索引字段进行查询。 索引查询基本都是精确查询，在使用过程中应避免使用Like、in、ont in、EXISTS、DisTinct等关键词，在此关于索引查询不作太多说明，大家只需把下面的非索引查询搞明白就可以了。1.2、非索引查询： 上文中提高：要尽可能的使用索引字段进行查询，那么，使用索引字段进行的查询都能称之为索引查询吗？...
2019-05-23 14:01:25
231
转载 npm
web代理工具：nproxy 跨平台 支持单文件多文件及目录替换 支持http https协议https://www.npmjs.com/package/nproxynpm install -g nproxy 安装nproxy -l replace_rule.js 启动...
2019-05-21 20:17:25
132
转载 post和get
GET和POST本质上就是TCP链接，并无差别。但是由于HTTP的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GE...
2019-05-21 19:25:43
121
转载 JavaScript原型
// 让我们从一个自身拥有属性a和b的函数里创建一个对象o：let f = function () { this.a = 1; this.b = 2;}/* 这么写也一样function f() { this.a = 1; this.b = 2;}*/let o = new f(); // {a: 1, b: 2}// 在f函数的原型上定义属性f.pro...
2019-05-14 12:48:14
107
转载 javascript笔记
https://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.htmlObject.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组。var data={a:1,b:2,c:9,d:4,e:5};console.log(Object.keys(data));//["a", "b", "c", "d...
2019-05-11 16:12:17
119
转载 Ecommerce Tracking
Ecommerce TrackingThis guide describes how to collect ecommerce data using analytics.js.OverviewEcommerce tracking allows you to measure the number of transactions and revenue that your website ...
2019-05-09 08:36:35
1536
转载 ga.js Basic Methods
ga.js Basic Methods_deleteCustomVar(index) _getName() _getAccount() _getVersion() _getVisitorCustomVar(index) _initData()deprecated _setAccount(accountID) _setCookiePersistence(milliseconds)...
2019-05-09 08:26:51
227
转载 Cookies and User Identification
Cookies and User IdentificationIn order for Google Analytics to determine that two distinct hits belong to the same user, a unique identifier, associated with that particular user, must be sent with...
2019-05-09 08:24:20
5936
转载 Page Tracking
Page tracking allows you to measure the number of views you had for a particular page on your website. Pages often correspond to an entire HTML document, but they can also represent dynamically loaded...
2019-05-09 08:19:20
1407
转载 Adding analytics.js to Your Site
Adding analytics.js to Your SiteThe analytics.js library is a JavaScript library for measuring how users interact with your website. This document explains how to add analytics.js to your site.The...
2019-05-09 07:58:44
482
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人