- 博客(39)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 回首，再战es6！！！
大家好。相信大家在准备面试过程中，都会复习到JavaScript语言基础，比如ES6/ES7等等，但实际在日常项目中，并没有用起来。要想真的掌握技术，光靠死记硬背是不行的，还得在平常项目就多用多练，这样真的面试中也会更加沉着。今天带来一篇关于ES6使用技巧的文章，作者罗列了我们平常用的比较少的，但是在某些场景又能出奇效的知识点，希望同学们看完能有收获。下面是正文部分。ES6（ECMAScript 2015）引入了许多新的功能和语法，其中一些功能可能相对较冷门，但非常实用。本文将介绍一些这样的高级技巧，包括O
2024-03-05 15:46:58
78
翻译 防盗链基础
盗链是指将其他网站上的图片、视频或其他媒体文件，显示到自己的网页上。这种行为通常会给被链接的网站带来额外的带宽消耗和资源浪费，而且可能侵犯了原始网站的版权。
2024-03-05 15:28:46
254
转载 大厂真实 Git 开发工作流程（希望对大家有帮助）
相信Git对大家来说不陌生，Git的流程规范可以促进团队成员的协同开发、使得代码的版本控制和历史追溯更加可靠和方便、确保代码的一致性和可靠性。每个公司在代码规范、分支管理策略不尽相同，今天来分享一下大厂的规范流程是什么样的。
2024-03-05 15:19:27
671
转载 如何选择开源富文本编辑器？
StackEdit 是一款基于 Web 的在线 Markdown 编辑器，使用者可以通过它轻松编辑 Markdown 文档、同时还可以直接将 Markdown 文档同步到一些云端存储服务如 Dropbox 、Google Drive 、GitHub 等，这是 StackEdit 的另一大特点。无论你是一位专业的开发人员，还是一个有兴趣的学习者，这些开源编辑器将带给你无限的创造空间，同时可以轻松扩展和自定义，让你的工作更加高效和愉悦。它使用可扩展的、可配置的、可组合的模块来管理文本内容的编辑。
2024-02-23 17:03:55
385
原创 【微信小程序 SocketTask 详解】
a. 调用 `wx.connectSocket` 方法连接 WebSocket。 b. 监听 WebSocket 的打开事件，并发送一条消息：“Hello, WebSocket!”。 c. 监听 WebSocket 的消息事件，并将接收到的消息添加到日志列表中。 d. 监听 WebSocket 的错误事件，并将错误消息添加到日志列表中。 e. 监听 WebSocket 的关闭事件，并将关闭消息添加到日志列表中。
2023-06-14 11:38:13
3840
原创 小程序视频图片上传组件封装
wx.chooseMedia(Object object) mediaType 参数 图片   视频 [video] 同时选 [image ， video] mix出现不可预知错误代码片段
2022-02-25 10:22:47
1981
原创 微信小程序支付
参考微信官方文档 后台接口返回相关数据后调用 wx.requestPayment 方法wx.requestPayment({ timeStamp: '', nonceStr: '', package: '', signType: 'MD5', paySign: '', success (res) { }, fail (res) { }}) 接口调用成功做相关逻辑...
2022-02-23 15:05:12
226
原创 【微信小程序文件预览/下载（图片/视频/文件）】
//文件预览 function readfile(url, name, type, cb) { //url-文件地址 //name-文件名 //type-文件类型 //cb-回调函数 if (type == "jpg" || type == "png" || type == "jpeg") { var list = [url] console.log(url); wx.previewImage({ current: url, .
2021-11-17 17:19:17
1631
原创 2021-08-02
小程序 视频打开全屏var videoContext = wx.createVideoContext(‘myvideo’, this);videoContext.requestFullScreen();//执行全屏方法
2021-08-02 10:44:19
82
原创 2021-08-02
//公共方法 function readfile(url, type, cb) { wx.downloadFile({ url: url, success: function (res) { console.log(url, type); var Path = res.tempFilePath //返回的文件临时地址，用于后面打开本地预览所用 wx.openDocument({ filePath: Pat
2021-08-02 10:40:38
91
原创 小程序中的behavior
Behavior概念：用与小程序中组件间代码共享的特性，类似于一些编程语言的 "mixins", "traits"作用：每一个behavior 可以包含一些属性，数据，生命周期函数，方法 在组件中引用它时，它的属性，数据和方法会被合并到组件中，生命周期函数也会在对应的时机被调用 每个组件可以引用多个behavior，behavior也可以引用其它的behavior定义一个behavior： (就是一个js文件，按照需求,要求,合理编辑) 首先看下behavior 的常规结构...
2021-02-21 11:25:22
984
2
原创 富文本图片样式处理
图片样式处理正则let r = RegExp(/<[img]+\s+(.*?)(?<id>\w*?)[\s'"](.*?)>/g);匹配富文本中的img标签 验证let matchres = res.nr.match(r); //返回数组['<img ... />','<img ... />']替换 此处为图片加5px圆角 居中显示if (matchres) { matchres.forEach((item, index.
2021-02-02 17:05:35
915
1
原创 前端富文本相关
2021年的第一篇博文，望今年牛转乾坤富文本相关处理-文字统一放大 /缩小1- js+正则方法替换富文本中的内联（font-size）html=html.replace(/font\-size\:(\s*\d+(?:\.\d+)?)px\s*(\;*)/ig, function (_styname, key, key1) { console.log(_styname,key,key1,that.data.multiplesize); return ('font-size:' +...
2021-02-02 16:55:58
285
原创 小程序中常用时间转化 wxs
小程序中常用时间转化 wxs 方法 使用方法见https://blog.csdn.net/mnilz/article/details/111225444// 年 - 月 - 日function formatYY(ts) {var d = getDate(ts)return [d.getFullYear(), ((d.getMonth() + 1) < 10 ? ("0" + (d.getMonth() + 1)) : (d.getMonth() + 1)), (d.g...
2020-12-15 17:39:19
262
原创 小程序中使用filter
小程序中使用filter一般我们在vue中使用filter是这样的<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>小程序中不能向vue直接在js中去定义方法使用， 1- 我们需要在与pages同级目录下定义一个文件夹 创建一个 文件名.wxs 文件 2-...
2020-12-15 17:30:49
1688
原创 小程序弹窗中文本框textarea，唤起键盘后的BUG解决办法
解决办法：1.给textarea 标签设置 cursor-spacing="200" 属性，值根据需求尽享调整 ，表示textarea 光标距离键盘的距离。添加fixed属性 <textarea fixed bindinput="获取e" cursor-spacing="200" placeholder="评论一下" /> 2.点击文本框后设置弹窗position为absolute，关闭文本框后设置弹窗position为fixed.text-b {...
2020-12-15 16:40:10
1196
翻译 什么是同源策略,什么是跨域,如何跨域,Jsonp/CORS跨域
同源策略同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源域名、协议、端口相同，也就是在同一个域里。什么是浏览器跨域例如： 一个域的页面去请求另一个域的资源； A域的页面去请求B域的资源。Jsonp实现跨域JSONP的基本原理动态添加一个<script>标签，而scr
2020-06-10 15:48:40
264
转载 ES5 ,ES6 继承详解
ES5 继承：父类： // 创建一个人的类function Person (name) { // 属性 this.name = name; // 方法 this.eat = function(){ console.log(this.name + '正在吃饭！'); }}// 原型方法Person.prototype.sing = function(song) { console.log(this.name + '正在唱：' + song);};1...
2020-06-05 13:39:54
166
原创 怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
--可以通过query ,param两种方式区别:query通过url传参，刷新页面还在 params刷新页面不在了 params的类型:配置路由格式:/router/:id 传递的方式:在path后面跟上对应的值 传递后形成的路径:/router/123<!-- 动态路由-params -->//在APP.vue中 <router-link :to="'/user/'+userId" replace>用户</router-link...
2020-06-05 13:21:48
16558
原创 面试牢记3点,彻底搞定__proto__ ,constructor, prototype
首先我们需要牢记两点：①__proto__和constructor属性是对象所独有的；②prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。逐个解释1.__proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象（父对象）里找，一直找，直到__proto__属性的终点null，再往上找就相当于在null上取值，会报错。通过__proto__..
2020-06-02 00:56:37
118
原创 js中的宏任务&微任务详解
首先我们从基础JS的执行机制去逐步开始理解...1-JS是单线程语言2-JS的Event Loop是JS的执行机制。深入了解JS的执行,就等于深入了解JS里的event loopJS为什么是单线程的???场景描述:现在有2个线程,process1 process2,由于是多线程的JS,所以他们对同一个dom,同时进行操作process1 删除了该dom,而process2 编辑了该dom,同时下达2个矛盾的命令,浏览器究竟该如何执行呢?JS为什么需要异步???......
2020-05-29 20:35:27
3578
9
转载 JS中 reduce() 的用法
JS中 reduce() 的用法过去有很长一段时间，我一直很难理解reduce()这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。一、语法arr.reduce(function(prev,cur,index,arr){...}, init);其中，arr表示...
2020-04-29 11:56:56
231
转载 Java中static静态方法方法和普通方法的区别
Java中static静态方法和普通方法的区别在类中使用static修饰的静态方法会随着类的定义而被分配和装载入内存中；而非静态方法属于对象的具体实例，只有在类的对象创建时在对象的内存中才有这个方法的代码段。注意：非静态方法既可以访问静态数据成员 又可以访问非静态数据成员，而静态方法只能访问静态数据成员；非静态方法既可以访问静态方法又可以访问非静态方法，而静态方法只能访问静态数据方法。...
2020-04-02 12:44:39
820
转载 静态方法与普通方法区别
静态的内存空间是固定的，相对来说更省资源。创一个实例就要开辟一个新内存，耗费资源 静态方法属于类所有，类实例化前即可使用； 非静态方法可以访问类中的任何成员，静态方法只能访问类中的静态成员； 因为静态方法在类实例化前就可以使用，而类中的非静态变量必须在实例化之后才能分配内存； static内部只能出现static变量和其他static方法!而且static方法中还不能使用this等关键字，...
2020-04-02 12:42:24
2084
转载 帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
1. 前言2. _ _ proto _ _ 属性3. prototype属性4. constructor属性5. 总结
2020-04-02 10:49:39
163
转载 javascript中的this指向
规则1：使用new后this指向new创建的对象规则2：使用call 或者apply this指向你传入的对象（传入的对象不能为null、undefined 不然指向window）规则3： this指向 函数最后被调用位置规则4:默认： this指向全局（window）对象 严格模式下指向undefined方法/步骤 //规则1：使用new后this指向new创建的对象...
2020-03-30 16:59:36
113
转载 深拷贝和浅拷贝的区别
深拷贝和浅拷贝的区别深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用。假设B复制了A，修改A的时候，看B是否发生变化：如果B跟着也变了，说明是浅拷贝，拿人手短！（修改堆内存中的同一个值）如果B没有改变，说明是深拷贝，自食其力！（修改堆内存中的不同的值）浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址，深拷贝（deep...
2020-03-30 10:58:11
315
转载 什么是作用域
前言JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说，作用域的概念并不是很容易理解，本文我会尽我所能用最简单的方式来解释作用域和作用域链，希望大家有所收获！作用域(Scope)1. 什么是作用域作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。可能这两句话并不好理解，我...
2020-03-29 13:16:12
33130
8
转载 什么是“堆”,"栈","堆栈","队列",它们的区别
如果你学过数据结构，就一定会遇到“堆”,"栈","堆栈","队列"，而最关键的是这些到底是什么意思？最关键的是即使你去面试，这些都还会问到，所以如果你不懂对你是损失很大的。堆栈都是一种数据项按序排列的数据结构，只能在一端(称为栈顶(top))对数据项进行插入和删除。要点：堆：顺序随意 栈：后进先出(Last-In/First-Out)堆 堆：什么是堆？...
2020-03-29 12:30:24
275
原创 ajax-原生js
原生ajax可能是你头疼的一个东西,简单说一下首先模拟一下 创建一个json文件大概步骤呢 4步初始化xml对象 var xml =new XMLHttpRequest();打开与服务器的链接通道 xml.open("get",".文件路径",true);请求方式两种：GET 不安全 传输是通过url地址栏携带的 最大限制约等2KB 传输效率快GE...
2020-03-11 00:55:10
100
转载 程序代码中，怎么区分status和state？
在程序代码中，status和state是我们经常使用的两个单词,他们一般被解释为[状态]。但是虽然都被解释为[状态]，但是它们的使用场景是不同的，对于具有强迫症，喜欢寻求真理的程序猿来说，必须得了解它们的区别，于是便引发了很多论坛对于statusvs state的讨论，包括google在内。下面是我在知乎上看到的关于status vsstate的比较通俗易懂的解释，也是赞同率最高的一个。**...
2020-03-11 00:25:48
1178
转载 js中数组的迭代方法
1、forEach 让数组的每一项做一件事var arr = [1,2,3,4,5]arr.forEach(function(item,index){console.log(item)})2、map 让数组通过某种计算生成一个新的数组var arr = [1,2,3,4,5]var arr1 = arr.map(function(item,index){return item*2...
2020-03-10 23:10:54
660
原创 回调函数
定义:回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。回调方法 是 任何一个 被 以该回调方法为其第一个参数 的 其它方法 调用 的方法。很多时候，回调是一个当某些事件发生时被调...
2020-02-10 22:17:13
171
转载 递归函数
如果一个函数在内部调用自身，这个函数就叫做递归函数递归函数的简单定义如下：def recursion():return recursion()这只是一个简单的定义，什么也做不了。当然，你可以尝试会发生什么结果，理论上会永远运行下去，但实际操作时发现不一会儿程序就报错了，因为每次调用函数都会用掉一点内存，在足够多的函数调用发生后，空间几乎被占满，程序就会报错。RecursionError...
2020-02-10 21:32:23
332
原创 什么是闭包函数
什么是闭包函数1、定义和用法：当一个函数的返回值是另外一个函数，而返回的那个函数如果调用了其父函数内部的其它变量，如果返回的这个函数在外部被执行，就产生了闭包。(关于概念博主摘抄以上几点,详情查看 百度百科)2、表现形式：使函数外部能够调用函数内部定义的变量。案例1:根据作用域链的规则，底层作用域没有声明的变量，会向上一级找，找到就返回，没找到就一直找，直到...
2020-02-08 12:16:38
25120
空空如也
在图片中选中区域 并且显示
2021-03-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人