- 博客(43)
- 资源 (1)
- 收藏
- 关注
原创 【Vue3】vue3 事件总线mitt使用
Vue2.x 使用 EventBus 事件总线进行兄弟组件通信,而在Vue3中事件总线模式已经被移除,官方建议使用外部的、实现了事件触发器接口的库,例如 mitt 或 tiny-emitter。
2022-10-24 10:58:30 12609 1
原创 【Vue3】一文看懂vue3单文件组件的语法糖<script setup>
vue setup单文件组件 (SFC) 中使用组合式 API 的编译时语法糖总结。
2022-08-04 14:12:25 4402
原创 【react-native】React Native + Ant Design 的 Tabs组件
现象:最近开发RN项目,在使用ant-design的tabs标签的时候,发现标签是可以左右滑动切换,但是无法点击标签切换。原因:不知解决方案: renderTabBar时设置TabBar渲染组件 goToTab切换标签index.tsx/** “tab” 页面 */import React, { Component } from 'react'import { View, Text...
2019-11-10 13:55:58 2108
原创 【Mac】checkPermissions Missing write access to...
情况:Mac通过 npm 安装报错,checkPermissions Missing write access to /usr/local/lib/node_modules原因:npm 的安装权限不足解决方案:方案一:ls -l /usr/localsudo chown -R $USER /usr/local然后输入密码方案二在安装命令前加上 sudo,然后根据提示输入密码即...
2019-11-05 19:58:58 812
原创 【react-native】Flatlist下拉刷新以及上拉加载实现
Flatlist是一个高性能的简单列表组件,支持下面常用的功能完全跨平台支持水平布局模式行组件显示或隐藏时可配置回调事件支持单独的头部组件支持单独的尾部组件支持自定义行间分割线支持下拉刷新支持上拉加载支持跳转到指定行支持多列布局引用import { View, Text, FlatList } from 'react-native'基本定义 this.s...
2019-11-04 14:22:33 1366
原创 仿照Angular的date过滤器将时间戳依照传参格式返回
背景:最近在写react-native项目,后端返回时间戳,但各个设计稿给的时间格式都不相同…目的:仿照Angular的date过滤器将其时间戳根据传参格式返回。结果:方法一: function _timeFormat(date, format) { if (!date) return function add0(m) { return m &...
2019-11-01 14:26:07 178
原创 前端基础面试题
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。选用标签的标准...
2019-07-17 22:31:05 1281
原创 【小程序】开发需要注意的地方(三)
31.小程序与内嵌网页之间的跳转小程序跳转到内嵌H5页面,需要使用web-view组件,定义该组件的src属性即可。内嵌H5页面跳转到小程序页面引入微信的jssdk文件,使用wx.miniProgram.redirectTo({url: '/path/to/page'})详细解释32. 判断网页是否在小程序环境在网页内可通过window.__wxjs_environment变量判断是否在......
2019-03-19 11:35:46 1147 1
原创 【小程序】自定义插件以及使用
开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。具体实现要做自定义组件,我们先定一个小目标,比如说我们在小程序中实现一下 模态框组件,基本效果图如下。我们初始化一个小程序(本示例基础版本库为 1.7 ),删掉里面的示例代码,并新建一个 components 文件夹,...
2019-03-08 15:36:57 976
原创 【小程序】自定义模板以及使用
小程序为了避免页面中重复使用代码的问题,提供了模板机制,把一些可以复用的代码片段放置在代码中进行定义,然后在页面中使用。定义模板新建一个可以存放模板的文件,比如将文件命名为template.html,代码如下:<template name="prize"> <view> <text>{{name}}</text> ...
2019-03-05 22:14:11 727
原创 【小程序】跨页面传参通信 onfire.js
在小程序开发过程中,难免会遇到一种情况,当A页面需要用户设置数据 点击进入B页面,在B页面设置成功后返回并将设置的值传递给A页面。但是wx.navigateBack()并不支持返回传参。这种情况下就可以使用onfire.js,onfire.js 是一个很简单的事件分发的 Javascript 库(仅仅 0.9kb),简洁实用。onfire.js下载地址将onfire.js下载下来并放置在开发...
2019-03-05 22:12:52 636
原创 【小程序】开发需要注意的地方(二)
16. 小程序this.setData is not a function现象:如果出现this.setData is not a function 这个错误,这个就是微信小程序中的this的指向问题,比如在发送请求成功之后的this指向。解决方法:const that = this;然后使用that.setData使用ES6的箭头函数17.使用data-xx传值小程序会使用dat...
2019-03-05 10:27:55 369
原创 【小程序】开发需要注意的地方(一)
1. 小程序页面路径页面路径以文件名来创建,“pages/home/home”这样的页面路径是推荐的,而“pages/common/home”这样的页面路径是不推荐的,因为不便于微信小程序创建文件夹和文件,也不方便维护。2. 小程序单位rpxrpx:可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx,在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 37...
2019-03-05 10:24:53 561
原创 【小程序】promise在小程序中的运用
当开发者在开发时,可能会遇到这种情况:一个页面的加载会需要多种请求返回的数据构成,当页面一旦加载,显示加载条,只有当所有的请求都成功之后才会显示其页面,才会隐藏加载条。但多种请求无法预测哪个请求首先完成。如果使用请求中套用请求这种方法,用户的体验不是很好。可以采用 promise.all方法可以把多个promise实例合并为一个,等待所有的子promise全部执行完成之后,才会触发回调函数。...
2019-03-04 17:15:52 949
原创 【小程序】使用wxParse解析html
小程序在开发时,读取到服务器的内容是html格式的,因小程序不支持html格式的内容显示的,因此要对html格式的内容进行编译,可以通过wxParse来实现。wxParse下载地址实现方法:将下载下来的wxParse文件夹复制到开发项目的根目录下。在小程序页面对应的wxss文件中引用wxParse.wxss@import "../../wxParse/wxParse.wxss";在...
2019-03-04 17:15:09 894
原创 【小程序】与内嵌网页之间的跳转
小程序跳转到内嵌H5页面小程序跳转到内嵌H5页面,需要使用web-view组件,它是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。代码如下:<web-view src="https://mp.weixin.qq.com/"></web-view>注意:web-view组件的src指向网页的链接,该网页的地址需要在改...
2019-03-04 17:13:39 625
原创 【小程序】生命周期
小程序生命周期分为两类:应用生命周期和页面生命周期。应用生命周期应用生命周期包括onLaunch、onShow、onHide、onError、onUnload。onLaunch:监听小程序初始化,当小程序初始化完成时,会触发,全局只触发一次。onShow:监听小程序显示,当小程序启动,或从后台进入前台显示时,会触发。onHide:监听小程序隐藏,当小程序从前台进入后台时,会触发。on...
2019-03-03 12:50:41 372
原创 【小程序】跳转到H5页面进行参数加密
在微信小程序开发中时常会使用webview加载一些H5网页,使用过程中肯定需要参数传递形成连接。针对一些携带用户信息的参数进行加密也变得至关重要的。例如在小程序中登录之后,发送请求都需要设置cookie请求头,所以在H5网页上进行操作也会需要该cookie的设置,这时需要通过参数把cookie传递到页面上并针对cookie进行加密。以AES加密为例进行简单的加密操作。其aes.js源码:/*...
2019-03-02 12:25:25 1943
原创 【小程序】wxs过滤器的使用
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。小程序在渲染时如果需要对数据进行处理,可以使用其对应的js文件。但针对于该方法在多个页面重复使用的时候修改其对应的js文件工程量巨大,造成代码繁琐重复。所以使用wxs可以有效的减少代码的冗余。其使用方法如下:tools.wxs文件var toolFr = { formatDateAll...
2019-03-02 12:22:43 546
原创 【小程序】判断用户是否是通过点击别人分享的小卡片进入页面
用户进入小程序的方法有很多种,可以通过好友分享、群聊分享、微信聊天主页面下拉或者发现栏小程序等等多种途径。但如果通过好友分享或者群聊分享打开的是某一个小程序页面,其页面可能无论如何操作都不能返回主页面,这时就需要在分享的页面中加入一个返回主页面的按钮,所以需要判断用户进入的渠道。解决方法:通过小程序场景值。对于小程序,可以在 App 的 onLaunch 和 onShow,或wx.getLa...
2019-03-02 11:58:55 8571 2
原创 上传excel文件并读取数据
在前端开发中,可能会遇到前端如何读取Excel文件的数据的需求,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/jquery.js"></script&
2019-03-01 15:33:40 2500
原创 上传excel文件并绘制成图表
通过input上传xlsx文件,并绘制成图表,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/jquery.js"></script>
2019-03-01 15:30:47 514
原创 安装nodejs后无法在cmd中执行node -v
今天重新安装了一下官网上node的最新版本,但是在执行node -v时却出现了以下的错误:查看了好多资料,才知道该问题的解决方法,总结一下如下:WIN + R 命令打开命令提示符窗口。在命令提示符窗口中使用该命令: netsh winsock reset(winsock是Windows网络编程接口,winsock工作在应用层,它提供与底层传输协议无关的高层数据传输编程接口 netsh ...
2019-03-01 15:25:13 9367
原创 Angular滚动到底部自动加载
ngInfiniteScroll 是用于 AngularJS的无限滚动控件,特点是简单易用,是AngularJS应用最为广泛的”触底加载”控件。使用方法如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view
2019-03-01 14:52:09 1672
原创 跨域访问和同源策略
因为在同一个浏览器窗口中能够同时打开多个网站的页面,而且它们都处于同一个会话中,如果不禁止跨域访问则会造成用户隐私数据泄露和登录身份冒用的问题,所以浏览器会使用同源策略限制跨域访问。在浏览器中,通过JS代码访问不同域名下的URL或者iframe时,会被禁止访问。而不是通过JS代码进行的跨域访问不存在跨域问题!比如跨域加载图片,引用JS文件,下载各种文件,使用iframe跨域嵌入其他网站的页面都...
2019-03-01 14:35:41 258
原创 Macbook启动台图标顺序混乱
每次电脑启动时,启动台里的图标就会改变一次,这让强迫症的我有点忍受不了,上网查了很多资料,后来找到了重置Launchpad的方法。方法如下:在Mac显示器屏下方快捷菜单找到火箭图标“Launchpad”,单击打开,再找到“其他”图标,在其中找到“终端”图标,打开终端。在终端中输入代码如下:rm ~/Library/Application\ Support/Dock/*.db &...
2019-02-20 11:33:29 15856 1
原创 react常用模块包
react-document-title修改react标题npm install --save react-document-title import React, { Component } from 'react' import DocumentTitle from 'react-document-title' export default class App e...
2019-01-24 23:29:35 675
原创 初级算法
工作忙完了,就闲着浏览各种各样的网页,看到了W3Cschool的关于算法的挑战,感觉还蛮有意思的,进而总结了一下。翻转字符串算法要把字符串转化成数组,再借助数组的reverse方法翻转数组顺序,然后将数组转化成字符串function reverseString(str) { var str = str.split('').reverse().join('') retu...
2019-01-24 23:25:43 222
原创 【Angular 2+】 监听路由动态设置页面meta
angular2+ 里默认切换路由或者切换组件,页面的meta是不会变化的。如果想针对每个路由设置页面标题,要使用 Meta 服务,我们需要从 @angular/platform-browser 库导入 Meta 类,然后利用 Angular 依赖注入的机制,通过构造注入的方式注入 Meta 服务。其Meta Service 提供了addTag()、addTags()、getTag()、getT...
2019-01-24 23:23:29 916
原创 【Angular 2+】 监听路由动态设置页面title
angular2+ 里默认切换路由或者切换组件,页面的标题是不会变化的。 如果想针对每个路由设置页面标题,要使用 Title 服务,我们需要从 @angular/platform-browser 库导入 Title 类,然后利用 Angular 依赖注入的机制,通过构造注入的方式注入 Ti...
2019-01-24 23:20:58 585
俄罗斯方块游戏(源码)
2022-08-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人