- 博客(127)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 JS基础知识大总结史上最全(已完结~)
1.变量定义：我们向系统申请了一个地方，这个地方门牌号是我们定义好的属性名，然后把属性值赋予属性名。如果重复给同一属性名赋值，最后赋值的一个将成为最终的属性值。命名规则：a. 变量名必须以英文字母，_，或$开头b. 变量名可以为英文字母、_、$或者数字c. 不可以用系统的关键字和保留字作为变量名2.值类型-数据类型不可改变原始值：（有五种，存放在stack / 栈中。first in，last out） （不可改变的含义是每次赋值都会重新开辟一个stack）Number
2020-08-31 22:16:42
15077
4
原创 JavaScript的宏任务与微任务(事件循环机制,执行队列)
看下面代码，试着看一下输出什么?console.log('1')setTimeout(() => { console.log('2')})new Promise((resolve, rejects) => { console.log('3') resolve()}).then(() => { let i = 0 while(i < 1000000000) { i++ } console.log('4')})let i = 0.
2020-08-23 10:34:31
6462
2
原创 node.js 史上最详细 (博主持续更新)
1、node.js介绍诞生于2009年，它不是一门语言也不是一门框架，它是基于Google V8引擎的JavaScript运行时环境，同时结合Libuv拓展了JavaScript功能，使之支持IO，fs等语言才有的特性，使得JavaScript能够同时具有DOM操作（浏览器）和I/O，文件读写、操作数据库等能力。应用：淘宝双十一、去哪儿网PC端核心业务；前端工具 VScode、webpack等具有Node.js开发node的包管理工具npm成为世界中开源包管理中最大的生态、功能强大。2.特点
2020-06-27 23:06:33
11820
6
原创 display:none和visibility:hidden属性的区别以及vue中v-if/v-show的区别
1.display:none和visibility:hidden属性的区别1.1visibility:hidden上代码<div class="c-000-85 font-14" style="visibility:hidden">关键字：</div><div title="可用空格分割关键字 "> <el-input v-model.trim="value" placeholder="请输入关键字" .
2021-02-25 11:13:22
1521
原创 高德地图线路规划-路线分段源码分享
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <ti..
2021-01-04 16:14:56
1263
2
原创 微信小程序图片上传oss
1.新建四个文件base64.jsconst Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // public method for encoding encode: function (input) { var output = ""; var chr1, c..
2020-11-26 17:09:49
700
原创 vscode安装好vue-cli之后启动vue init webpack xxx显示终端在此系统上禁止运行脚本解决办法
在终端输入set-ExecutionPolicy即可
2020-11-16 22:54:13
516
原创 Mysql基本查询方式
条件// 使用where了句对表中的数据筛选，结果为true的行会出现在结果集中// 语法如下:select from 表名where条件;比较运算符等于=大于>I大于等于>=小于<小于等于<=不等于H或<>// 查询编号大于3的学生select " from students where id>3;// 查询编号不大于4的科目select " from subjects where id<=4;// 查询姓名不是
2020-10-18 21:52:58
162
原创 记录mysql-8.0.17-winx64安装教程
1.百度网盘下载地址链接：https://pan.baidu.com/s/1qVLp85ppPhTuHYMHOxJ3vQ提取码：f0u7复制这段内容后打开百度网盘手机App，操作更方便哦2.下载解压之后在根目录创建一个MY.INI，里面内容如下[mysql]# 设置mysql客户端默认字符集default-character-set=utf8[mysqld]# 设置3306端口port = 3306# 设置mysql的安装目录basedir = D:\\mysql-8..
2020-10-09 23:06:24
5958
原创 vue+webpack针对于vue-cli项目性能优化
该链接为https://juejin.im/post/6844903694035582989
2020-10-09 14:01:22
5717
原创 webpack优化性能/首屏加载时间
Web 性能优化-首屏和白屏时间https://lz5z.com/Web%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96-%E9%A6%96%E5%B1%8F%E5%92%8C%E7%99%BD%E5%B1%8F%E6%97%B6%E9%97%B4/Vue cli 配置CDN及Gziphttps://juejin.im/post/6844904180587479054手写webpack核心原理，再也不怕面试官问我webpack原理https://juejin.im
2020-09-28 16:06:10
384
原创 ts
1.class类成员访问类型// 默认是public // 如果定义为private 在本class外不能访问(在派生类中不能访问或者直接new也不能访问该属性) 在类外相当于只读// 如果定义为protected 只可以在派生类中访问, 不能在类的外部访问// 只读属性 // readonly 只读 不可以赋值 ...
2020-09-23 20:17:08
266
原创 路由hash history模式
1.hash 模式// 浏览器监听hashwindow.addEventListener("hashchange", val => { console.log(val) })// 修改hash值window.location.hash = "123"// 浏览器执行这段代码之后,url后面会多"#123" 并且会触发监听事件缺点:不能传值2.history模式// 浏览器监听historywindow.addEventListener("popstate",..
2020-08-31 15:37:30
5923
原创 前端面试题总结-2020
1.中华保险clientHeight offsetHeight scrollHeight 及 clientTop offsetTop scrollTop 说一说前端的事件流 cookie和sessionStorage及localStorage的区别 如何优化网页的性能 说一说输入一个url 到浏览器渲染的过程 console.log（['1','2','3'].map(parseInt)） var一个变量，这个变量没有赋值，那么这个变量默认是null（判断题）...
2020-08-23 10:03:17
199
原创 数据结构与算法重学~保证全~包会(我也在初始学习阶段~)
开题：如何才能围绕系统单复杂性选择最合适的解决方案呢？一方面是对所学算法的选型另一方面是对所用数据结构的选型 刷题只是形式，更重要的是掌握算法思维和原理并用以解决实际的编码问题学习方法： 重视方法论（程序优化的通用方法论）-...
2020-08-16 12:33:36
156
原创 map、reduce、filter数组方法参数及用法详解
map方法的参数及使用示例参数有三个，第一个是数组的每一项，第二个是每一项的索引值，第三个是数组本身 作用：返回一个数组（这个数组是数组其中一项某一个属性的集合体） 代码示例let arr = [{name: "三石", age: 19},{name: "junze", age: 18}]arr.map((item, index, array) => { console.log(item, index, array); return item.name;})输.
2020-08-13 21:48:37
865
原创 前端数据结构及算法面试题题目
二分查找二叉树的插入手写快排(复杂度)分治算法一行代码实现判断回文字符串堆排序跳楼梯（一次一步或者两步 有多少种方法）top K（找数里面第k大的数）email正则匹配，url正则匹配（二面和三面都写了一遍）如何最高效率的对数组中的数字去重，复杂度是多少？如果数组中包含数字和字符串这个时候又应该怎么去重，复杂度是多少？链表反转，不申请额外空间二叉树的前中后序遍历，已知前中序，求原有的二叉树写程序为什么有逻辑地址，和物理地址奇数增，偶数减的链表排序二叉树取从左边看到的节点...
2020-08-12 17:29:44
6334
原创 四刷Vuex
store文件代码import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ state: { name: "这是一个name", age: "这是一个age" }, getters: { getName(state, getters) { return state.name; }, getAge(sta.
2020-08-12 17:07:28
94
原创 http和https的区别
http及https名词的解释http是超文本传输协议的缩写（超文本中的超是指除了可以传输文本内容以外还可以传输视频，声音，图片等文件），用于从网站服务器到上网者的本地浏览器的协议。 https是超文本传输协议后面再加一个SSL安全套证书的缩写。他两传输的特点http传输使用明文传输，传输过程中被截获直接就能获取信息，所以它传输起来不安全，如果要传输一些重要的信息（密码，钱数之类的），都不适合使用这个协议进行传输。 https就是为了解决这个问题的，它在http的基础上又加上了SSL（.
2020-08-11 21:21:24
5719
原创 vue之PC端-富文本-wangeditor的安装使用并且上传图片至oss代码实操，文章末尾是该插件的文档链接
1、npm安装到生产wangeditornpm installwangeditor --save2、vue使用定义一个div元素用来渲染富文本编辑器 <div class="ml-40" :style="{ width: computedWidth + 'px' }"> <div ref="editorElem" style="text-align:left;"></div> </div>首先在vue单页面中初始化...
2020-08-10 14:07:58
3451
1
原创 JS运行原理
我们把偏向硬件的语言成为低级语言，它可以直接控制硬件的行为；而把偏向人类、人类更容易理解的语言是高级语言。其中JavaScript也是高级语言之一，它是由Brenddan Eich花了10天开发的一门语言，它融合了C语言的基本语法、Java的数据类型和内存管理、Scheme的函数式编程及self的原型继承，简直就是各种语言的大杂烩，它是运行时编译的语言，在node环境下运行很是快速。下面是对低级语言和高级语言特点的解释图。JavaScript需要专门的js引擎来编译执行，比如Google的V8、Fir
2020-08-09 23:45:02
5770
原创 vscode ctrl + s自动保存代码 插件安装
插件下载在项目中引入以下文件夹 即可 ctrl + s自动格式化代码①将以下代码保存为settings.json文件,并放到.vscode文件夹中,并将.vscode文件夹保存到vue项目根目录即可 ②文件夹目录图示{ "files.autoSaveDelay": 1000, "editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace", "editor.tabSize": 2, "edi..
2020-08-06 14:16:53
13156
2
原创 echarts实现堆叠柱状图
1、引入echarts并在main.js中全局安装npm install echarts --save 在main.js中全局注册import echarts from "echarts";Vue.prototype.$echarts = echarts;2、用echarts绘制一个堆叠柱状图// html<div id="main" ref="echarts" class="mt-40" v-show="!noData"></div>;..
2020-08-03 14:56:53
8036
原创 webpack 生产、开发、测试loader及文件输出配置
安装loader及插件npm install webpack webpack-cli webpack-dev-server style-loader css-loader less less-loader sass-loader postcss-loader autoprefixer babel-loader @babel/core @babel/preset-env eslint eslint-loader jest jest-webpack stylelint stylelint-web.
2020-08-02 09:46:38
5711
原创 js函数库
1、获取浏览器滚动条滚出长度// 获取浏览器滚动条宽高function getWindowScrollHW() { let _scrollHW = {};// 谷歌浏览器支持window.pageXOffset/pageYOffset window.pageXOffset ? _scrollHW = { x: window.pageXOffset, y: window.pageYOffset } : _scrollHW = { x: document.do.
2020-08-01 15:52:32
5679
原创 node-server之express
express搭建服务器step0: node http模块的代码实例讲解const http = require("http");const server = http.createServer((request, response) => { setTimeout(_ => { // 设置返回到浏览的解析类型 这里设置的charset优先级大于页面中meta中charset优先级 response.setHeader("conten.
2020-07-20 22:57:11
242
2
原创 CSS之calc、attr函数
CSS之calc定义及用法： calc(expression)expression 必传，一个数学表达式，结果将采用运算后的返回值。 calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规则；代码：<!DOCTYPE htm...
2020-07-20 09:58:37
6379
原创 CSS3之正方体旋转
html代码<ul> <li>你</li> <li>真</li> <li>帅</li> <li>啊</li> <li>!</li> <li>帅</li></ul>css代码ul > li { width: 400px; height: 400px; border: 1px .
2020-07-19 10:33:10
5538
原创 css多行做打点
.overflow{ overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; //行数 -webkit-box-orient: vertical; display: -webkit-box;}
2020-07-15 16:59:57
5755
原创 全局安装webpack之后报此系统禁止运行外部脚本
解决办法管理员打开window Powershell 运行set-executionpolicy remotesigned 之后就可在命令行中运行webpack了之后还会报一个错, 需要安装一个webpack-clinpm i webpack-cli -D即可
2020-07-10 20:42:20
5536
原创 element dialog 关闭 form 表单校验未清除的解决办法
①开发背景:新增XX功能 点击之后 弹出的是el-form表单组成的dialog, 表单新增判空规则, 提交时表单项不合格, 会报错如下图所示, 只有当表单项合格, this.$refs[formName].validate(asyncvalid=>{}) 中的valid才为true,②在这种报错前提下, 我们关闭再打开dialog, 会发现报错信息还在。第一种办法(不可行), 在按钮点击的时候调用this.$refs['accountForm'].resetFields(...
2020-06-27 18:09:54
9847
4
原创 外链跳转钉钉小程序注意事项
①跳转路径为dingtalk://dingtalkclient/action/open_micro_app?miniAppId=2021001164608&version=1425441&source=DEBUG&agentId=791584402&pVersion=1&packageType=1&corpId=ding0c2f3137fb0278f&page=pages/Interchange/Interchange+ (?type=1&am..
2020-06-22 21:52:37
24968
8
原创 vue之qrcodejs2生成二维码的应用
二维码容错等级①安装引入qrcodejs2importQRCodefrom"qrcodejs2";②使用qrcodejs2, 第一个参数为div的id, 第二个参数为需要转换为二维码的内容newQRCode("qrcode",{text:_qrCodeConfWeb.redirectUrl,//需要转换为二维码的内容width:230, // 宽高height:230,c...
2020-06-22 14:02:47
5979
原创 webpack之stylelint配置
①安装stylelintstylelint-webpack-pluginstylelint-config-standardcnpm istylelintstylelint-webpack-pluginstylelint-config-standard -D②在webpack.config.js中配置stylelint-webpack-plugin③在package.json中配置stylelint-config-standard老婆 愛你...
2020-06-14 17:36:26
6371
原创 uini-app运行钉钉小程序及发布钉钉小程序
①首先用HBuilder X创建一个uini-app项目②在项目模板根目录创建一个package.json, 它的内容为{ "uni-app": { "scripts": { "mp-dingtalk": { "title":"钉钉小程序", "env": { "UNI_PLATFORM": "mp-alipay" ...
2020-06-12 17:00:01
9618
2
原创 使用冒泡事件回避覆盖unni-app中picker中的回调函数e
在picker函数外面套一层view(div), 定义一个全局变量, 使用事件冒泡, 改变全局变量的值即可
2020-06-11 21:49:23
5757
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人