- 博客(23)
- 收藏
- 关注
RSS订阅原创 从青铜到王者实现一个字符串的模板引擎方法（replace的高级用法）
题目： 实现一个字符串的模板引擎方法：template(str, obj) ，将 str 中的变量替换后返回目标字符串例如：template("name你好,欢迎来到{name}你好,欢迎来到name你好,欢迎来到{company}", {name: ‘张三’, company: ‘腾讯’})结果为：“张三你好,欢迎来到腾讯” <script> function template(str, obj) { // 青铜： n行搞定 // 1、将对象中的
2020-08-11 23:57:48
609
原创 js数组方法大全（包括es6新增以及遍历方法）
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] // 1、push从数组尾部添加一个或多个元素，变异方法返回数组长度，变异方法 console.log(arr.push(10, 11)); console.log('push', arr); // 2、pop从数组尾部删除，并返回删除的元素，变异方法 console.log('pop', arr.pop()) // 3、shift删除数组第一个元素并返回删除的元素，变异方法
2020-07-31 14:43:19
459
原创 vue实现百度地图坐标与input框地址的双向绑定（点击地图改变标注位置且具体位置显示在input框或input框中输入地址失去焦点后能在地图中定位）
1、首先去百度地图官网申请一个ak密钥只有你申请了密钥，你才可以调用百度地图的API。很简单大家自己去官网申请。百度地图开放平台：http://lbsyun.baidu.com/2、vue项目中安装 vue-baidu-map 包npm i vue-baidu-map3、在你需要调用百度地图的页面导入包和配置akimport Vue from "vue";import BaiduMap from "vue-baidu-map";Vue.use(BaiduMap, {// 写自己的ak
2020-07-21 09:11:18
1170
原创 npm装包报错EPERM: operation not permitted, unlink
最近在做一个电商运营后台管理的系统，pull后想装自己之前在npm造的excel导入导出的轮子时报错，错误消息如下：经过各种百度，终于找到原因，原来是我的npm是国外的，没有切换到国内的淘宝镜像上，导致下载过慢丢包等原因。解决方案1、首先删掉node_modules文件；有两种方法：①直接在文件夹中删；②rm -r node_modules命令行删2、清楚npm缓存：npm cache clean --force；3、切换镜像后，再npm i安装所有文件即可。如果以上方案还是没能解决，那就
2020-07-17 10:38:42
2930
原创 如何用npm造轮子(这里以element-ui中excel文件的导入导出为例)
在工作中经常用到excel的导入和导出，每次粘贴复制修改参数太过麻烦，于是就在npm造一个轮子方便日后使用。那么怎么造呢？请看下文分解。1、首先准备好自己的轮子1.1 文件目录：1.2 入口文件内容：const XLSX = require('xlsx')const FileSaver = require('file-saver')module.exports = { // excel的导入,object = { name: '姓名', age: '年龄', workAge: '工作年限
2020-07-12 21:06:21
811
原创 解决github RPC failed curl 56 OpenSSL SSL read SSL ERROR SYSCALL errno 10054的问题
在玩小程序时，上传时文件过大超过了2M，原因是图片等静态资源过大，在学习阶段没有专门的服务器，所以托管到github上使用。结果在push时，报了如下错误：解决方法：将SSL的验证改为false执行：git config http.sslVerify “false”然后：将上传文件的大小改为改大一点执行：git config http.postBuffer 524288000这样问题就解决了，若有不对，请批评指正！...
2020-06-17 11:07:29
434
原创 小程序的窗体和tabBar导航栏配置
在app.json中配置全局属性1、pages配置页面的路径，第一项是小程序入口页。"pages":[ "pages/index/index", "pages/logs/logs" ]2、window配置窗体整个窗体的配置信息。"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#262626", // 背景色 "navigationBarTitleText": "游乐
2020-06-15 21:07:44
291
原创 webpack配置大全
1、配置webpack的打包功能① npm init -y 初始化一个项目② 安装webpack：npm install webpack webpack-cli -D③ 创建一个 webpack.config.js 并进行配置module.exports = { mode:"development"//可以设置为development(开发模式)，production(发布模式)}④ 修改项目中的package.json文件添加运行脚本dev"scripts":{
2020-06-14 20:34:56
1067
原创 Vue中excel的导入与导出，毕设项目（已经实现）
在做毕设项目时，有个需求是excel的导入和导出，经过查找各大资料终于实现成功。1、 excel的导入excel的导入有个坑，按照我们的常规思路是获取本地excel文件的路径然后对文件进行解析，但是由于浏览器出于安全考虑，不能直接获取上传的本地文件路径。这里通过FileReader内置模块拿到了文件信息才得以对文件进行解析。值得注意的是，mport XLSX from 'xlsx'// 上传excel文件的函数调用onChangeFile(file) { // console.log(
2020-06-11 19:12:05
776
原创 解决uniapp发送请求获取到数据却渲染不到页面的问题（有关this指向问题）
最近用uniapp做一个阅读器的项目，在和后端对接接口时，发现发送请求获取到了数据，但是怎么也渲染不到页面，后来经过一番分析后，发现在success那里this的指向有问题。onLoad(option) { console.log(option.keywords) uni.request({ url:'http://localhost:3000/api/search?keywords=' + option.keywords, method:'get', success(
2020-06-11 17:06:35
13166
8
原创 Vue基础之指令的用法和注意事项
一、指令1、什么是指令？就是一系列用 ‘v-’ 开头的自定义属性。2、v-cloak解决插值表达式的闪动问题[v-cloak] { display: none;}<div v-cloak> {{ message }}</div>实现原理是：先让插值表达式隐藏，当VUE编译结束后把结果显示在页面。3、v-text / v-html / v-pre注意点① v-text:：可替代v-cloak, 用法比v-cloak简洁；<span v-text="
2020-06-10 15:37:18
712
原创 关于this指向问题和改变this指向的call、apply、bind方法
1、函数内部的this指向这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同一般指向我们的调用者.2、改变函数内部 this 指向2.1 call方法call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景: 经常做继承.以上代码运行结果为:2.2 apply方法apply() 方法调用一个...
2020-03-24 12:24:02
260
2
原创 Promise详解
目标promise能解决什么问题？promise是什么，怎么使用？promise的发展史？promise的原理和实现思路是什么？1-promise能解决什么问题？1.1JavaScript 的单线程和异步单线程同一个时间只能做一件事。HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。...
2020-03-24 12:12:07
1419
原创 MVVM
什么是MVVM ？M：model, 数据‘对象（data）V：view, 模板页面VM：viewModel, 视图模型（Vue实例）一张图让你看懂MVVM
2020-03-20 09:22:29
71
原创 闭包
1、什么是闭包？闭包（closure）是指能访问其他函数作用域下的变量的函数。函数体内的局部变量是不能在函数外面调用的，只有函数的子函数可以调用，所以闭包可以理解成定义在函数内部的函数。2、闭包的作用？延申变量的作用范围。 function fn() { var num = 10; function fun() { ...
2020-03-11 01:13:22
113
原创 nodejs中的服务器端知识（http,get,post,静态/动态资源，同步/异步）
服务器端概念：网站的组成：客户端：用户界面，浏览器，运行着使用html、css、js编写的网站服务端（服务器的压力远比客户端高，所以一般对服务器电脑的配置要求很高）：接收请求，做出响应，处理业务逻辑和存储数据IP：是互联网中设备的唯一标识域名：就是IP地址的别名，为了方便我们记忆端口：可以理解成银行的柜台窗口编号，是我们服务器向外提供服务的口子，范围是0~65536，我们应用程...
2020-03-05 21:17:53
489
原创 nodejs控制数据库mysql的增删改查
一、运行环境1、首先安装一个wamp，直接安装即可简单快捷。WAMP是Windows Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。可视化的配置PHP扩展、Apache模块，再也不用亲自去修改配置文件了。2、再下载一个数据库可视化操作的软件，我这里用的是Navicat Premium 12。只有在wamp中启动mysql后才可以...
2020-03-05 21:07:48
201
原创 10分钟入门gulp及gulp插件的使用和package.json文件的作用
gulp：gulp是一个基于node开发的前端构建工具，短小精悍，适合中小型项目辅助，它可以将一系列机械化操作编写成任务，然后在命令行执行这个任务就可以了一般用来做什么：项目上线，html、css、js文件压缩合并语法转换：es6、less公共文件抽离修改文件后自动刷新浏览器等等…使用：安装：npm i gulp，库形式的模块，提供APIgulp.src：获取要处...
2020-03-04 00:04:42
1024
原创 10分钟带你搞定git的基本使用
什么是Git?Git是一款源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。源代码有必要管理起吗？有必要，因为人工的去处理不同的版本，做相应备份会很麻烦。而且还会造成版本混论；操作不便；多人协同冲突等问题。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件git的工作流程Git安装下载地...
2020-03-02 11:02:07
142
原创 es6
ES就ECMAScript，ECMA标准化组织发布的一项脚本语言标准化规范ES6是一个泛指，泛指ES2015及其之后的版本一、let关键字是用来定义变量的let定义的变量有块级作用域，而用var定义的变量是木有块级作用域，块级作用域就是一对花括号if (true) {var a = 10}console.log(a) // 10if (true) { let a = 10}...
2020-03-01 09:30:39
263
原创 HTML及HTML5新增笔记
花了两天时间把HTML二刷了一遍，温故而知新，第一遍学习是两个月前，好多忘了，也有很多点是之前没有学到的，所以在这里做一次总结加深记忆的同时也方便日后查阅。目录如下：1.网页2.浏览器及内核3.Web标准4.html标签5.路径6.列表7.表格8.表单9.HTML5新增属性1.网页网页：网页是由文字、图片、超链接、音频、视频、flash等元素组成。客户眼中的美丽=前端心中的...
2019-10-24 23:24:50
246
转载 前端笔记01之浏览器工作原理
浏览器工作原理学习前端，免不了与浏览器打交道，无论是面试还是实际项目中的性能优化，了解过浏览器的工作原理后必然会对你的前端开发之路大有益处。作为一个前端学习的小萌新，以下是我通过查找资料以及学习别人的文章对浏览器工作原理进行的总结笔记，侵权必删。主要通过以下几个方面进行阐述：1.浏览器的组成2.浏览器的内核以及发展简史3.渲染流程4.资源加载5.缓存6.网页解析7.硬件加速8.回...
2019-10-19 20:33:45
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人