- 博客(44)
- 收藏
- 关注
RSS订阅原创 前端mac 环境搭建常见问题
前言：一般情况下大部分环境和项目的error，都是由于node版本、npm版本，以及mysql的版本问题导致，所以nvm控制node版本的工具肯定是要装的，其次mysql等工具不要装最新的版本，因为有可能会跟node产生冲突，所以追查error的基本思路都是仔细查看erro的堆栈信息，然后google相关的错误码1. 前端代码需要安装npm包 所以需要对整个文件夹都赋予管理员权限2. 在npm i的时候如果权限不足 查看是哪一行调用了哪个文件夹，赋予权限3.node链接mysql报错Cl..
2020-11-19 17:07:00
277
原创 前端SSR方案调研
动态渲染的seo 方案目前来说 有两种方案 1. Vue-meta-info +prerender-spa-plugin 2. Nuxt优缺点来说 第一种 方案可行，对代码改造比较小，配置量小 缺点是，如果是动态的页面，比如文章详情页、问答页面这类内容动态的，不适合用此方案，而且，比较重要的是对于SEO并不能完...
2020-02-20 21:29:00
204
原创 前端SSR 方案调研
动态渲染的seo 方案目前来说 有两种方案 1. Vue-meta-info +prerender-spa-plugin 2. Nuxt优缺点来说 第一种 方案可行，对代码改造比较小，配置量小 缺点是，如果是动态的页面，比如文章详情页、问答页面这类内容动态的，不适合用此方案，而且，比较重要的是对于SEO并不...
2020-02-20 21:28:16
1002
原创 【读书笔记】数据结构与算法js描述-链表实现
/** * @file 链表 * @author Sherlock09 * */ 6.1 // 数组的缺点：1. 很多编程语言中，数组的长度是固定的 2. 添加、删除元素比较麻烦 3. js中的数组被实现成为对象，与其他语言相比，效率很低6.2 // 定义链表// 链表是由一组节点组成的集合。每个节点都使用一个对象的引用指向它的后继，指向另一个节点的引用叫做链6.3 // ...
2019-12-17 19:13:06
96
原创 【读书笔记】数据结构与算法js描述-链表实现
6.1 // 数组的缺点：1. 很多编程语言中，数组的长度是固定的 2. 添加、删除元素比较麻烦 3. js中的数组被实现成为对象，与其他语言相比，效率很低6.2 // 定义链表// 链表是由一组节点组成的集合。每个节点都使用一个对象的引用指向它的后继，指向另一个节点的引用叫做链6.3 // 我们设计的链表包含两个类，node类用于表示节点， Li...
2019-12-17 19:10:00
79
原创 【转发】数组，字符串常用方法
1. 数组对象改变原数组的：1.shift：将第一个元素删除并且返回删除元素，空即为undefinedvar arr = ['a', 'b', 'c'];arr.shift() // 'a'console.log(arr) // ['b', 'c'] 1232.unshift：向数组开头添加元素，并返回新的长度var arr = ['a', 'b', '...
2019-11-26 19:57:00
173
转载 【转发】数组，字符串常用方法
数组对象改变原数组的：1.shift：将第一个元素删除并且返回删除元素，空即为undefinedvar arr = [‘a’, ‘b’, ‘c’];arr.shift() // ‘a’console.log(arr) // [‘b’, ‘c’]1232.unshift：向数组开头添加元素，并返回新的长度var arr = [‘a’, ‘b’, ‘c’...
2019-11-26 19:55:17
163
原创 【转】README.md 语法汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/guodongxiaren/article/details/23690801转载请保留原作者guodongxiaren的原文地址：http://blog.csdn.net/guodongxiaren/article/detail...
2019-11-22 10:47:00
455
原创 百度小程序性能优化二期规划
一期优化取得了显著的效果，从优化前的1.9s，现在稳定在1.5s，基本保持在达标线内偶尔的抖动观察了下，与后端服务的稳定程度有关但是感觉优化还是有提升的可能这里有几个优化方向的思路一 关于白屏 目前小程序采用了loading组件过度，但是，由于是资讯类的小程序，页面的内容严重依赖后端接口 如果后端服务不稳定，就像上图所见，很多时候是有波动的，所以对...
2019-11-21 12:01:00
265
原创 百度小程序性能优化
引子：一个指标引发的血案 https://www.cnblogs.com/Sherlock09/p/11726885.html 性能优化 进入移动互联网时代，传统Web开发技术（HTML，CSS，JavaScript）风光不再，客户端技术（iOS以及Android）依靠良好的体验重新崛起。但是客户...
2019-10-23 16:12:00
773
原创 webpack 配置遇到的坑
由于sdk中有对样式的依赖，所以从rollup改为了webpack 配置，同时sdk 需要比较精简，所以webpack的配置也是从简单遇到的问题一 less和css module 由于sdk需要插入广告模块 所以必须保证类名不被污染，所以在插入时候需要用css module进行混淆 具体用法 1.1 安装依赖 npm i style-lo...
2019-09-19 15:52:00
186
原创 原生audio 实现音频播放器功能
一 背景：项目为了引导授信、增加曝光度，在详情页添加了XX学院这一模块，为了引导用户购买我们单独专业的课程二 实现效果： 初期预计的实现效果是用音频播放我们的课程，暂定的一期只有音频资源三 现状：目前项目的视频播放组件用的是百度熊掌号下的资源和插件，并且没有音频相关的资源。所以问题就是需要开发新的可以播放音频的音频播放器。四 问题currentTime 无法设置，这...
2019-09-12 14:31:00
605
原创 活动抽奖组件设计
一 项目背景 略 公司内部资料以及安全红线 只讨论技术细节 不透漏相关交互和设计二 交互以及视觉 整体视觉： 略 抽奖模块：大概是以一个花朵的花瓣为抽奖背景，旋转的时候不同的花瓣点亮，省略视觉稿，只讨论技术实现细节 交互：略三 分析需要解决的问题 当做一个没有做过的东西的时候，这时候应该分析下完成这个效果需要考...
2019-07-17 11:33:00
265
原创 理解vue-loader
事情的起源是被人问到，一个以.vue结尾的文件，是如何被编译然后运行在浏览器中的？突然发现，对这一块模糊的很，而且看mpvue的文档，甚至小程序之类的都是实现了自己的loader，所以十分必要抽时间去仔细读一读源码，顺便总结一番。首先说结论： 一、vue-loader是什么 简单的说，他就是基于webpack的一个的loader，解析和转换 .vue ...
2019-06-14 15:37:00
1503
原创 百度小程序开发实战--踩坑经历
文章列表rich-text的图片宽度问题 效果如下 后端返回的数据格式为string，小程序对次采用了rich-text来识别传入的html rich-text推荐使用node的数组模式，字符串模式会影响解析速度（因为最终还是会转换为数组类型），但是后端返回的为string格式，是由后台编辑器传入的。这就导致了无法操作css中 rich-text 里边的图片样式...
2019-05-31 15:48:00
187
原创 每周一个js重要概念之一 调用堆栈
js写了也有两年多了，大到复杂的后台系统，小到页面，还有日均300万的网页主站，HTML5的适配页面等等。 框架也杂七杂八接触了不少，从小的jquery、bootstrap、echarts等等，到大一些的框架Vue、San、ER，还有配套的dust、axios、vuex等等，也尝试了去读源码，发现还是比较吃力。 读源码虽好，但是涉及到了仔细的层面就会有点晕晕乎...
2018-11-29 18:47:00
85
原创 移动端适配的总结
说起移动端页面也是老生常谈了，最近正好在做金融商城移动端的开发，正好梳理下这一块的知识点，提炼和总结。一 什么是移动端页面 首先 不扯那些长篇大论，常见的移动端页面主要就三种，即H5页面、手机页面、以及webview页面。 移动端的兴起，访问的流量很大一部分都来自于手机，而通常当手机访问页面的时候，每台设备的分辨率、型号、屏幕尺寸都不一致，导致移动端的...
2018-10-23 18:07:00
271
原创 【转载】DOMContentLoaded与load的区别
DOMContentLoaded与load的区别(1)在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网 络请求上的标志线，这两个时间数值分别代表什么？(2)我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方式能够优化性能？(3)在用jquery的时候，我们一般都会将函数调用写在re...
2018-10-23 18:01:00
103
原创 vue源码阅读（二）
一 一个实例 如果简单了解过些Vue的API的话，肯定会对一下这个特别熟悉，在上一篇里，分析了Vue的核心文件core的index.js构造vue函数执行的流程。 那么下边这个则是实例化构造函数，也就是开始使用了，不管是作为框架，还是作为插件，都需要new一下。 千呼万唤，我们把它请出来之后，发现点不同的东西，router、filter、stor...
2018-08-07 14:05:00
77
原创 vue源码阅读（一）
之前想要研究下vue的源码 网上一般直接就上来甩出双向绑定等等的函数这次看源码 想从一个渐进式的方向来解读。当前版本基本上是最新的版本，18年6月的最新版，版本号是2.5.17当我们接触一个项目或者一个框架 在没有交接文档的情况下 首先第一印象是啥？ 肯定是目录通过查资料和看代码 基本确定了这些主要目录的作用和属性看到这么多的目录 以及一大堆的专...
2018-07-26 15:07:00
163
原创 图解算法读书笔记
区别于以往的读书笔记 这次采用了思维导图的模式 PHP js Linux 也相继整理自己的思维导图 便于理解和记忆主要分为 算法 和数据结构两部分 结合书中python的demo，全部敲了一遍一 算法 提到算法 绕不过去的肯定是大O表示法 也是各种面试问时间复杂度的重点考察的基础问题二 数据结构由堆...
2018-05-17 20:04:00
86
原创 vue-cli 的项目 切换到Linux环境下遇到问题
之前用vue-cli脚手架在windows上开发的一个项目，现在有换mac的打算，但是换系统的话对代码对环境依赖比较严重。 去年和别的FE并行开发两个人用的都是windows，这样还好，没有什么问题，但是两个人电脑环境不一样问题就比较多了。 所以准备将环境切换到Linux，但是遇见了重重困难，这里记录一下。 将代码git到Linux上，果然npm run de...
2018-04-13 15:54:00
144
原创 vue.js初识(一)
一 什么是vue? Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。---vue.js官网 对于vue...
2018-03-30 16:02:00
214
原创 nginx 官方文档翻译
nginx（发音为“engine x”）是一个由俄罗斯软件工程师Igor Sysoev编写的免费开源Web服务器。自2004年公开发布以来，nginx专注于高性能，高并发性和低内存使用。Web服务器功能之外的其他功能（如负载平衡，缓存，访问和带宽控制）以及与各种应用程序高效集成的功能，使nginx成为现代网站架构的理想选择。目前nginx是互联网上第二个最受欢迎的开源Web服务器。1...
2018-03-05 18:00:00
559
原创 Http读书笔记1-5章
第一章内容提要这一章主要介绍了什么是http以及http是干嘛的，以及与之有关的相关概念，当然了这些概念都是概览式的介绍一些。所以我将采用问答式的方式描述这一章！Q:http是干嘛的？A:http是数据传输协议（超文本传输协议），用来沟通客户端和服务器的！Q:什么是资源？A:记住一句话，网络上的一切内容皆资源，无论是静态文件，还是动态生成的代码等！Q:...
2018-02-28 15:54:00
119
原创 ROM、RAM、DRAM、SRAM和FLASH的区别
最近在恶补一些基础和理论知识，这是在网上找到的一片关于内存区分比较仔细的文章，故转载ROM和RAM指的都是半导体存储器，ROM在系统停止供电的时候仍然可以保持数据，而RAM通常都是在掉电之后就丢失数据，典型的RAM就是计算机的内存。RAM有两大类，一种称为静态RAM（Static RAM/SRAM），SRAM速度非常快，是目前读写最快的存储设备了，但是它也非常昂贵，所...
2018-02-24 15:31:00
152
原创 优化专题
总结了下工作当中遇见的几个优化的思路和方法缓存优化性能优化第一步，便是管理好页面的缓存，避免重复下载资源。否则，即增加服务器压力，又消耗用户的流浪，这点尤其是做手机端的时候需要格外注意。浏览器缓存机制访问页面，请求各种资源，浏览器检查本地是否有缓存。如果有，检查资源是否过期。没过期，直接使用缓存。过期了，便向服务器发出请求。发出的请求中会带...
2018-02-23 16:38:00
78
原创 Typescript学习
一 什么是Typescript 简单的说，TypeScript是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub上。 它的第一个版本发布于 2012 年 10 月，经历了多次更新后，现在已成为前端社区中不可忽视的力量，不仅在 Microsoft 内部得到广泛运用，而且 Google 的A...
2018-02-23 14:40:00
143
原创 canvas实现的粒子效果
前言：我的这个share很简单，没什么技术水准，主要是我自己觉得canvas这个标签很cool！，简单实用又能装X,而且又能实现很多看起来很炫的东西。一 关于canvas<canvas>是一个可以使用脚本(通常为JavaScript)在其中绘制图形的HTML元素.<canvas>最早由Apple引入WebKit，用于Mac OS X 的 D...
2017-11-27 20:04:00
211
原创 【转载】js常用方法和片段
在网上看了不少js方法的总结没，自己也尝试总结过，这篇只迄今为止觉得最清楚的，尤其是call和apply的方法总结，很到位！！1.javascript删除元素节点IE中有这样一个方法:removeNode()，这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not defined，但是在核心JS中有一个操作DOM节点的方法叫：r...
2017-09-11 13:05:00
80
原创 【转载】图解正向代理、反向代理、透明代理
原创作品，允许转载，转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。否则将追究法律责任。http://z00w00.blog.51cto.com/515114/1031287套用古龙武侠小说套路来说，代理服务技术是一门很古老的技术，是在互联网早期出现就使用的技术。一般实现代理技术的方式就是在服务器上安装代理服务软件，让其成为一个代理服务器，从而实现代理技术。常用的...
2017-09-07 16:12:00
103
原创 页面性能优化和高频dom操作
一、DOM操作影响页面性能的核心问题通过js操作DOM的代价很高，影响页面性能的主要问题有如下几点：访问和修改DOM元素修改DOM元素的样式，导致重绘或重排通过对DOM元素的事件处理，完成与用户的交互功能DOM的修改会导致重绘和重排。重绘是指一些样式的修改，元素的位置和大小都没有改变；重排是指元素的位置或尺寸发生...
2017-09-07 15:30:00
179
原创 vue echarts 遇到的bug之一 无法渲染的问题
图表示这样的页面上有很多个图表，由于没有查询按钮，就只是点击发送ajax数据，所以把所有图表的方法放在updated中，功能是实现了没问题，但是加载页面的时候会发送很多的ajax请求，而且点击修改的时候整个页面的图表都会重绘，目前考虑的解决办法是做一个判断，如果当前的的这个对象的数值发生改变了再出发DOM更新 ，大家有没有更好的方法，谢啦感谢@zhaokang...
2017-09-06 18:07:00
753
原创 git 介绍及其使用总结
版本控制Git目录目录 2第1章Shell和vi 41.1 什么是shell 41.2 shell分类 41.3 认识bash这个shell 51.4 vi编辑器 61.5 SSH 8第2章 版本控制 102.1 关于版本控制 102.2 本地版本控制系统 102.3 集中式版本控制系...
2017-07-02 12:31:00
94
原创 前端跨域常见的几种方式
1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.j...
2017-06-27 16:59:00
135
原创 前端面试angular 常问问题总结
1. angular的数据绑定采用什么机制？详述原理angularjs的双向数据绑定,采用脏检查（dirty-checking）机制。ng只有在指定事件触发后，才进入$digest cycle ：- DOM事件，譬如用户输入文本，点击按钮等。( ng-click )- XHR响应事件 ($http )- 浏览器Location变更事件 ($location )- Tim...
2017-06-27 16:56:00
190
原创 低版本浏览器支持HTML5标签的方法
最近刷了一道面试题，是关于低版本浏览器支持HTM5标签的写法，在网上找了一些，都行之有效，但是缺少整体总结，所以在这里总结一下，方便其他人过来阅读。IE低版本需要支持HTML5标签：方法1.传统引入js包[javascript]view plaincopyprint?<!--[ifIE]><scriptsrc="...
2017-06-22 14:21:00
116
原创 理解 angular 的路由功能
相信很多人使用angular 都是因为他路由功能而用的深入理解ANGULARUI路由_UI-ROUTER最近在用 ionic写个webapp 看到几个demo中路由有好几种，搞的有点晕，查下资料研究下，做个笔记，其中大部分为摘抄别人的，做个说明免得被人吐槽。Angularjsui-router - 组件：$state / $st...
2017-06-21 14:08:00
141
原创 Angular 新手容易碰到的坑
在Angular群里回答新手问题一段时间了，有一些Angular方面的坑留在这里备查，希望能对各位有所帮助。这个文章将来会随时更新，不会单独开新章，欢迎各位订阅。Q1.<div ng-include="views/user/show.html"></div>错在哪里？如果你这么写过，会发现这个位置啥也没有加载出来，那么，错在哪里呢？错在ng-includ...
2017-06-21 14:05:00
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人