- 博客(49)
- 收藏
- 关注
RSS订阅原创 小程序什么时候会被销毁
直入主题，小程序一般有三种情况会被销毁1、小程序切到后台看不到后，一般 5 分钟内就会被微信客户端主动销毁；2、iOS 下如果 5 秒内连续大于等于 2 次的内存告警，会被销毁；3、在微信客户端下拉最近访问的小程序里删除，也会从内存里销毁。...
2021-03-25 11:01:02
2902
原创 小程序根据经纬度计算两点之间的距离km
1、设置初始化值 data: { // 两地的距离 distance: 0, //当前定位位置 latitude: null, longitude: null, // 目的地坐标 latitude2: 22.54311, longitude2: 114.057884, },2、获取两地的距离值 onLoad: function (options) { //获取当前位置 wx.getLocation({
2021-03-17 16:04:34
852
2
原创 小程序中使用mina-lazy-image组件，实现图片懒加载
使用方法1、开发者工具项目中，右键选择>在外部终端窗口打开2、安装组件：npm install --save mina-lazy-image3、勾选：使用npm模块4、构建npm微信开发者工具->工具->构建npm5、在需要使用的文件，json配置文件中引入mina-lazy-image { "usingComponents": { "mina-lazy-image": "mina-lazy-image/index" } } 6、在wxml中使用
2021-03-05 16:04:38
747
1
转载 Flex 布局教程：语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Flex 写法。网
2021-03-04 11:10:23
130
1
原创 第7节：《教你简单上手自定义组件》
上一节我们讲了组件的使用，这一节我们讲讲如何自定义组件。上图，，没错还是这张图，我们就把这个最大红框的看做一个组件，我们用传统的html代码来实现这个组件，我们在用小程序语法来实现这个组件两者供大家参考对比，其实除了组件的不同外，整体排版布局都差不多。class为list_item的标签包含他们的子孙节点以及组件包含它们的子孙节点组成了我们的组件，在小程序中，这些就成为我们构成组件的template—————————————————接下来我们就看看如何在小程序自定义一个组件首先，在小程序文
2021-02-26 18:07:52
263
原创 前端不会小程序？你应该这样学！
时至今日，小程序已经发布三年时间了，而在2020年，小程序又增添搜一搜、消息订阅、广告能力等等诸多功能。比App用起来轻便，比H5加载更快的小程序，将会带给我们的生活带来翻天覆地的变化。更重要的是，这个热门且实用的技术，越来越多的公司要求掌握这样一门技术。如果你还没有上手小程序，那就得抓紧了，不然机会就慢慢流失了。看完《前端不会小程序？看看你少了什么机会》后，好好学习了一套，特别有用。...
2020-07-22 14:36:53
203
原创 轻松掌握小程序生命周期
请进入下面的链接，很全易懂！值得推荐。第五节：《轻松掌握小程序生命周期》https://mp.weixin.qq.com/s/AKwoYeor6h3ACN2NtgTu4g
2020-07-15 09:25:31
139
原创 vue装node-sass运行报错，Module build failed: TypeError: this.getResolve is not a function at Object.loader
在vue项目中想要用到sass,scss编译，运行npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader安装完成后运行报错Modele build failed: TypeError: this.getResolve is not
2020-05-26 12:10:34
231
原创 什么是单页面应用（SPA）？大白话介绍
什么是单页应用？单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用的优缺点：优点：1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操作。2、适合前后端分离开发，服务端提供http接口，前端请求http接口获取数据，使用...
2020-05-08 15:52:05
10425
1
原创 新的一轮前端面试潮来了，避坑指南来get！
说到使用前端框架，已经不是什么新鲜事了，目前大部分公司都会要求你熟练使用 Vue 或 React，这也成了前端工程师面试的家常便饭。就目前应用面积最广的Vue来说，大厂或是高级工程师面试的时候会碰到什么棘手或是难缠的 Vue 的面试题呢？今天，我就带着大家一起分析 Vue 的基础使用、组件传值等等。其实这些大家都会，一个刚入门两三个月的前端都能搞定，下面才是是Vue面试官直击灵魂的拷问。01...
2020-04-30 10:31:38
191
转载 微信推出一款小程序和 Web 端同构框架
微信小程序开发过程中，许多开发者会遇到 小程序 与 Web 端一起的需求，由于 小程序 与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较耗费力气，并且会出现不同步的情况更多内容，请前往原文微信推出一款小程序和 Web 端同构框架...
2020-02-25 10:23:11
370
转载 网络图片转成base64操作，解决图片跨域问题
网络图片转成base64操作，解决canvas不支持绘制网络图片问题// 直接调用var url = '网络图片地址'getBase64(url).then(base64 =>{ console.log(base64)});// oss图片转成base64操作，解决canvas不支持绘制网络图片问题 function getBase64(img){ ...
2019-10-16 16:39:02
4652
5
原创 真实的程序员日常工作，你中招没？？
拓展阅读 ：第1节：《什么是小程序，为什么要选择它？》第2节：《简易安装和快速创建“Hellow Word”》第3节：《小程序之数据绑定，数据还可以这样玩》第4节：《小程序必会用到的三个标签和两个控制属性》7个优秀的国内外移动端web框架更多情感与趣味前端内容，请关注我，我们一起学习交流...
2019-10-16 09:55:04
190
转载 37岁程序员被裁，120天没找到工作，无奈去小公司，结果蒙了
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程标题：37岁程序员被裁，120天没找到工作，无奈去小公司，结果蒙了原文：https://blog.csdn.net/xingduan5153/article/details/94364206备注：职场三两事—————————————————从短期来看，程序员的确算是个不错的工作，薪水也比一般岗位高很多；但是从长远来看，程...
2019-09-17 10:14:35
318
转载 面试的时候突然遇到答不上的问题怎么办？
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程标题：面试的时候突然遇到答不上的问题怎么办？原文：https://blog.csdn.net/beibei_programme/article/details/94737215 。备注：职场三两事—————————————————前言今天给大家讲讲面试过程当中最长遇到的窘境，也是最能体现一个候选人临场应变能力的地方，那...
2019-08-01 09:51:56
1499
转载 一个 npm 包的坎坷“续命”之生
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程标题：一个 npm 包的坎坷“续命”之生原文：https://blog.csdn.net/vCa54Lu0KV27w8ZZBd/article/details/85594853—————————————————如果说 npm 的大新闻，莫过于之前的 left-pad 撤包事件，event-stream 投毒事件，Ant D...
2019-07-23 09:16:28
98
转载 你能清洗西雅图所有的窗户吗？
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程标题：你能清洗西雅图所有的窗户吗？原文：https://blog.csdn.net/qq_45300864/article/details/94736142 。注：值得深思的事迹。—————————————————去谷歌工作，一直是美国小伙子威廉·庞德斯通的梦想。为此，他精心准备，学习了很多专业知识，又将自己从头到脚包...
2019-07-22 09:43:52
115
转载 推荐一个最全前端学习路线图，请收藏
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程—————————————————对于web前端的学习路线和一些vue、angular、react教程，因为网上也多的是，有时间普及一些入门和提升建议，思想提升了，路线明确了自然就好了，以下是篇学习路线文章，干货福利内容 在文末↓对于很多人来说，问题的关键在于没有找到正确的发展方向，他不知道自己该学什么？前端更是体系庞杂，...
2019-07-16 09:46:53
415
转载 前端 100 问：能搞懂80%的请把简历给我
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程—————————————————第 1 - 10 题第 1 题：（滴滴、饿了么）写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？第 2 题：[‘1’, ‘2’, ‘3’].map(parseInt) what & why ?第 3 题：（挖财）什么是防抖和节流？有什么区别？如何...
2019-07-10 09:44:31
596
原创 第四节：小程序必会用到的三个标签和两个控制属性
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程这一节我们来学习并掌握在实战中一定会用到的三个标签和两个控制属性。—————————————————3个常用标签view、text、image1、 view（视图容器）view在小程序页面排版中占据绝对地位，相当于html中的div。唯独不同点在于view有它自身的属性，其中hover-class指定按下去的样式类，...
2019-07-09 09:28:19
402
转载 都是3年前端，为什么结局截然不同？
欢迎关注我的CSDN. 更多内容请关注微信公众号：趣味web前端教程为什么都是3年前端，为什么结局截然不同？这是很多程序界的”过来人“给新人提出的忠告。—————————————————今天分享一个事情，有两个人都是做前端的。A做了三年前端，一直兢兢业业，要找他吃饭都要等到他9点提前下班。另一个是B，工作四年，基本不加班，有事的话也不会待到很晚。前段时间优化的事一出，A成了被优化的那一个。...
2019-07-04 09:57:42
331
原创 小程序使用weapp-qrcode.js生成二维码并存参数，扫码再获取参数时，JSON.parse()报错问题
最近小程序开发时候有这样一个需求，需要通过生成二维码，将一堆参数包含在二维码里。 二维码是使用weapp-qrcode.js生成的。参数是通过JSON.stringify()一个json对象存进去的。以上的操作都没有问题。就在通过微信api wx.scancode扫码获取参数的时候，拿到当初存进去的json字符串，然后JOSN.parse()解析的时候出现了问题。正常的操作但是这样会报错...
2019-07-03 18:02:35
3067
1
转载 JavaScript 中"$"的含义
在JavaScript中,我们或许会写下这样的代码这个mouseover事件中的"",这个"",这个"",这个""是什么含义呢?这个时候如果我不想用 $ 了，该怎么更改？ 也就是说我不想用 jQuery 了，也不考虑多浏览器支持的情况下，如果做修改呢？下面将简要介绍一下。"$"符号的起源$ 是合法的Identifier...
2019-07-03 09:16:00
2523
转载 最全最棒的JavaScript 学习指南（2018-2019）版
这是在一年间，对比了近24000篇 JavaScript 文章，并从中挑选出了最好的55篇。做了这个目录，认为阅读有经验的程序员写的文章是一个很好的学习方式。你在学习javascript可能在构建和发布实际应用时面临许多挑战。通过这个目录，您可以更轻松地找到的最佳 JavaScript 教程，在这里有经验的开发人员会分享他们学习 JavaScript 的课程、见解和遇到的错误。这个目录有15个关...
2019-06-27 10:07:31
1965
转载 职场中不能做的四件事，这才是情商高的表现！
我们在职场中混，要想知道身边的同事，是不是拥有比较高的情商，主要是从对方的做事习惯上来分辨，一个高情商的同事在工作中是比较聪明的，不管在什么情况下，在工作中是从来都不做下面这件四件事情一、情商高的同事，不会轻易责备身边的人在工作中不管发生什么事情，一个高情商的同事，即便是发现同事在工作中存在错误，只会通过自己去引导对方，暗示的方法帮助对方去解决;如果通过自己的这些方法，同事还是不能重视起自己...
2019-06-19 09:22:59
179
原创 第三节：小程序之数据绑定，数据还可以这样玩。
上一节讲到了如何简单快速创建小程序hellow world，相信大家还没忘记吧，不怕，就算忘记了，回来看看，立马又能记住。这节来讲讲小程序用什么语法来进行数据绑定的。数据绑定有它专门的语法，叫做Mustache 语法（双大括号）将变量包起来，例如：{{myData}}。你可以不细究这个语法的意思，但你知道数据绑定通过这个语法来展示就可以了。WXML的动态数据，均来自对应的Page的dataw...
2019-06-11 10:40:34
418
转载 面试经验：求职面试时的835守则
大学生现在就业困难，很大一部分原因是：现在绝大多数大学生在找工作时往往眼高手低的、好高骛远。导致的后果就是别人都有工作了，自己还是在那里徘徊不定。这是大学生找工作时犯的最大也是最致命的毛病！求职免不了面试这一环节，大学生在面试中则显得很被动，没有敏锐的识别能力也不能维护好自己的权益。面试的时候很能体现出问题来，为此，有关人士为大学生研究了这“835守则”。八不为：1、不临时随街上陌生招聘人...
2019-06-06 09:36:47
112
转载 简易Navicat安装教程，清晰明了
Navicat是一款轻量级的用于MySQL连接和管理的工具，非常好用，使用起来方便，简洁。下面讲讲其安装的过程。1、进入navicat官网，选择Navicat for MySQL，然后点击进行下载即可。2、弹出下图界面，任意选择一个和电脑位数对应的版本即可。3、等待下载完成之后，双击navicat进行安装，点击Next。4、选择同意协议，然后点击Next。5、设置Navicat的...
2019-06-05 09:49:38
1344
转载 7个优秀的国内外移动端web框架
淘宝SUI Mobile框架官网地址：http://m.sui.taobao.org/SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。轻量的UI库SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传...
2019-05-31 09:10:55
775
原创 第二节：简易安装和快速创建“Hellow Word”
申请账号进入小程序注册页后，注册属于自己的个人小程序账号。注册链接：https://mp.weixin.qq.com/wxopen/waregister?action=step1登录小程序后台 ，我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意：服务号或订阅号的 App...
2019-05-10 10:21:07
256
转载 程序员一年工作经验，重复用十年，高效学习很重要！
IT 行业是一个变化非常快的行业，它需要我们持续去学习新的知识和技能。 但是，工作以后，我们经常会发现自己学习的东西很少了，倒不是没有时间去学习， 而是学习的效率太低了。久而久之，就演变成『一年的工作经验，重复用十年』。当然，有些人会说自己经常加班，没有时间学习，这只是表象，时间挤挤总是有的。 你想想你为了上王者，浪费了多少时间？为了刷今日头条，又消磨了多少光阴？另外，很多人推崇碎片化学习，但...
2019-05-08 15:17:11
201
1
转载 为什么Web前端工程师薪资越来越高？
随着最近几年来互联网的迅猛发展和普及，web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。特别是电商领域的互联网项目不断兴起之后，激烈的竞争让这里面的玩家对于用户体验提出了更高的要求，极致的用户体验甚至成为了胜负的关键，也因此让前端开发走到台前，成为一个必须的开发工种。越来越多的企业开始意识到，前端技术精细化的价值，就业的机会依然存在，所以：2018年，web前端依然...
2019-05-08 15:13:16
240
原创 第一节：什么是小程序，为什么要选择它？
这是小程序基础系列的第一节内容，我们要的就是基础，简单就入门了小程序，让前端小白都能知道小程序到底是怎么运作的。如果你是前端小白或有基础想学小程序，请过来看看。如果你已经掌握了小程序基础知识，那么这个系列可能不适合你。学习目标01、小程序的使用趋势02、什么是MVVM03、小程序的优势04、小程序的应用场景01、小程序的使用趋势现在的手机功能越来越强大，随着就是手机应用的...
2019-05-08 14:24:16
475
原创 Ajax跨域请求本地json出现跨域的问题
为什么会出现跨域的问题？因为浏览器本身存在同源政策，即协议，域名，端口相同，视为同一个域（源）举例来说，http://www.wayen.top/index.html 这个网址，协议是http://域名是www.wayen.top端口是80（默认端口可以省略）。http://www.wayen.top/text.html：同源https://www.wayen.top/text.ht...
2018-12-06 14:31:10
5274
原创 vue-cli的项目中 style lang="scss" 会报错
如果在没有安装scss 依赖的时候 ，style写lang=“scss”,就会报下面的错误由于已经解决问题了，报错截图就没有截，用一行报错英文表达吧This dependency was not found :...............................................................然后就是一大串的报错了那么，解决的办法就是安装依赖sc...
2018-11-30 10:46:59
5220
2
原创 vue安装vue-cli 最清晰流程
安装vue-cli1、安装node.js2、安装vue-cli #npm install -g vue-cli 3、安装新的项目文件 #vue init webpack Vue-Project 4、切换到对应目录 #cd Vue-project 5、运行 #npm run dev...
2018-11-29 17:32:28
426
原创 js遍历数组和遍历对象的区别
js遍历数组和遍历对象的区别//for用来遍历数组var myArr = [1,2,3,4,5];for (var i = 0; i < myArr.length; i++) { console.log(myArr[i]);};//for用来遍历对象for(var i in myArr){//不使用过滤 console.log(myArr[i]);}...
2018-11-29 17:18:08
223
原创 失去焦点事件和点击事件执行顺序
失去焦点事件和点击事件执行顺序$(function(){ <!--先执行点击事件后执行失去焦点事件--> $(".class").blur(function(){ setTimeout(function(){ alert("-----blur----"); },500); }); $(".class").click(function(e){ alert("-...
2018-11-29 17:17:18
2921
原创 数组升序/降序排列
数组升序/降序排列sArr为数组sArr.sort(function (a, b) { return parseFloat(a) - parseFloat(b); }).reverse(); //降序 sArr.sort(function (a, b) { return parseFloat(b) - parseFloat(a); }).reverse(); //升序...
2018-11-29 17:15:26
2728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人