Raleway的博客

原创 Vue3.0 beta 来啦

前言4月17日，Vue 3.0 beta 正式发布，Vue 3.0 更新、优化了哪些东西？让我们一起来了解了解。正文Vue 3.0 发布内容包括： vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha vue-cli: Experime...

原创 2021年前端面试题及答案

前端面试汇总（2020年）一大纲1、前言2、前端工程化3、前端设计模式4、前端安全性问题5、前端跨域问题6、前端数据加密7、前端http相关问题8、*前端基础知识点面试题9、前端技术栈问题前言由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...

原创 2020年Vue面试题汇总

2020年Vue面试题Interview●●●●作者：@烦恼会解决烦恼vue核心知识——理论篇1、对于Vue是一套渐进式框架的理解渐进式代表的含义是：主张最少。Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当A...

原创 公众号客服消息如何跳转小程序和h5

例如上图,公众号回复的消息可以设置跳转小程序和H5。跳转小程序（注：跳转前需公众号后台关联相应的小程序）<adata-miniprogram-appid="小程序appId"data-miniprogram-path="小程序路径"href="">点击跳转的文案</a>跳转H5<ahref="h5链接">点击跳转的文案</a>上图中回复消息的源码hi 初次见面， 欢迎关注福利鸭公众号，您的生活红包已...

原创 关于小程序web-view缓存的清理

<web-view :src="url" a:if="url"></web-view>由于webview跳到h5界面是vue写的单页面应用1.按网上说的给url加时间戳并没有什么用。2.h5用 webpack打包后的css js 本来就是加了hash 的，，所以也没用3.尝试一下也没什么用 手动退出小程序，再次进入； 将微信从后台退出再打开并重新进入小程序； 修改 Nginx 关于 Cache-Control 的配置； ...

原创 小程序如何使元素和胶囊区域居中对齐?

iphone 7：iphone x :Nexus 5:经测试，要想使元素和胶囊区居中对齐，元素的定位高度为： 机型的titleBarHeight/2 +statusBarHeight-元素的高度/2，单位为px1.通过getSystemInfo 获取机型的信息（titleBarHeight，statusBarHeight)2. 通过机型的titleBarHeight/2 +statusBarHeight-元素的高度/2 得出 元素定位的高度3.为了提高性能，可以将第...

原创 TypeScript基础知识整理——类型断言

