- 博客(64)
- 收藏
- 关注
RSS订阅原创 点击元素外侧 clickoutside
基本原理:事件的冒泡 和捕获 ,你只要不阻止冒泡 ,事件就会传递到documentexport const clickoutside = { // 初始化指令 bind(el, binding, vnode) { function documentHandler(domEvent) { debugger //js的contains方法用来查看dom元素的包含关系， //如果 点击的触发元素 ..
2022-02-25 14:26:11
822
原创 冒泡排序
初级冒泡:代码 var changeCount = 0; function changePos(i, j, list) { console.log(changeCount++); var temp = null; temp = list[i]; list[i] = list[j]; list[j] = temp; return list; } function bubbleSort(list) {
2021-07-07 16:22:59
170
原创 element源码修改,为依赖打补丁
文章参考链接:https://juejin.im/post/5ec381215188256d776342cd ...1.使用插件 使用patch-package来修改node_modules参考文章:https://www.jianshu.com/p/ebcbac8d952d问题:1.使用这种写法,没办法编译node_module 下面的element 包,没办法直接安装依赖 执行编译2. 你直接去改webpack 打包后的,最终文件,看不懂代码3. 直接 替换lib...
2020-09-04 19:42:27
1217
原创 webworker
1.webworker 是什么 ?回顾一下JS的一些特性js 是单线程的js 是异步的(非阻塞)js 是事件驱动的js的多线程笔记本 核心 线程 虚拟线程,一堆堆牛逼的配置,js要还是单线程,看着有点可惜 就像鞋帮和鞋底子,鞋底子特别好, 穿了两天鞋帮子坏了,可惜不那么牛逼的硬件,当然 要用起来了,于是 JS 的多线程来了 ...什么时候用呢我最近用它,是因为后端得瑟了, 不做搜索,不分组,不给排序,不组织父子关系,还特么不分页(没脾气,干就完了)组织千条数据的父子关系,
2020-08-15 16:27:10
332
原创 函数节流和防抖
先看看什么是防抖和节流:参考 : https://www.jianshu.com/p/f9f6b637fd6c防抖:(debounce)英 [dɪ'baʊns]美 [dɪ'baʊns]函数防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。理解:假设,你监听的是scroll 事件 , 你一直滚动的时候 , ...
2019-06-09 14:00:29
152
原创 使用vue构建一个项目-1
一个vue 的项目前期配置:1.使用vue-cli3 直接构建项目 ,配置less babel ...2.vue-cli3的一些配置, a.新建一个vue.config.js 的文件 (类似于 webpack.js ) 1.vue.config.js模板的写法: 参考 :https://blog.youkuaiyun.com/qq...
2019-01-31 11:52:20
400
原创 webpack3
path.resolve([from ...], to)说明：将参数 to 位置的字符解析到一个绝对路径里。参数说明from 源路径to 将被解析到绝对路径的字符串__dirname变量获取当前模块文件所在目录的完整绝对路径。关于webpack的学习: 1.前端资源加载和打包工具 1.安装nodeJS 2.npm i webpack -g 3.npm...
2018-07-12 14:56:50
250
原创 二维数组排序(对于sort()方法的理解)
//对数组进行排序, 关于数组sort方法的理解 升序排列var arrContent = [[2,6,9,4],[1, 2, 3], [2, 3, 4], [12, 4, 6], [6, 7, 9], [1, 3, 6]]function arrSort(arr) { arr.sort((a, b) => { var len = Math.min(...
2018-07-07 10:06:03
17308
4
原创 js 实现斐波那契函数
function fbnq(count) { var count = count - 1; let arr = [1, 1, 2]; if (count == 0 || count == 1) { return 1 } for (var i = 2; i < count; i++) { var next = arr[0]...
2018-07-07 10:04:31
785
原创 vue 插件的使用:
vue的插件: 感觉就是一个组件而已: 1.component/Loading文件夹 index.js 入口文件import LoadingComponent from './Loading.vue'const Loading={ install:function (Vue) { Vue.component('Loading',Loadin...
2018-07-02 23:13:00
294
原创 前端面试3
1,页面从浏览器渲染的过程是这么样的:https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650840913&idx=1&sn=d09cb9d4d31ba434ad5318eb4f272035&chksm=80d3b438b7a43d2efcac87eb0d7559e79bb98c0781bd30437ae3...
2018-07-02 21:09:53
181
原创 前端面试2
1.local和cookie的区别sessionStorage1. sessionStorage 是一个前端的概念，它只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。2,参考:http://jerryzou.com/posts/cookie-and-web-storage/https://www.jianshu.co...
2018-07-02 21:02:36
167
原创 前端面试1
http://blog.sina.cn/dpool/blog/s/blog_793535230101fudj.html面试题:(面试官就是从网上,百度了一份 mmp)面试题分析:单选题 :null instanceof Object根据原型之间的关系:null 可以认为是空引用,是对象的原始类 在原型的最顶端测试代码:let obj={ name:'jkj'}console.log(n...
2018-07-02 21:00:49
225
原创 vueX的使用
1../src/store 新建store文件夹 ,store文件夹下 index.js 入口文件:import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);//导入你需要的模块import cart from './modules/cart.js'export default new Vuex.Store({ ...
2018-07-02 20:56:15
143
原创 面试题 --纯ES6
1.rem的理解:(关于页面的适配--手写)https://mp.weixin.qq.com/s/-22kMEXf0S-1okqXw40OqQrem 的62% 是个 什么意思 16px=1rem 1px=62.5%rem;2.对promise的理解:参考:https://mp.weixin.qq.com/s?src=3&timestamp=1529759100&ver=1...
2018-06-24 10:05:30
15539
1
原创 移动端适配
移动端适配 rem 总结面试必问:(代码)1.自己写一个代码:function remSet() { var html = document.documentElement; var deviceWidth = html.getBoundingClientRect().width; html.style.fontSize = deviceWidth / 15 + 'px';}r...
2018-06-23 20:35:38
247
原创 vue的打包
1. 修改config文件夹下 index.js文件assetsPublicPath: './',注意:需要 修改两处 ...2.vue-router mode: 'history', 使用history 是需要后台的支持的如果,没有后台 直接 mode:hash ,或者不写这个选项(默认就是hash的模式)3.执行命令: mode: 'history', cnpm ru...
2018-06-17 15:20:16
526
原创 scripy 小程序测试
1.爬虫的入门教程: 1.创建项目: scrapy startproject tutorial tutorial,你的目录名称,可以随便写的 2.定义Item: Item 用来保存数据,类似于dict 唯一不同,item 会修正代码的错误(例如,未定义字段) 代码:
2018-04-20 15:13:45
332
原创 scripy的初步理解
参考:http://scrapy-chs.readthedocs.io/zh_CN/1.0/intro/tutorial.htmlhttps://zhuanlan.zhihu.com/woodenrobotScripy的理解: scripy的整体架构: 1.Scrapy Engine 引擎 触发事务,整个系统的数据流处理
2018-04-20 15:12:48
2223
原创 xpath的使用
xpath的基本使用:Xpath的学习: 0.参考 https://www.w3.org/TR/xpath/ http://www.w3school.com.cn/xpath/index.asp https://zhuanlan.zhihu.com/p/29436838 1.xPath的概念: XML
2018-04-20 15:10:40
247
原创 rem布局
关于rem 布局的代码:(function(doc, win) {var docEl= doc.documentElement,resizeEvt = 'orientationchange'in window? 'orientationchange' : 'resize',recalc = function() {var clientWidth= d
2018-04-18 11:45:48
189
原创 Python 文件批量命名
切图的时候,会出来中文,修改图片名字很麻烦于是,写了个Python 小程序#!/usr/bin/env python# -*- coding: UTF-8 -*-import os#传入路径,需要重命名的公共部分(之后,可以尝试给文件排序)def changeName(path,com_name): files=os.listdir(path) #返回一个数
2018-04-16 22:36:03
210
原创 puppetteer 写的nodeJS小爬虫
const puppeteer = require('puppeteer');const async = require('async')//判断是否需要显示窗口let isdev = function (flag) { if (flag) { return { 'headless': true, 'slowMo': 200 } }};
2018-04-12 19:29:29
1330
原创 puppeteer ---node爬虫
/** node爬虫测试:* https://github.com/GoogleChrome/puppeteer* */const puppeteer = require('puppeteer');//模拟登陆设备const devices = require('puppeteer/DeviceDescriptors');const iPhone = devices['iPh
2018-04-11 16:41:53
407
原创 es7 async和await
1.在nodeJS里面使用 node的异步和并发node默认并发10个,..................参考:http://kyfxbl.iteye.com/blog/2009738js里面的异步:js 最新版本默认是支持de ,可以使用promice,await,async async function timeout(ms) { await new Pr
2018-04-11 15:53:49
219
原创 mock--接口模拟
1.自己写一个简单的函数,模拟返回值function mk(){callback&&cakkback(data)}这个data 写死在里面,有数据返回就好2.使用moke.js参考:https://segmentfault.com/a/1190000008839142引入:script src="https://cdn.bootcss.com/jquery/
2018-04-11 11:29:44
2171
原创 数据库的常用操作
数据库的相关操作: 回忆篇... 1.数据库的操作. 1.创建数据库; create databases 需要创建的数据库名称; //关键字建议大写 一般需要创建指定编码的数据库:(如果不存在,就创建一个utf-8编码的数据库...) create database if not exists 要创建的数据库的名称 character set utf8; 2.查看数据库; ...
2018-04-06 18:31:12
189
原创 前端切图总结
1.正常切图选取工具,自动选中图层--设置背景的显示和隐藏按住T,选中文字,获取文字的大小2.存储为web所有的格式选取png格式杂边,无,在左侧选中对应配置的切片,对切片的格式进行统一的配置3.存储视情况而定,一般为所有的用户切片4.图片的压缩https://tinypng.com/5.可以做成精灵图的...
2018-04-06 18:23:28
215
原创 Electrons sqlite模块的安装和一些其他的模块问题
sqlite在Electron下的安装先装vs2005 或者npm install –global –production windows-build-tools （全局安装windows构建工具） 后者较为简单安装Framework2.0SDK.运行 cnpm i运行.\node_modules\.bin\electron-rebuild.cmd运行cd .\node_modules\sqlit...
2018-04-04 09:35:40
310
原创 对象的浅复制和深复制
1.理解浅复制和深复制: 原因: 在js里面,有值类型和引用类型,当你直接把一个引用类型进行复制的时候,只是复制了一个地址 当复制的对象和被复制对象一方,通过地址修改数据的时候,地址指向的数据变化,二者相互影响 这就是浅拷贝... 深拷贝: 就是复制一般引用类型的时候,不只是复制地址,而是新开辟一个空间,二者相互独立,修改一个另一...
2018-03-03 12:28:58
277
原创 页面优化---preload
关于preLoad的使用: 参考:http://mp.weixin.qq.com/s/IUDI0Xm2q0bjVXZVxzp_jQ 定义:什么是preLoad 一种声明式的命令,让浏览器提前加载指定的资源 但是,并不会执行,需要的时候,再执行 作用: 1.将加载和执行分离,可不阻塞渲染 不阻塞document的onL...
2018-02-23 19:54:58
397
原创 微信小程序1--简易教程
微信小程序开发的第一天 0.视频太麻烦了,先看一遍官方手册吧 1.微信开发环境的安装: 1.安装开发者工具 2.安装nodeJS的环境 2.程序的目录和结构: 当使用快速开始的模板的时候,会自动的生成几个文件 1. .json后缀的JSON配置文件 2. wxml ---html
2018-02-02 22:57:05
273
原创 ES6的简单总结
直接看看大牛的书吧ECMAScript6的简单使用 现在ES6使用的是年代名法 ,所以,ES2015就是ES6—命名规则改变了let的使用let的使用关键,块级作用域(之前是学过的,代替了var)const的使用:初始化的时候,必须赋值不可以第二次赋值常量名,需要大写(规范)解构数组的使用感觉,就是依次赋值的意思(所以,前后的结构要一样
2018-02-02 11:19:56
318
原创 markDown的学习
为什么要使用markDown 1.使用优快云的时候,写的太丑了 2.使用github的时候,感觉内个README.md文件有有意思 于是,就是学一下markDown试试 开发的环境--直接在webstorm上面,下一个插件就好(不需要太多的准备的)=========================================
2018-01-31 22:59:25
340
原创 webpack基础入门
wenpack的实战webpack的使用: 作用: 1.模块化 2.自定义的文件或者是npm install 安装的文件 3.静态文件的模块化 --需要借助插件和加载器 优势: 代码分离 装载器 装载和解析 css sass less jsx文件等
2018-01-30 16:00:55
299
原创 webpack的初步了解
webpack 的使用 参考案例: https://www.jianshu.com/p/42e11515c10f 1.大致的了解: 1.案例代码: 先看一看再说. 2.再使用vue-cli的时候使用过的 模块化的开发 组件的的文件结构
2018-01-29 19:41:37
275
原创 http协议
提到页面的优化,不得不提页面的请求 于是,还得学http TCP/IP https 缓存....=====================================================1.对于 TCP三次握手协议的理解 参考: https://segmentfault.com/a/1190000009183220 1.什么
2018-01-27 16:39:02
281
原创 前端页面的优化
关于页面代码优化的总结: 其实,之前没有接触过这些东西 参考: 前端优化带来的思考 http://www.cnblogs.com/yexiaochai/p/4901341.html 0.优化页面的难点??? ① 页面关系错综复杂，需求迭代容易出BUG； ② 框架每次升级都会导致额外的请求量，常加载
2018-01-26 19:51:47
657
原创 calc()
关于css calc的测试 0.参考 https://www.w3cplus.com/css3/how-to-use-css3-calc-function.html 1.使用的场合 1.box-sizing 的替代品 2.类似于简单的@media 做一个简单的响应是布局(实现比较容易)
2018-01-23 09:36:59
563
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人