web前端
文章平均质量分 57
PrayerYa
小呀小菜鸟,背着电脑到处跑(workList:http://www.prayercc.xyz/)
展开
-
Property ‘fullPath‘ does not exist on type ‘Ref<RouteLocationNormalizedLoaded>‘
Property 'fullPath' does not exist on type 'Ref'原创 2022-06-14 15:43:08 · 1602 阅读 · 0 评论 -
reduxToolkit 之 Matching Utilities 使用引导
Redux Toolkit 提供了许多action匹配工具,常被builder.addMatcher用于筛选符合操作的actionGeneral Purpose(一般匹配工具):isAllOf: returns true whenallconditions are met 全部匹配,返回true 功能类似 every isAnyOf: returns true whenat least one ofthe conditions are met 任一匹配,...原创 2021-04-26 15:10:22 · 302 阅读 · 0 评论 -
ng 命令解析之library+application(构建自己的lib库)
模块化开发,是每个开发人员都要了解的一种方式,它的优点实在是太多了,这里就不一一阐述了,接下来将一步步带领大家创建自己的lib库 创建lib库 一般来说可以直接在新项目中直接新增lib库 ng g library libraryname --prefix prefix,--prefix 选项的意思是库前缀名,例如 nz-zorro 的前缀是nz,为的是方便管理,也可以不指定,会默认前缀:lib (主程序的前缀是app) 我们能这里创建一个空的项目,就是不会包含src目录的...原创 2020-10-29 17:33:47 · 1487 阅读 · 1 评论 -
ng 命令解析之webWorker(实现多线程)
ng g webWorker webWorkerName 用于创建一个Worker 线程,不知道Worker的同学可以看看阮一峰老师的解释先创建一个webWorker/// <reference lib="webworker" />//监听事件addEventListener('message', ({ data }) => { const response = `worker response to ${data.type}`; // 回应事件 pos...原创 2020-10-29 14:14:40 · 697 阅读 · 0 评论 -
ng 命令解析之guard(各种路由守卫推倒表)
1.ng g guard guardName 是创建一个路由守卫,用于路由拦截,拦截的方式各种各样,比如 是否允许路由导航到的模块加载,加载前的数据获取,加载后的界面渲染,离开前的数据保存等CanLoad 用来处理异步导航到某特性模块(是否允许加载模块,仅适用于自定义模块挂载在主路由上)// user-canload.guard.tsimport { Injectable } from '@angular/core';import { CanLoad, Route, UrlSegment..原创 2020-10-28 17:55:36 · 986 阅读 · 0 评论 -
ng 命令解析之component,module
1.ng g component componentName 用于创建一个组件,可以在页面中担当特定可重复的功能组件,也可以挂载在路由上,充当页面展示,这里就不详细介绍使用方法了2.ng g module moduleName 用于创建一个自定义模块,当项目过于庞大的时候就可以考虑使用module,把每个分支功能都做成一个module方便开发和管理,自定义的module可以对外暴露指定组件,也可以直接挂载在主路由上,实现路由懒加载//此处创建一个user自定义模块,附带一个路由配置文件,..原创 2020-10-28 16:25:15 · 1293 阅读 · 0 评论 -
angular ^10.1.6 版本的国际化(i18n)配置
看了其他博主写的文章,总结出来适合angular 10.1.6版本的使用方式,仅供参考1.下载ngx-translate的依赖库//^13.0.0npm install @ngx-translate/core --save //^6.0.0npm install @ngx-translate/http-loader --save2.在app.module.ts中配置,import { BrowserModule } from '@angular/platform-brow原创 2020-10-25 18:57:34 · 630 阅读 · 0 评论 -
h5 video方法,事件,属性详解
闲下来的的时间里,我一直总结之前学习过的知识,今天到video,发现对它还是不够熟悉,于是重新学习一遍。举个例子:<video id="video1" width="380" style="margin-top:15px;"> <source src="video/movie.ogg" type="video/ogg"/>原创 2018-08-07 17:44:09 · 21938 阅读 · 0 评论 -
正则练习题
原题地址:https://www.zybuluo.com/Zjmainstay/note/709093正则检测: https://regex101.com 1. 分组提取/非捕获组分组,是正则里一个非常重要的概念,我们需要针对某个区域提取数据,往往需要依赖分组。而分组,其实就是正则里()括住的部分。(1.1)分组提取需求:在分组1中匹配meta中author属性的值源串...原创 2018-08-06 17:28:33 · 1238 阅读 · 0 评论 -
原生ajax的封装之旅
(ps:一直使用的时jquery封装好的ajax,没有对此深究过,直到看到了一些面试题,才发现对此一无所知。)参考文档:https://segmentfault.com/a/1190000004322487简单使用://get var ajax = new XMLHttpRequest(); ajax.open('get','./1.php?name=233'); ...原创 2018-07-22 17:30:07 · 391 阅读 · 0 评论 -
vue加载显示{{xxx}}的解决方法
一般vue.js文件放在最后,由于浏览器是从头到尾的渲染机制,在没有读取到识别符对应的js控制语句就会直接显示{{xxx}}这个问题可以用vue的一个特点解决,就是Vue会自动屏蔽掉自定义属性我们可以为对应的dom节点添加一个自定义属性,比如 dom-hidden(官方:v-cloak)然后css定义 : [dom-hidden]{ display:none;}这个属性在vu...原创 2018-07-28 19:12:55 · 9418 阅读 · 0 评论 -
js高级技巧总结之高级函数和防篡改对象
高级函数1.安全的类型检测 谈到类型检测,可能大家首先想到的就是typeof 或者 instanceof (检测数组Array.isArray(arr))等这些方式,但是这些方法都有自己的局限性,比如说Safari(直至第四版)对正则使用typeof会返回function,instanceof必须要在同一个作用域下,还有现在浏览器开始支持原生JSON对象了(Douglas...原创 2018-07-17 16:00:24 · 595 阅读 · 0 评论 -
JQuery总结一:DOM篇
基础-DOM篇1.节点创建于属性的处理var $body = $('body');$body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></...原创 2018-04-10 20:42:04 · 255 阅读 · 0 评论 -
JQuery总结二:样式篇
基础-样式篇1.引入<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- 开发版 --> <script type="text/javascr原创 2018-04-10 20:45:05 · 257 阅读 · 0 评论 -
JQuery总结三:事件篇
基础-事件篇1.jQuery鼠标事件之click与dbclick事件第一种:$("ele").click(function(){ alert('触发指定事件')});$("ele").click() //手动指定触发事件第二种:$('p').click(function(e) { alert(e.target.textContent) });第三种:$("...原创 2018-04-10 20:47:37 · 282 阅读 · 0 评论 -
JQuery总结四:动画篇
基础-动画篇1.jQuery中隐藏元素的hide方法$elem.hide() //直接隐藏$elem.hide("fast | slow") // 200/600ms动画隐藏$elem.hide(3000); 3s动画$elem.hide( 3000,function() { alert('执行3000ms动画完毕'); ...原创 2018-04-10 20:48:52 · 299 阅读 · 0 评论 -
JQuery总结五:Ajax
基础-Ajax应用1.基础用法$(selector).load(URL,data,callback);url: 加载数据的地址data: 传向url的参数callback: 回执函数 function(responseTxt,statusTxt,xhr) responseTxt:加载 内容 ...原创 2018-04-11 08:54:28 · 234 阅读 · 0 评论 -
vue+vue-router 打包后遇到的一系问题
写完项目( vue-cli )直接 npm run build 之后,生成了一个dist 文件夹,里面有一个index.html和一个static文件夹,把dist文件里的文件提出来放在我的wamp的www目录下,然后访问127.0.0.1/dist/,发现如下问题1.访问index.html文件没有内容,检查发现是因为index文件里的css和js路径有错 解决方法:修改源码config文件夹下...原创 2018-05-20 14:46:51 · 4820 阅读 · 0 评论 -
Vue深入之js文件全局声明和基础组件的全局注册
前言:有些时候,部分基础的js和vue组件会在不同的页面进行使用,但是每次只是用很少一部分,甚至只用一次,最后导致每个页面里面都会有很长一串的js或者基础组件的长列表,尤其在基础组件很多的时候,会让你头痛万分。下面将介绍如何进行全局注册(都是基于vue-cli)1.js文件全局注册 例如:把一个名为store.js的文件放在和main.js的同级目录下进行操作,先引入,再注册 ...原创 2018-05-27 14:19:55 · 3660 阅读 · 2 评论 -
Vue兄弟组件传值 ------ bus 中央事件总线
之前了解到了父组件传值给子组件(props),子组件传值给父组件($emit),对于兄弟组件间传值是通过他们的父组件作为介质传送的,相当麻烦,现在用bus(一个空的vue对象)作为介质传值更加方便。第一步:在assert文件夹下创建一个eventBus.js文件第二步:在components文件夹下创建一个文件,用来传递数据(触发自定义函数)第三步:在components文件夹下创建一个文件,用来...原创 2018-06-06 14:47:25 · 6509 阅读 · 0 评论 -
企鹅FM接口使用笔记(有声小说)
调用方法: GET https://api.imjad.cn/qqfm/v1/参数说明以及其他请移步 (https://api.imjad.cn/qqfm.md),这里只详细介绍获取有声小说部分有声小说分类对应ID:以全部专辑(39092)为栗子1.获取该分类对应的小说列表(参数:type=album 获取指定类型ID的集合,page_size=20代表一页获取的数据条数,page=1代表获取的...原创 2018-06-21 13:39:35 · 4632 阅读 · 9 评论 -
css3:animation实现时间轴动画
1.效果预览2.实现步骤建立时间轴的整个div结构 外层盒子 动画时间轴 节点信息 初识计算机 2015-09原创 2018-01-13 17:00:22 · 4207 阅读 · 0 评论