理智lili的博客

原创 2019高校微信小程序开发大赛获奖作品——《brain头脑智序》

目录前言交互流程说明图我的任务登录授权（login）首页（tababr分析）房间准备区（preparing）便签编辑区最终方案选择（房主权限）会议报告页面（report）前言今年4月份机缘巧合和团队成员参加了2019 年高校微信小程序开发大赛，经过长时间的“头脑风暴”，我们最终将主题定为“头脑风暴”类——《brain头脑智序》（喜欢的话到我们的githu...

原创 项目中遇到问题的解决方法合集

以下内容主要是为了方便记录自己在工作中遇到的项目问题搜寻到的解决方法，肯定方法不唯一，这里只是给出解决了我的问题的方法，大家走过路过随便瞧瞧较好啦嘻嘻1、使用@vue/cli 4.x 创建vue项目时使用iconfont 图标无法显示——前者版本问题由于4.x版本是10月份刚发布的，可能存在版本冲突问题，目前没有找到合适的解决方法，将@vue/cli版本降低成3.0后图标能正常显示2、...

原创 前端知识点整理（三）不定时更新~

一、移动端跨平台开发方案Hybrid App我们可以把纯前端技术开发的 Web 网页称为 Web App，纯原生技术开发的应用称为 Native App，它们各有优缺点：纯 Native 的迭代太慢，不能动态更新，且不能跨平台，而纯 Web 则有很多功能无法实现，虽然其动画效果体验差强人意，但跟原生比还是有些差距。Hybrid App（混合应用）是指介于这两者之间的 App，兼具“Native App 良好用户交互体验的优势”和“Web App 跨平台开发的优势”。Hybrid 的技术本质.

原创 图片地址引用

转载 ES6专题——整理自阮一峰老师的ECMAScript 6入门

这里我仅仅是记录了那些我认为值得注意的ES6知识点，详细版请挪步https://es6.ruanyifeng.com/#docs/letlet和const命令let声明的变量只在它所在的代码块有效。var a = [];for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); };...

原创 数据结构基础知识

排序参考：https://www.bilibili.com/video/av38482633/?spm_id_from=trigger_reload插入排序（有序插入，在有序序列中插入一个元素，保持序列有序，有序长度增加）直接插入排序——零号位为哨兵，顺序查找依次比较哨兵，大则往后移，否则原地不动（比较后单向移动，不是交换）折半排序（循环比较mid=（low+hei...

原创 前端知识点整理收集（不定时更新~）二

目录require() 加载文件机制线程和进程线程单线程Nodejs的线程与进程网络模型初识 TCP 协议三次握手I/OI/O 先修知识阻塞与非阻塞 I/O同步与异步 I/OGit基础命令分支操作修改远程仓库地址远程分支获取最新的版本到本地拉取远程仓库指定分支到本地SEO优化优化策略SEO实战TDK优化页面...

原创 前端知识点整理收集（不定时更新~）

知识点都是搜集各种大佬们的，如有冒犯，请告知！目录原型链New关键字的执行过程ES6——classconstructor方法类的实例对象不存在变量提升super 关键字ES6——...（展开/收集）运算符面向对象的理解关于this对象箭头函数匿名函数闭包内存泄露JavaScript垃圾回收机制引用计数算法循环引用...

原创 网易试题——关于箭头函数与this和arguments的关系

