前端
文章平均质量分 76
暴走的奶糖
码农
展开
-
小程序直接跳转到公众号的方法
实现效果 小程序打开公众号的实现效果 小程序不能直接打开公众号首页,但是可以通过打开公众号的某一篇文章,然后进入到公众号内。具体实现方法在公众号后台创建一篇文章,最好以xx.weixin.qq.com为域名 ,否则可能出现小程序不识别的问题;在小程序项目里创建一个webView的页面,访问的链接就是配置好的公众号文章链接;在本地运行小程序,在需要跳转的地方添加方法,点击先跳转到原创 2021-04-19 17:51:22 · 24807 阅读 · 6 评论 -
Jest测试框架知识点总结
jest 是 facebook 推出的一款测试框架。JEST 官方文档:https://jestjs.io/docs/en/getting-started 需要连接外网。一、Getting Started开始安装:yarn add --dev jestor npm:npm install --save-dev jest提示:Jest 支持 yarn 的命令,但是 npm 也能工作。你可以比较 yarn 和 npm 在 yarn 命令文档里https://yarnpkg.com/en/.原创 2020-07-09 16:33:05 · 6058 阅读 · 1 评论 -
async、promise、setTimeout执行机制
题目描述:写出执行结果,并解释原因async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');} async function async2() { console.log('async2');} console.log('script start'); setTimeout(()=>{ console.log(转载 2020-07-09 15:35:52 · 236 阅读 · 0 评论 -
实现多个标题的吸顶
<html> <head> <title>实现多个标题的吸顶</title> </head> <body> <ul id="container"> <h1>实现多个标题的吸顶</h1> <section> <div class="box">header1</div> <li&原创 2020-05-19 18:51:17 · 417 阅读 · 0 评论 -
CSS Variables for React Devs
这是一个有争议的观点,但是我更喜欢CSS-in-JS。 ????????但! 我也非常喜欢CSS。 而且我不认为使用CSS-in-JS可以使您不必学习它。 无论哪种方式,您都在编写CSS! 它的包装方式略有不同。无论您将CSS放在何处,都应该掌握该语言。 精通CSS将使您成为更有效的前端开发人员。在本教程中,我们将了解如何利用CSS中最令人兴奋的最新开发之一:CSS变量,AKA自定义属性。 我们将看到如...转载 2020-04-24 15:17:01 · 802 阅读 · 0 评论 -
Warning: componentWillMount has been renamed, and is not recommended for use
The ProblemWarning: componentWillMount has been renamed, and is not recommendedfor useInitializing state 初始化状态// Beforeclass AppComponent extends React.Component { state = {}; componentW...转载 2020-04-23 13:54:48 · 17574 阅读 · 1 评论 -
The href attribute requires a valid value to be accessible
报错信息:在react中使用a标签报错,解决办法将 个人博客 改成 个人博客 加个/ 即可原创 2020-03-12 14:33:33 · 1369 阅读 · 0 评论 -
React的生命周期
组件的生命周期分成三个状态:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOMReact 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。componentWillMount()componentDidMount()componentWillUpdat...原创 2020-02-11 16:53:12 · 108 阅读 · 0 评论 -
React 入门实例教程
最近又重新学习了一遍React基础,下面自己做下简单的笔记总结。一、React的起源React起源于Facebook的内部项目,因为该公司对市场上的所有Javascript MVC框架都不满意,就决定自己写一套,用来架设Instagram的网站。做出来之后,发现这套东西很好用,就在2013年5月开源了。React 官网:https://reactjs.org/由于React的设计思想及其...原创 2020-02-11 11:44:35 · 349 阅读 · 0 评论 -
Babel的使用方法
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。下面是一个例子。//转码前input.map( item => item+1 );//转码后input.map(function(item){ return item+1;})上面的原始代码用了箭头函数,这个特性还没有得到...转载 2020-02-06 14:36:15 · 1601 阅读 · 1 评论 -
React知识点总结
最近因为疫情在家里呆着,没事总结总结知识点,以后也能当笔记用。1、constructor( )构造方法这是ES6对类的默认方法,通过new命令生成对象实例时自动掉用constructor()方法,该方法是类必须有的,如果没有显示定义,就会默认添加空的constructor()方法。ES5中,JavaScript是没有继承的写法的,因此,通过使用prototype来达到目的。例如://构造函...原创 2020-02-05 11:17:24 · 299 阅读 · 0 评论 -
重构JS书籍知识点总结
函数上移动机:如果某个函数在各个子类中的函数体都相同,则将函数上移检查待上移的函数,确定完全一致检查函数体内引用的所有函数调用和字段都能从超类中调用到如果待上移的函数声明不同,则修改为将要在超类中使用的声明超类中创建一个函数,将待上移函数代码复制其中执行静态检查移除一个待上移子类函数测试移除其余待上移子类函数Before:class Employee extends ...原创 2020-01-20 14:56:31 · 258 阅读 · 0 评论 -
PWA渐进式Web应用
Progressive Web App,简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。目录:1、PWA 基本介绍PWA 全称 Progressive Web App,即渐进式 WEB 应用2、PWA 核心技术揭秘Web app manifestService workerPromise / async / awaitFetch apiCa...原创 2020-01-20 14:46:27 · 658 阅读 · 0 评论 -
Taro原理总结
简介Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分...转载 2020-01-20 14:44:09 · 4867 阅读 · 0 评论 -
Node版本管理控制器
最近项目切换频繁,经常需要用到node版本的切换,现在总结一下Node的版本管理控制器的使用和安装1、Node 可以用n来管理版本的切换安装:npm install -g n查看帮助:➜ ~ n --helpUsage: n [options] [COMMAND] [args]Commands: n Disp...原创 2019-09-25 17:08:28 · 1197 阅读 · 0 评论 -
必备!VSCode常用插件
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。原创 2019-01-04 11:42:49 · 2499 阅读 · 0 评论 -
【vue笔记2】-自定义指令
基础除了内置指令,Vue.js也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为DOM行为。Vue.js用Vue.directive(id,definition)方法注册一个全局自定义指令,它接受两个参数:指令ID与定义对象。也可以用组件的directives选项注册一个局部自定义指令(此方法相当于AngularJS restrict)属性值为A。钩子函数bind——只调用一...原创 2018-11-04 19:15:09 · 979 阅读 · 0 评论 -
vue采坑实记
vue采坑实记1. fastClick的300ms延迟问题解决方法: 安装fastClick: sudo npm install fastclick -s 在main.js中引入并初始化:import FastClick from 'fastClick';FastClick.attach(document.body);2. 深度选择器这个知识点别的文章有写过,不...原创 2018-08-05 11:44:49 · 341 阅读 · 0 评论 -
HTML5本地存储使用详解
HTML5本地存储使用详解前言 随着Web应用的发展,需要在用户本地浏览器上存储更多的应用数据,传统的cookie存储的方案已经不能满足发展的需求,而使用服务器端存储的方案则是一种无奈的选择。HTML的Web Storage API是一个理想的解决方案。如果是存储复杂的数据,则可以借助Web SQL Database API来实现,可以使用SQL语句完成复杂数据的存储与查询。本...原创 2018-08-04 19:17:08 · 17683 阅读 · 0 评论