- 博客(29)
- 收藏
- 关注
RSS订阅原创 关于混合开发
app原生开发与app混合开发有什么区别？一、app原生开发原生开发（Native App开发），在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发，比如Android是利用Java、Eclipse、Android studio；IOS是利用Object—C和Xcode进行开发。优点：可访问手机所有功能（如GPS、摄像头等）、可实现功能齐全。运行速度快、性能高，有绝佳的用户体验。支持大量图形和动画，不卡顿，反应快。兼容性高，每个代码都经过程序员精心设
2020-10-08 14:02:19
1771
转载 微信小程序—使用npm（第三方包）
新建一个wechat小程序项目（这里我起的名字是wechat-npm-case），如图：初始化npm：在你所建项目的根目录下，使用npm init -y，初始化一下执行npm init开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)根目录下新建 node_modules 文件夹: mkdir node_modulescd node_modules 进入新建的 node_modules，执行下面命令：npm install miniprogram-datepicker -.
2020-10-04 15:46:42
738
1
原创 前端优化——最小化http请求
前端性能优化之最小化http请求关于前端性能优化的总结，随处都可以看到这方面的文章，而优化方法，也无外乎那些“固定”方面，当然，有些方面已经过时，所以，在这里，我主要是针对于一点去做出了总结也是能为了加深印象。一、什么是前端性能优化（what）？从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。二、为什么要做前端性能优化（why）？在构建web站点的过程中，任何一个细节都有可能影响网站的访问速度，如果不了解性能优化
2020-09-25 07:21:43
398
原创 前端开发，了解http协议
前端开发需要了解的http知识概念：http（超文本传输协议）用于从万维网服务器传输超文本到本地浏览器的传输协议http协议是基于TCP（底层协议 传输控制协议）的应用层协议，他不关心数据传输的细节，主要是用来规定客户端和服务端的数据传输格式，最初是用来像客户端传输HTML页面的内容，默认端口是80http是基于请求与相应模式的、无状态的，应用层的协议 （无状态：服务器端不会去记录我们的一些状态，也就是不知道是谁在请求）简单画张图了解：简单的来说就是发生请求到服务器服务器返回文本以一个
2020-09-24 00:48:33
245
原创 微信小程序支付流程!
谈一下微信小程序支付的流程不整什么花里胡哨的，这边博客只是为了我个人理清思路，面临毕业，应对接下来的秋招，仅供参考，有什么不对的也可以提出意见，多多指教在面试的时候说到微信小程序那么登录支付是一个不可获取的点，也经常被面试官问起，微信支付的功能在现在互联网社会发展迅速的时代已经不是一个很新奇的技术了，尤其是现代社会科技发展如此之迅速，智能手机的普及，足不出户就可以购买到自己想要的东西，日用住行即是如此。通过微信支付、支付宝支付也是日常生活中替代了现金支付的虚拟货币的一种方式。瞎扯完了 来吧先说下
2020-09-22 07:49:02
907
转载 聊一聊cookie
聊一聊 cookiejavascriptcookie咱们不搞一开始就一大堆理论知识介绍，怕把人讲懵了… 咱们换一个思维方式——“从现象看本质”，先说说我们看到了什么，再从看到的现象中提出问题，最后深入寻找答案。我们看到的 cookie我自己创建了一个网站，网址为http://ppsc.sankuai.com。在这个网页中我设置了几个cookie：JSSESSIONID，PA_VTIME，skmtutc，test。在 chrome 浏览器中打开这个网站，进入开发者模式，点击Resources栏
2020-09-18 07:28:14
242
转载 浅谈CSRF的攻击方式
一.CSRF是什么？CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one clickattack/session riding，缩写为：CSRF/XSRF。二.CSRF可以做什么？你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取你的账号，甚至于购买商品，虚拟货币转账…造成的问题包括：个人隐私泄露以及财产安全。三.CSRF漏洞现状CSRF这种攻击方式在
2020-09-17 00:36:59
292
原创 数组去重，看这一篇就够了！！！！
前言关于JS数组去重的一些解决方案，今天也是查到了这个点，废了一天时间，总结了以下方法，在考虑全面的情况下，数组去重的实现，针对于NaN，undefined，{}，都有实现的方式，下面是具体实现步骤。实现大全基础版测试数组var array = [1, 1, ‘’, ‘’, ‘e’, ‘e’, true, ‘true’, true, false, false, ‘false’, undefined, ‘undefined’, undefined, null, ‘null’, null]ES
2020-09-15 16:31:41
122
原创 前端面试题[“1“,“2“,“3“].map(parseInt)? 详解
[“1”,“2”,“3”].map(parseInt)得到什么？输出结果：1，NaN，NaN。先抛出一个关于结果的概念，也是这为什么是这三个值的原因：map函数传递参数的定义。parseInt函数正对于radix的理解。二进制中没有3这个数码。好了，有了这样一个最基础的概念我们来具体分析这个问题：我没猜错大多数人都会先想到结果是[“1”,“2”,“3”] 为什么会产生这样一个想法？因为我们通常使用map函数都会传一个函数，这个函数一般只使用1-2个参数，如下所示var arr =
2020-09-14 21:45:36
483
原创 纯原生JS图片懒加载分享
概念什么是懒加载懒加载顾名思义突出一个“懒”字，懒字就是拖延的意思，说白就是延迟加载。比如我们进入一个新的页面进行加载的时候，这个页面很长超过了屏幕可视区域的时候，那么懒加载就会优先加载我们可视区域可见的内容,剩余部分是当进入到可视区域之后再进行加载。为什么要懒加载？懒加载是一种优化网页性能的一种方式，它极大的提高了用户的体验。举个栗子：就拿图片来说，一个网站，单个网页的页面上“图片”是构成页面主体的一个极大部分，但是在现在一张图片的大小超过几兆是一件很正常的事，那么就需要注意
2020-09-13 09:33:40
112
原创 前端面试题之ajax
谈谈你对ajax的理解，以及用原生JS实现有哪些要点需要注意。ajax，全称是异步JavaScript和XML，是用来和服务器进行数据交互的，让无刷新页面替换数据变成了可能。ajax最核心的就是依赖于浏览器提供的XMLHttpRequest对象原理就是通过XMLHttpRequest对象向服务器发出异步请求，从服务器获取数据，然后用JavaScript来操作DOM实现页面的局部刷新。至于有哪些要点呢，来一个简短点的ajax请求：var xhr = new XMLHttpRequest() //首
2020-09-11 23:43:17
213
原创 XSS攻击的预防措施
XSS攻击的预防结合上一篇文章知道了XSS的基本攻击方式和基本概念，这里就主要讲一下如何预防XSS的攻击。上面是我在网上找的一个可以作为简单理解的概念图，如果不理解可以根据顺序参照理解。预防储存型和反射型XSS攻击存储型和反射型 XSS 都是在服务端取出恶意代码后，插入到响应 HTML 里的，攻击者刻意编写的“数据”被内嵌到“代码”中，被浏览器所执行。预防这两种漏洞，有两种常见做法：改成纯前端渲染，把代码和数据分隔开。对 HTML 做充分转义。纯前端渲染纯前端渲染的过程：浏览器先加载一
2020-09-07 20:26:25
6444
原创 XSS基本概念和攻击方式
XSS基本概念和攻击方式一、什么是xss。跨站脚本也称跨网站指令码（英语：Cross-site scripting，通常简称为：XSS）是一种网站应用程序的安全漏洞攻击，是代码注入的一种。它允许恶意用户将代码注入到网页上，其他用户在观看网页时就会受到影响。维基百科简述：就是利用了网页开发时留下的漏洞，利用巧妙的方法将恶意指令代码注入到网页中，使用户加载并执行攻击者恶意制造的网页程序。【代码注入】：简单的理解一下概念就行，随着现在互联网行业的兴起，程序员的增多，技术水平、经验层次不齐，相当大的一部
2020-09-05 00:19:13
623
原创 通过代码简单了解什么是JavaScript的词法作用域
词法作用域简单的通过两段代码说一下什么是词法作用域/* * @ 1.词法作用域: * 基本概念：先看以下函数init创建了为name的局部变量和一个名为displayName的函数, * 但是displayName是定义在函数内容的局部，仅在init函数内容可用,外部调 * 会报错,这里displayName是没有name这个变量的,然而他在init调用之后是 * 可以弹出name值为张三的这个变量，所
2020-09-02 20:33:51
154
原创 纯CSS实现横向滚动条
纯CSS实现横向滚动条*（一）前言基于大部分场景，我们需要使用横向滚动，这种时候，大部分会选择swiper来实现，但是其实，我们也可以通过纯CSS的方式实现一个滚动条*（二）实现大家都知道overflow 可以单独设置// 横向滚动overflow-x: scroll;// 纵向滚动overflow-y: scroll;基于上面知识，我们首先来实现一个滚动<!DOCTYPE html><html lang="en"><head> <me
2020-09-02 07:24:53
1889
原创 vue中如何使用axios
1.vue cli下载axiosnpm install axios2.注册使用在main.js中引入import axios from 'axios'然后在Vue原型上添加Vue.prototype.$axios = axios3.get请求this.$axios或者axios1.参数一表示请求地址2.参数二表示配置信息3.params表示传递到服务器端的数据,以url参数的形式拼接在请求地址后面{ page:2,per:3 }比如：https://api.cat-shop.pe
2020-08-21 22:49:05
1044
原创 Vue路由基本介绍
1.路由的基本概念与原理1.1路由路由是一个比较广义和抽象的概念，路由的本质就是对应关系。路由分为：前端路由 后端路由1.后端路由概念：根据不同用户的URL请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系（2）.SPA1.后端渲染(存在性能问题)2.Ajax前端渲染(前端渲染提高性能，但是不支持浏览器的前进后退操作)3.SPA(Single Page APPlication)单页面应用程序：整个网站只有一个页面，内容的变化通过Ajax局部更新实
2020-08-21 07:20:49
892
原创 VueCLi跑项目时卡在98% after emitting CopyPlugin无法运行
前言：今天在写项目的时候，中途去给别人解决了一下问题，回来的时候发现项目一直启动不了，一直加载在98%，后来也是费了老大劲排查解决了问题，记录一下问题所在项目在加载的时候一直卡在98%，无法运行问题所在：经过排查发现是在import的时候没有写入路径后面也是在网上查了一下，不止是import，用require或者其他的引入的时候，没有写入路径都会报相同的问题解决问题注释或者写入路径项目就可以跑通啦...
2020-08-19 23:57:39
10158
3
原创 VueCLi3.0及以上版本搭建过程
一、搭建过程在安装过node的基础之上，使用npm命令进行相关指令的安装操作第一步全局安装VueCLI指令：npm install -g @vue/cli或者使用yarn global add @vue/cli 安装都可以创建一个项目指令：vue create “这里是你自定义的项目名称” 或者使用vue ui图形化界面搭建这里出来三个选项，分别表示你之前创建项目存储配置过的文件项、官方提供默认的脚手架、第三个可以根据个人需求自己配置，这里我们直接选第三个自己配置，出现以下选项：Bab
2020-08-18 13:49:29
200
原创 Vuex基本概念和操作过程
Vuex1.Vuex是什么Vuex是一个vue的插件，是一个基于vue.js开发的状态管理工具(模式),说白了就是多个组件用来存放、修改、处理的一个容器(仓库),就是用来存放处理公共数据的工具,数据变了组件就会更新，也就是说存放的数据是响应式的。什么是状态管理模式？简单的Vue计数案例：new Vue({ //state data(){ return { const:0 } }})//viewtemplate:`
2020-08-18 07:26:53
142
原创 常见前端笔试代码题
关于函数的笔试代码题题目编辑器编辑浏览器打印输出结果function Foo() { getName = function () { document.write(1 + "第一个函数输出结果" + "<br/>") } return this}Foo.getName = function () { document.write(2 + "第二个函数输出结果" + "<br/>")}Foo.prototype.get
2020-08-15 01:31:24
1191
原创 关于css的position属性的描述
下述有关css属性position的属性值的描述，说法错误的是？牛客网错题集static：没有定位，元素出现在在正常的流中fixed：生成绝对定位的元素，相对于父元素进行定位relative：生成相对定位的元素，相对于元素本身正常位置进行定位absolute：生成绝对定位的元素，相对于static定位以外的第一个祖先元素进行定位在HTML中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示：css中定位有四个属性值可选，分别是static、absolute
2020-08-12 21:04:57
2015
原创 微信小程序登录实现过程
微信小程序登录思路及代码因为项目要求要做微信小程序的登录功能，因为比较繁琐所以记录一下笔记，梳理一下思路思路当用户点击个人主页或者购买物品收藏物品的时候往往都需要验证个人信息，比如提交订单要确定是谁购买的才能下订单，或者用户在查看个人信息的时候不能页面上都是空的什么都没有吧，所以这是候就需要登录的功能了但是因为像微信、QQ这种社交软件都是腾讯的软件，而且牵扯到个人信息，往往都是通过加密的方式，一般公司的后台是不能直接请求到微信个人信息的数据的，所以都是通过三方协同来实现个人信息交互请求的，就像下
2020-08-12 01:36:00
2797
原创 JavaScript函数的几种定义方式（个人感觉挺全乎）
javascript定义的函数的几种方式归纳一下函数定义的几种方式一、函数的组成：函数名+函数体(1).使用function关键字定义函数–具有优先级，优先将function关键字定义的函数优先执行 function functionName(arg0, arg1 ,..., argN){ statements } 函数的调用：functionName()(2).使用函数表达式的形式定义函数（即将匿名函数复制给变量） var variable = funct
2020-08-11 07:19:19
399
原创 微信小程序解析富文本html2wxml插件版
html2wxml解析富文本先说一下最近遇到的问题：最近的项目中，请求的数据中，返回的数据字段是一段html富文本格式的html标签，虽然微信小程序官方提供了<rich-text>标签，还有就是像wxParse这样其他的解决方，但是因为没有去了解过不是太会使用，今天也是补习了下知识，但是也是感觉使用方面比较繁琐，而且阅读了官方文档网上也是搜索了一些知道他们是有很多标签不支持的而且像wxParse也是很出现很多的JavaScript的错误，我是在知道rech-text和wxParse之前知道
2020-08-09 01:13:35
1195
1
原创 浏览器的回流和重绘浅谈理解
浏览器的回流和重绘浅谈页面的回流和重绘会影响JavaScript的性能，如果你的html很大很复杂，页面回流和重绘是一个非常值得关注的点。对于重绘和回流的概念不是很清晰，查看了许多博文，在这里说一下自己的理解！！欢迎同学们与我交流。什么是回流当Render Tree中部分或全部元素尺寸、结构或某些属性发生改变的时候，浏览器会重新渲染部分或全部的文档的过程做回流。回流必将引起重绘，而重绘不一定会引起回流。什么是重绘当页面上的元素样式改变并不会影响到他在文档流的位置，浏览器会将新样式赋给他并
2020-08-07 23:06:21
230
原创 Git常用指令和基本概念
1.版本控制 版本迭代，新的版本！版本管理器版本控制是一种在开发过程中用于管理我们对文件的一些操作。目录或工程内容的修改历史，查看更改历史记录备份以便恢复以前版本的软件工程技术。1.实现跨区域多人协同开发2.追踪和记载一个或者多个文件的历史记录3.组织和保护你的源代码和文档4.统计工作量5.并行开发、提高开发效率6.跟踪记录整个软件的开发过程7.减轻开发人员的负担、节省时间，同时降低人物错误简单的来说就是用于管理多人协同开发项目的技术版本控制分类本地版本控制集中版本控制 SV
2020-08-07 11:53:28
203
原创 前端微信小程序入门学习笔记
微信小程序的入门学习和基本使用最近学习了微信小程序，归纳总结笔记，只是简单的去介绍使用流程，可以作为快速上手的基本过程，学习过程遇到的问题会单独拎出来单独归纳，这篇文章只是代表总结的一个梳理过程。一、简介与发展历史 简介：小程序是一种全新的连接用户与服务器的方式，他可以在微信内被便捷的获取和传播，同时具有出色的使用体验。也是一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想，用户扫一扫或者搜一下就可以打开应用。也体现了“用完就走”的理念，用户不用关心是否会在手机上安装太多应用的问题。
2020-08-07 04:00:23
1174
原创 JavaScript中事件处理、事件捕获和事件冒泡的基本概念
JavaScript中事件处理、事件捕获和事件冒泡今天在牛客网上刷题，遇到了一个问题没有答对，主要是针对这道题，对自己的知识剖析一下，解决问题的关键点。下面就是我对JavaScript中事件处理、事件捕获和事件冒泡的一个理解和分享：JS中的事件处理首先先说一下事件处理的基本概念吧！事件处理的基本概念 1.事件是浏览器响应用户交互操作的一种机制，利用JavaScript事件处理机制可以开发出更具有交互性，更容易使用的web页面。 2.事件定义了用户与web页面交互时产生的各种操作。浏览器在大部
2020-08-05 01:15:40
1065
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人