3 Luck Young

尚未进行身份认证

个人网站https:/www.wlittleyang.com

等级
TA的排名 7w+

微信小程序回到顶部的两种方式

一,使用view形式的回到顶部HTML:<image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>css:/* 返回顶部 */.goTop{ height: 80rpx; width: 80rpx; position: fixed; bottom: 50rpx; background: rgba(0

2020-05-28 09:19:06

关闭 A cookie associated with a cross-site resource at ...浏览器警告

A cookie associated with a cross-site resource at … 这个是由于cookie跨域导致的,但不影响正常使用,淡黄色的警告~也让人不爽。干掉!Chrome浏览器地址栏输入chrome://flags/,搜索 Cookie deprecation messages ,选择Disabled,此时浏览器下方会出现一个小按钮喊你重启浏览器,点它!重启后一片清爽!...

2020-05-19 17:48:00

node-sass 安装失败问题解决方案

node-sass 安装失败问题解决方案当我们去github上找到一个前端项目,公式项目整合、调试等场景里面样式使用sass、scss来编写的时候,我们就必不可少的回去安装sass、node-sass、sass-loader三件套。以前node版本在12.x的时候还好,切使用npm来安装node-sass除了慢点基本没啥问题,而现如今node14.x都出来了,webpack4.x+的时代,在安装node-sass的时候总是会报错,总是会出现gyp ERR!...之类的错误,大多都是**__binding.

2020-05-17 15:58:33

使用koa、Nginx处理vue项目的history模式

使用koa处理vue项目的history模式在vue项目的路由中默认是hash模式,又叫前端路由,根据浏览器url地址栏中的变化,使用onhashchange事件监听做出相应的操作,不会向服务器发送请求。但是若采用了history模式,就大大不同了,history不怕前进不怕后退就怕刷新,history模式是由浏览器提供的history api来处理。而且将vue项目(非ssr)打包后的静态资源...

2020-05-06 11:14:13

你使用过:placeholder-shown和:focus-within伪类吗?

placeholder-shown当input或者textarea元素拥有placeholder属性的时候可使用该伪类,选择所有显示占位符(placeholder)的元素。当placeholder的内容显示的时候拥有该伪类。比较直观的感受就是当用户框输入内容时该伪类不在生效。MDN:传送门这是一个实验中的功能此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用...

2020-05-06 09:52:57

前端代码规范

前端代码规范Front Standard Guide前端 JS 项目开发规范规范的目的是为了编写高质量的代码,让你的团队成员每天得心情都是愉悦的,大家在一起是快乐的。引自《阿里规约》的开头片段:----现代软件架构的复杂性需要协同开发完成,如何高效地协同呢?无规矩不成方圆,无规范难以协同,比如,制订交通法规表面上是要限制行车权,实际上是保障公众的人身安全,试想如果没有限速,没有红绿灯,谁...

2020-04-29 13:11:30

vue实现消息提示框

我们常常看到很多vue生态下的ui框架的消息提示框,在页面切换的时候依然停留在页面,我们知道vue这种单页面渐进式框架,所有的操作和元素都是挂载在一个节点上的,当路由变化是整个节点下的dom元素也在重新渲染,若要实现ui框架中的类似的消息提示框的话,理论上就该把这样的组件挂载到其他的节点上,这样就互不影响了。vue已经为我们考虑好了,在vue上提供了一个vue.extend()函数,可以创建一个...

2020-04-28 23:47:41

package.json配置详解

默认的package.json文件直接使用命令:npm init --yes生成{ "name": "pingdingshan", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &a...

2020-04-19 00:16:53

在centOS在安装nodejs

在centOS在安装nodejs超简单方式:需要工具FileZilla根据系统版本下载对应的node包我这里使用的是v9.x的,因为我的服务器是32位,高版本的node不支持32位了,下载链接:https://nodejs.org/dist/latest-v9.x/使用FileZilla上传服务器随便找个文件夹丢上去,我是上传到/home里面,重新命名node-v9.tar.x...

2020-04-14 21:23:13

js之reduce巧用

在JavaScript数组函数中有一个reduce函数,和filter、map、forEach等方法略有不同,虽然中间也是有内部循环,但reduce多了一层递归。先看看reduce函数接收的参数。reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, ini...

2020-04-09 23:43:19

webpack学习记录(第三阶段)

手写webpack文章目录手写webpack构建自定义命令手写loader手写插件(简单实现)手写babel-loader实现file-loader实现url-loader实现css-loader,改造style-loader构建自定义命令因为这是单独的全局功能模块,源码请移步至https://github.com/smallMote/ypack.git手写loader这里以处理le...

2020-04-06 22:36:31

js实现一个简单的订阅模式

订阅模式应用非常广泛,比如Vue中的钩子以及Vuex的设计模式中都大量使用了订阅模式。下面就简单的演示一下。class Event { constructor() { this.handlers = {} // 事件队列 } // 注册事件(发布) addEventListener(name, handler) { if (!(name in this.h...

2020-03-21 18:26:57

webpack学习记录(第二阶段,持续更新)

Webpack(>4.0.0)第二阶段打包多页应用webpack.config.jsconst path = (p) => require('path').resolve(__dirname, p)const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { mode: 'devel...

2020-03-17 23:30:18

pm2常用命令

p2m常用命令pm2 start app.js # 启动app.js应用程序pm2 start app.js --name="demo" # 启动应用程序并命名为 "demo"pm2 start app.js --watch # 当文件变化时自动重启应用pm2 start script.sh # 启动 bash 脚本...

2020-03-10 10:18:37

vscode 对js提案装饰器的支持

vscode默认不支持ts或js文件使用提案中的一些语法,vscode会给予错误提示。以下是我的解决办法。错误提示:步骤一:步骤二:在用户选项下打钩就是全局支持,在工作区下打钩就是工程项目,工作区下支持。若是vscode 1.42.1版本或更新的版本,立即生效。若低于此版本则需要重启vscode。...

2020-03-06 10:45:50

webpack学习记录(第一阶段)

Webpack(>4.0.0)本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图会映射项目所需的每个模块,并生成一个或多个 bundle。安装yarn add webpack webpack-cli -Dwebpack可以0配置打包...

2020-03-05 23:58:38

MongoDB 基础增删改查

MongoDB中文API创建数据库use DATABASE_NAMEeg: 创建test数据库use test如果数据库不存在则创建数据库,若存在则切换到该数据库。若数据库中没有数据,则不予显示。删除数据库切换到数据库,以test数据库为例子use testdb.dropDatabase()插入数据(集合)一般我们在mongodb中是以集合为单位,一个集合就...

2020-02-29 00:15:44

Mac 关于MongoDB数据库的安装和设置全局环境变量

下载进入官网点击Software选项选择社区版本(Community Server),选择好系统,点击下载。我这里也会附上官网给的链接,点击下载安装因为我们下载的是tgz格式,直接双击加压就好,然后将解压后的那一坨放在/usr/local这里面,也最好重新去个名字,可以使用mac的终端直接输入/usr/loca进入。然后可以有选择性的在此目录下创建一个文件夹(data/db)存放mongo...

2020-02-28 15:56:59

关于vuex-router-sync的作用

我为什么要转载这篇文章呢?原因其实很简单,也是让人失望。事情的经过是这样的,我在别人的代码里看vuex-router-sync,我当时就在想为什么要用这个东西,这个东西可以解决什么问题,可以带来什么好处,在什么样的场景下需要用它,用它是不是会比其他方案更加方便。然后我首先还是选用了百度进行搜索,翻了3页,都没有找到一篇像样的问题,真正去说这个东西的作用,都是人云亦云,搜索了半天,终于看到了上面的链...

2020-02-19 11:37:36

axios 主动取消请求

axios 主动取消请求已经发送的请求,在没有收到后台返回之前主动取消。这样的场景很常用。例如:一个支付组件,正在支付的时候用户立即又关闭了组件,这时应该立即取消支付请求。又或者tabs切换的时候,都是经常用到的。这里我是用Typescript来封装的一个简单的axios请求做演示。api.jsimport axios, { CancelTokenStatic } from 'axio...

2020-02-05 11:50:15

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。