- 博客(69)
- 收藏
- 关注
RSS订阅原创 Typescript
明确了抽象我们希望模块之间的边界是用接口定义的。Typescript可以定义接口，强支撑粗圆去思考API的边界，设计代码。强类型表达函数使用之前标注好函数的入参返回值类型，使得函数表达清晰，也容易推到代码的依赖关系，进行重构。...
2019-10-14 13:53:52
131
原创 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
120
原创 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
356
转载 window.performance详解
performance的作用浏览器暴露给js的一个接口，可以通过这个接口查看用户访问网站的连接建立时间、dns时间等信息。使用该api时需要在页面完全加载完成之后才能使用，最简单的办法是在window.onload事件中读取各种数据，因为很多值必须在页面完全加载之后才能得出。浏览器支持情况IE9和chrome6以上的版本都支持：pc端window.performance : ie9wi...
2019-10-13 14:05:26
4392
原创 v-cloak
v-cloak：保持和元素实例的关联，直到结束编译后自动消失。v-cloak指令和CSS 规则一起用的时候，能够解决差值表达式闪烁的问题（即：可以隐藏未编译的标签直到实例准备完毕）。就拿上一段代码来举例，比如说，{{name}}这个内容，在网速很慢的情况下，一开始会直接显示{{name}}这个内容，等网络加载完成了，才会显示smyhvae。那这个闪烁的问题该怎么解决呢？解决办法是：通过v-c...
2019-10-06 10:59:12
169
原创 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
196
转载 git提交代码时遇到代码库有更新以及本地有更新的解决方法
在多人协作开发时，经常碰到同事把最新修改推送到远程库，你在本地也做了修改，这个时候无论是执行git pull还是执行git push都会提示错误，我的解决方式如下：先隐藏掉本地的修改，然后执行git pull从代码块拉取最新代码，具体步骤如下：1.输入 git status 查看本地的修改2.输入git stash 隐藏掉本地修改3.输入 git pull 从代码库拉取更新4.输入 gi...
2019-09-09 17:21:14
1025
转载 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
140
转载 Node.js 中 __dirname 和 ./ 的区别
概要Node.js 中，__dirname 总是指向被执行 js 文件的绝对路径，所以当你在 /d1/d2/myscript.js 文件中写了 __dirname， 它的值就是 /d1/d2 。相反，./ 会返回你执行 node 命令的路径，例如你的工作路径。有一个特殊情况是在 require() 中使用 ./ 时，这时的路径就会是含有 require() 的脚本文件的相对路径。例...
2019-09-05 08:48:22
309
原创 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
334
原创 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
75
原创 从sql2016导出数据库到sql2014
因为数据库版本不一样，无法通过backup数据库在restore的方法1. sql2016导出数据 右击-> tasks-> generate scripts高级里面选择是只导出数据库结构还是结构加数据2. sql2014导入脚本，创建数据库 a. 注意脚本里的FILENAME路径是否存在 b. 因为QUERY-STORE只在2016， 遇...
2019-08-08 08:33:09
1527
原创 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
78
原创 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
171
原创 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
241
原创 H5
1. geolocation——定位1.原理 PC端：IP地址 精度非常差 移动：GPS 精度很高2.PC端 IP库 Chrome -> google.com -> ? IE -> microsoft.comgetCurrentPosition 获取位置(1次)watchPosition ...
2019-07-28 15:02:05
88
原创 React
读取数据——直接fetch--------------------------------------------------------------------------------父->子 子级：暴露方法 父级：ref引用子级->子级.方法()子->父 父级：暴露方法 子级：引用父级.方法()暴露方法 父->子 ref...
2019-07-28 13:32:57
44
原创 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
55
原创 nextTick
异步更新视图<template> <div> <div>{{test}}</div> </div></template>export default { data () { return { test: 0 }; }, mou...
2019-07-14 15:42:58
147
转载 vue源码解析之keep-alive
keep-aliveprops：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法： 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和transition 相似, keep-alive是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会...
2019-07-11 13:24:34
357
转载 Ajax和Axios
Ajax传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。JQuery ajax 是对原生XHR的封装，除此以外还增添了对JSONP的支持。经过多年的更新维护，真的已经是非常的方便了，优点无需多言；如果是硬要举出几个缺点，那可能只有：1.本...
2019-07-02 09:16:45
71
转载 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
136
转载 H5标签
<article> 定义独立的内容<aside> 定义页面内容之外的内容<audio> 定义声音内容<bdi> 定义文本的文本方向，使其脱离其周围文本的方向设置<canvas> 定义图形<command> 定义命令按钮<datalist> 定义下拉列表<details>...
2019-07-01 09:02:05
50
原创 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
393
原创 前端面试题
手写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
55
原创 Mac使用技巧
打开路径：要通过finder查看的话，我们先右键（必须开启了右键辅助功能，其他经验上有讲）会弹出个上拉菜单，选择前往文件夹。弹出前往文件夹的对话框，填入/usr/local/bin就可以前往了。...
2019-06-27 18:19:37
69
转载 notepad+无法输入中文解决办法
在ANSI编码下的文件里面，默认的中文字符会被拆分成两个字符(删除中文字符的时候可以体会到)，所以这时候如果设置是 “自动完成-单词自动完成” 且后边的是“从第1个字符开始”的时候就会默认从这个未知字符开始自动完成，NPP就会暴死，所以如果选择了单词自动完成就记得把后面的数字改成2，然后就不会有问题了...
2019-06-17 08:58:37
3945
1
原创 SQL
如果想让局域网的人连你的数据库 开启tcp/ip 并关闭防火墙。 默认端口号是1433--单行注释 /**/多上注释外键 添加外键的表是外键表 外键所在的表是主表脚本创建数据库 表select * from sysdatabasesdrop database dbtestcreate database dbteston primary( name='dbtes...
2019-05-27 11:25:45
71
原创 VScode
Mac 下打开 Chrome 任务管理器的方式是选择 Chrome 顶部导航 > 窗口 > 任务管理， 查看内存泄漏打开新的文件会覆盖窗口中的,怎么改预览模式是现在各类编辑器的默认功能，如果你实在不喜欢，可以关掉的，看下面：给你配置settings.json里加一条："workbench.editor.enablePreview":false,html snip...
2019-05-27 08:28:13
215
原创 js面试题
1. 返回url的参数对象 1）使用字符串2）使用正则 replace： 如果第一个参数是正则 第二个参数是函数的话，就会拿当前正则与字符串进行匹配，能匹配几次 当前函数就执行几次 并且把每次捕获到的结果当成参数传递给函数将方法绑定在string原型上...
2019-05-26 17:59:03
64
转载 SQL优化
基本原则就是能通过索引字段进行查询的，就通过索引字段进行查询。 索引查询基本都是精确查询，在使用过程中应避免使用Like、in、ont in、EXISTS、DisTinct等关键词，在此关于索引查询不作太多说明，大家只需把下面的非索引查询搞明白就可以了。1.2、非索引查询： 上文中提高：要尽可能的使用索引字段进行查询，那么，使用索引字段进行的查询都能称之为索引查询吗？...
2019-05-23 14:01:25
138
转载 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
70
转载 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
63
转载 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
50
转载 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
76
转载 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
1167
转载 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
126
转载 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
5727
转载 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
1223
转载 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
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人