注意：类型断言（Type Assertion）可以用来手动指定一个值的类型。语法：<类型>值或值 as 类型类型断言的用法如上，在需要断言的变量前加上 即可就上篇文章中TypeScript 不确定一个联合类型的变量到底是哪个类型的时候来说​​​​​​​function f13(name : string, age : string | number) {if (age.length) { //报错console.log(age.length) //报错} else {c

原创 ​TypeScript基本知识点整理——类

类1. 访问修饰符public：公共修饰符注意：表示属性或方法都是公有的，在类的内部，子类的内部，类的实例都能被访问,默认情况下，为publicclass People { public name : string constructor (name:string) { //构造函数必须写 this.name = name } p...

原创 ​TypeScript基本知识点整理——函数

函数1. 函数定义定义函数有函数声明和函数表达式两种形式。定义函数的参数和返回值可以指定其类型；当调用函数时，传入参数类型必须与定义函数参数类型保持一致。函数声明定义functionf(age:number):string{ return `找到了${age}的小哥哥`;}let age : number = 22;letres:string=f(age...

原创 ​TypeScript基本知识点整理——变量类型

在Javascript中,前面一篇文章介绍了TypeScript（微信公众号中的一篇文章），相信看过这边文章的人应该对Ts有所了解了。这篇文章大家和我一起来了解下TS的基本知识点吧。在开始之前我们先装环境：npmitypescript-g//全局安装typescriptnpminit-y//进入文件夹，初始化项目，生成package.json文件tsc--init//创...

原创 一次僵硬的前端面试经历

3月19号，去一家公司面试。这是面试的段位和职位。。。面试前的状态是这样的：面试出来后，状态是这样的。。。人都傻掉了，这个段位的面试这么难嘛。。。。回来仔细复盘了一下此行的经过。。。真的是一切都不顺利。首先，我是提前1个小时根据Boss直聘的导航过去的，到了园区才发现没有发给我具体的位置（哪幢哪层哪号什么的）嗯，公司介绍和面试邀请地址都是这个园区...

原创 Vue双向绑定原理以及原生JS实现

前言Vue的数据双向绑定原理是面试中必问的一题。每当被问到Vue数据双向绑定原理的时候，大家可能都会脱口而出：Vue内部通过Object.defineProperty方法属性拦截的方式，把data对象里每个数据的读写转化成getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其内部的实现方式还是值得深究的。使用原生js实现一个vue的双向...

原创 4个面试必问的非技术问题及回答忌讳

转载 2020年，你必须知道的JS数组技巧

在Javascript中，数组是一个重要且常见的知识点，我们经常将数据存储在数组中。作为一名Javascript工程师，数组必须要运用自如。这篇文章，向大家展示了在日常开发中，数组有哪些奇淫技巧值得关注和学习，让我们开始吧！1.去重这也是一道常见的面试题，怎么对JS的数组去重。在ES6的时代，有个非常快速且简单的方法，使用new Set()以及Array.from()或者展开运算符(...)...

原创 使用Charles抓取Http/Https请求包

使用Charles抓取Http/Https请求包​一、前言之前写项目的时候遇到很奇怪的问题，pc上调试后端的接口返回是正常的数据，放在真机（当时是ios手机）上就会少一些数据，浪费了很多时间，最后还是通过抓包找到问题。这里就分享给大家抓包教程，用的也是charles，之前有写过一篇使用charles实现本地数据mock,有兴趣的朋友可以看下。二、抓取Http请求...

原创 使用Charles实现本地数据mock

使用Charles实现本地数据mock一、老版本Charles使用 准备Charles工具,没有的话去下载(https://www.charlesproxy.com/latest-release/download.do)，如下图这玩意 js发送axios请求 桌面新建mock文件(不一定要桌面，其他位置也可以，只要记住就行) ...

原创 微信H5开发中常见的坑

坑点1：android、ios做分享时，若是hash路由模式下，无法加载正常url，发现分享的链接变成（https://xxx.com/?from=grounmessage&installed=0#/register?code=1111&locale=zh_cn之类的）。解决方法：在/#/里加query值例如：坑点2：ios分享朋友圈方法(onMenuS...

原创 Redux入门

一 为什么使用Redux？如下图，组件H需要用到a组件里的数据，假设不使用Redux，那么只能通过React的props和state属性进行逐渐往上分发（H>e>b||c>a）拿到a的数据之后，又要从a组件逐级往下分发(a>b>e>h),如果只是简单的需求，也能解决问题；但是如果在比较复杂的项目中还这样，项目维护起来就会很艰难，而且代码看起...

原创 React组件和生命周期

React组件和生命周期一React组件组件是React的核心、精髓。组件有输入、输出以及自身状态，分别对应props、render、state，相信稍微用过React的同学都很清楚。组件之间的传值和方法调用。父组件向子组件传值 父组件通过属性进行传递，子组件通过props获取，这个传递和vue里的一样，但接收方式不同如下图： ...

原创 React函数组件和class组件以及Hooks

React函数组件和class组件以及Hooks作者 烦恼会解决烦恼我们都知道定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 什么是函数组件▼函数组件接收一个单一的props对象并返回了一个React元素，如下图：什么是class组件▼使用ES6 的 cla...

原创 wap2app ios首页侧滑关闭页面出现空白 解决方法

烦恼会解决烦恼 数据流动前言：最近wap2app项目中ios真机运行，首页侧滑操作后出现白屏页面并且返回不回去，只能关闭app，看了wap2app文档说是manifest.json文件popGesture设置为none，然而试了下还是没解决。解决方案：sitemap.json文件添加"popGesture":"close"...

原创 wap2app小技巧 生成各类证书(ios篇)

烦恼会解决烦恼 数据流动生成ios证书的方法有多种，在这里我分享两种比较常见的方法。 使用deloud提供的生成证书的方法，具体查看官方提供的步骤，教程网址：https://ask.dcloud.net.cn/article/152 这种方法比较麻烦，而且必须使用苹果电脑。 2.使用ios上架辅助工具Appuploader，其有优点是一键生成各种类型的证书，比起de...

原创 wap2app小技巧 生成自有证书（安卓篇）

烦恼会解决烦恼 数据流动1.安装JRE环境，配置环境变量,已安装java环境可跳过此步骤（目的：使用一、JRE自带的创建和管理证书工具keyTool）。安装JRE步骤：（1）从Oracle官方下载JRE安装包：https://www.oracle.com/technetwork/java/javase/downloads/index.html（2）选择J...

原创 面议事项

面试中常犯的典型错误：没有礼仪迟到、若装不整、见面不问好、结束不道别、没有笑容专业用语面试交流过程中不喜欢用专业用语,比如说到数据库时,说明什么语言的数据库表达能力不能清晰地表达自己的视点,叙述没有逻瓣关系心态把自己的心态放得过低,自信度不够,表现得过于谦虚,甚关系,同时面试方的心理是非常希望你能表现好,因为他们也急需人为公可服钱成做事互动性不会的或者没有听懂的问题,不知道向面试言请教。如果认为这...

原创 元素的特性

元素的特性行内标签特性​ 同排显示​ 不能设置宽度、高度​ 支持左右的外边距 以及 内边距 所有行内标签: a,b,strong,span,img,label,button,input,select,textarea块级标签特性​ 单独占据一行​ 可以设置宽度、高度​ 支持左右的外边距 以及 内边距 所有块级元素:header,for...

原创 IT行业市场人才需求

中小型企业是以后台为主，以前端为辅助，虽然主做后台，但是有时候也要对前端的布局有一定的了解，因为中型企业以模块开发的公司比较多。能自己独立做出一个系统来，这个时候就能在大小企业通吃了，但是至少需要以后台为主，前端为辅才能做到的！模块开发(中小企业)，就是前端和后台都要写。这类网站，比如你搜索 信用中山网，网站前端要求不高，所以只要前端和后台都会的开发者，当然后期也会有至少一个美工。那专业的前端...

原创 HTML规范(个人总结)

版权声明：本文为博主原创文章，未经博主允许不得转载。一、HTML规范1.1代码规范- 所有书写均在英文半角状态下的小写；- 所有标签必须闭合；- 统一用tab键缩进；- 属性值必须带引号（单引或双引）；- ul,li/ol,li/dl,dt,dd拥有父子级关系的标签，下一级只能嵌套对应的列表项子级；- p,dt,h标签 里面不能嵌套块属性标签；- a标签不能嵌套a；- 内联元素不能...

原创 图片-路径-列表

img 标签​ ​ src:要放的图片的路径​ width:设置图片的宽带​ height:设置图片的高度​ alt:图片在加载不出来的时候对图片的文字描述​ title:当鼠标停留时可以显示的提示信息​路径​ 文件分隔符: /​ 绝对路径:从根目录一层一层文件进入，直到找到目标文件