昨天做试题的时候遇到了这个题目 var a = 1; function fn1() { console.log(this.a) } const fn2 = () => { console.log(this.a) } const obj = {...

原创 微信小程序模仿开眼视频app（三）——信息卡片瀑布流和分类

《微信小程序模仿开眼视频app（一）——视频首页、视频详情、分类》《微信小程序模仿开眼视频app（二）——搜索功能》可到我的github账号上去copy文件瀑布流部分文件代码提示的挺详细的，这里主要点一下社区与分类：页面左右滑动可自由切换，导航条下划线也会动态变化，用的是swiper标签，可具体查看微信官方解释文档，只需要导航条下划线的index属型与swiper的ind...

原创 Babel 7 基础入门学习（详细版）

可以在我的GitHub上下载示例代码。 前言 之前一直想要系统的学习一下Babel的使用规则，看过阮一峰老师的《Babel基础入门》，无奈此教程是2016年出的，而Babel 7都已经出来啦，于是，在搜集了各种资料后，关于如何快速上手Babel，我大概精简了以下步骤，如有错误，希望大家能指出来，谢谢！使用指南1.使用手册——Babel官网（最好看着官网提示的步骤一点一点来）...

原创 微信小程序模仿开眼视频app（二）——搜索功能

微信小程序模仿开眼视频app（一）有介绍首页、视频详情和分类部分可到我的github账号上去copy文件搜索部分一开始没想要设置历史记录啊、热门搜索啊这些的，只是想把搜索框弄好看一点，无意中发现了微信官方ui库：weui里面有很多现成的例子可以参考，如他的搜索框如下效果：我觉得可以是可以，但是太死板了我觉得，于是我想修改成有些过渡效果后来弄成了这样不知道你们看...

原创 微信小程序模仿开眼视频app（一）——视频首页、视频详情、分类

可到我的github账号上去copy文件先展示一下我实现了的功能吧提示，如果有出现无法加载域名之类问题的的，可以在“设置”-“项目设置”-打钩“不校验合法域名……”；或者直接登录自己的微信小程序后台设置域名信息首页部分：1、首页的资源都是通过免费开放接口API获取的，选择的是var API_URL = 'https://api.apio...

原创 超级简易法上传本地文件到github上

之前文章写过廖雪峰老师关于git教程的帖子，现在终于有时间实践了！我这段时间在学微信小程序版的贪吃蛇，想着先把写好的文件上传试试，于是乎，便有了如下……大家要是不想听废话可以拉到最后去……1、我先在github上新建了一个仓库，记录好GitHub给出的地址2、在要上传的文件夹下Git bash——&gt;git init——》git add . (偷懒了把全部文件一次性上传…...

原创 MDN文档基础知识搜集

Array 数组，一种允许你存储多个值在一个引用里的结构。 var myVariable = [1,'Bob','Steve',10]; 引用数组的元素只需：myVariable[0],myVariable[1], 等等. 发布工具:FTP客户端你还需要一种将文件从本地硬盘上传到远程Web服务器的方法。 为了做到这一点，你必须使用FTP客户端。每个系统都包含一个...

原创 微信开发者工具一打开代码编辑区文件全部不见了

今天开微信开发者工具时，一打开竟然文件全部不见了！然后页面也编译不出来，搜了一下大神们的建议：1、在编辑器控制台输入：openVendor 回车           会打开一个文件夹：C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappVendor           清除里面的wcsc wcsc.exe ，再重...

原创 廖雪峰老师Git教程代码梳理

建立版本库 创建一个版本库非常简单，首先，选择一个合适的地方，创建一个空目录（repository）：$ mkdir learngit //创建learngit目录$ cd learngit //切换当前目录为learngit目录$ pwd //用于显示当前目录/Users/michael/learngit //最终路径第二步，通过git init命令把这个目录变成...

原创 总结 构造函数与非构造函数 原型继承的一个方法

这两天真的一直在看原型以及继承之间的千丝万缕，哇，收获颇多，不过所谓温故知新，还是要多复习复习知识点，才能察觉那些之前不易发现的小小sparkle真心推荐MDN文档——对象原型，JavaScript 中的继承，文档指出了很多原理性的东西，所谓饮水思源，大家千万不要轻易就相信别人说什么好哇就像挖到宝藏一样，要多实践，多探索原理性的东西你才能真正把它掌握，它才真的是你的东西。期间我还参考了阮一...

原创 canvas画出简陋版随鼠标转动眼睛且会眨眼的可爱樱桃小丸子

可到我的github上下载文件需求：刚加载时鼠标不移动，眼睛会不停地眨眼 眼球会跟随鼠标移动而移动 鼠标不移动时恢复眨眼效果提示：除了眼睛是动态以外，其他静态绘制都在static()函数中 利用椭圆的短轴长度先变短后恢复长度来模拟眨眼睛的效果 眼球随鼠标移动关键在于Math.atan2()，他可以求得鼠标坐标与眼球原点的角度差，利用三角函数即可求得眼球的移动路线 ...

原创 关于jQuery对象（类数组对象）以及DOM对象相互转化问题——[object Object]和[object HTMLInputElement]

之前在某官网课程上看有关jQuery和bootstrap的相关教程，有一节课是教我们如何制作价格菜单的按钮以及总价问题选中按钮，按钮样式会发生变化，右上角价格会自动运算6个菜单的html结构差不多，先贴出一个菜单的html，如下： &lt;div class="col-xs-12 col-sm-4"&gt; &lt;div class="panel pan...

转载 webstorm前端常用快捷键

Ctrl + /                  行注释/取消行注释Ctrl + Shift + /                 块注释/取消块注释Ctrl + W                 选择代码块，一般是增量选择Ctrl + Shift + W            上个快捷键的回退，减量选择代码Alt + Q             上下文信息Alt + E...

原创 利用jQuery和bootstrap更改radio样式

&lt;div class="container body-content"&gt; &lt;div class="row"&gt; &lt;div class="text-center col-xs-12"&gt; &lt;h3&gt;大标题&lt;/h3&gt; &lt;div class="well well-

转载 浅析 NodeJs 的几种文件路径

Node 中的文件路径大概有 __dirname, __filename, process.cwd(), ./ 或者 ../，前三个都是绝对路径，为了便于比较，./ 和 ../ 我们通过 path.resolve('./')来转换为绝对路径。先看一个简单的栗子：假如我们有这样的文件结构：app/ -lib/ -common.js -model -ta...

原创 html5播放视频只有声音不出现画面？

一开始网上大神们都是要把MP4的编码格式转换成AVC（H264），然后赶紧用格式工厂把它给换了，结果！！没用！！还是黑屏？？？咋回事啊，然后自己又瞎几把猜想，所有都很正常啊，代码也正常，难道是文件命名不能出现中文吗？一改，结果画面就出现了！！同志们！我们要规范化命名文件啊！切记尽量不要用中文！...