- 博客(33)
- 收藏
- 关注
原创 【前端开发中常用的函数方法】
1、生成随机麵色2、数组重排序3、复制到剪贴板4,检測暗色主题5.邃动到顶部6.邃动到庆部7、检测元泰是否在屏落中8.檢测设备9.漁澈元炭10.从 URL中殀貶委效11. 深传贝对象12、等待函数13、檢测某个元豢是否聚焦14、缺取某个元歲所有的兄弟元泰15.获取当前选择的文本16、铁取所有 cookie 并转为对效17、清除所有 cookie18、抬URL参教转换为对象19、杉数组转为对敏20、籽数组按焣属性计数21、判断数组是否不为空22、辰开多雂数组...
2023-05-24 20:55:34 635
原创 检测元素是否在屏幕中的两种方式
1、使用 Element.getBoundingClientRect() 方法2、使用 IntersectionObserver API
2023-05-10 19:35:00 1072 1
原创 vue3项目到React 的nextjs项目的改版升级后,网站不更新,如何清理缓存,让改版后的网站生效?
问题描述:从vue3项目到React 的nextjs项目的改版升级后,域名不变的情况下访问项目,发现访问到的还是vue3项目、而不是重新部署后的nextjs项目,接着强制刷新界面,到了nextjs改版后的项目,接着鼠标焦点放到浏览器输入框选中后回车后发现又回到了老的vue3项目,上述步骤一直重复,浏览器开发者窗口查看network,发现网络请求的服务为server worker,之后借鉴网上相关server worker卸载相关文档得以解决。(vue3项目中使用了pwa配置)
2022-09-30 16:55:12 1325
原创 Vite:Error: Cannot find module ‘worker_threads‘
Vite:Error: Cannot find module ‘worker_threads‘
2022-06-07 16:55:44 1132
原创 mac 修改hosts的2种方案
工作中发现好多人对修改hosts操作不是很清楚,常常操作不规范导致报错,下面简单做个教程供参考方案一:编译器方式修改hosts(简单又快捷)方案二 :命令行操作常见的修改hosts碰到的问题,以及如何解决E45是我碰见最常见的错误方案一:编译器方式修改hosts(简单又快捷)回到桌面,右上角菜单找到 前往->前往文件夹(shift + command + G),输入 /etc/hosts,点击前往按钮,就找到了hosts将hosts文件夹拖到提前打开的编辑器中(第一次拖动到编辑器中是需
2022-02-07 22:06:45 1997
原创 Windows下使用webpack命令报系统禁止运行脚本
错误如下图所示:解决办法:(参阅:https:/go.microsoft.com/fwlink/?LinkID=135170)1. 打开Windows PowerShell2、在终端中输入:get-ExecutionPolicy,获取执行策略,显示Restricted,表示状态是禁止的;3、设置执行策略: 输入命令:Set-ExecutionPolicy RemoteSigned,成功设置显示为下图:重新执行之前的webpack命令成功:...
2020-05-09 17:08:38 432
转载 IN 函数 和 and 在where条件中联合使用的注意事项:
IN 函数一般在 where 条件中使用。使用的方法为: SELECT columns FROM tables WHERE column1 in (value1, value2, .... value_n);当where 条件中 IN 函数 和 and 一起使用的时候,需要特别的注意:先思考一下下列两个语句的查询结果是否一样 SELEC...
2020-03-24 17:00:48 3639 2
原创 npm 设置代理 and 配置镜像
场景:在日常开发中,需要使用一些基于node.js的javascript库文件,就需要npm对这些依赖库进行方便的管理。有时基于我们的开发环境由于安全因素起见,在访问一些网站时需要使用代理,其中就包括npm的repositories网站,所以就需要修改npm的配置来加入代理。设置代理为npm 设置代理,在设置配置属性时属性值默认是被存储于用户配置文件中,如果加上–global,则被存储在全...
2020-01-06 15:04:13 604 1
原创 bind方法的阐述
在JavaScript中,bind() 方法够改变对this的引用,在上下文中创建一个新函数不会被立即执行(对绑定函数的调用,并且可以指定特定的this,成为一个新的函数,就好像是深拷贝一般),在平常工作中经常用到,并且也是面试的高热词汇,这里就顺带将它进行一些解释:语法fn.bind(thisArg, arg1[, arg2[, ...]]])bind()方法创建一个新的函数,在...
2019-12-18 13:32:20 487
原创 css属性 text-rendering的使用
工作中遇到了这么个问题:移动端:ionic内部默认设置text-rendering为optimizeLegibility,导致了在单行溢出显示省略号时,在安卓设备中省略号显示鬼畜的问题(有时显示2个点,有时显示三个点,有时直接不显示点);基于上面的问题查找了网上资料得知,text-rendering的值为如下:auto浏览器依照某些根据去推测在绘制文本时,何时该优化速度,易读性...
2019-12-14 17:59:34 1994
转载 字符串中连续字符的去重
1.通过利用正则来匹配字符串中有两个或两个以上的连续字符的子字符串 <script> var reg =/(.)\1{1,}/g;//正则表达式 var str = "abbcccdeeeefgaa";//要演示的目标字符串 var res1 = str.match(reg)//匹配两个或两个以上连续字符 var res2 = str.rep...
2019-11-27 18:48:10 1221
转载 js中的const 命令
js中的const 命令一直以来我在我字典里认为const 命令就是用来声明一个常量,然后并非如此,这也是我在工作中偶然发现的,然后查了下文档才得知,记录在档,以供参考:const 定义const声明一个只读的常量 。一旦声明, 常量的值就不能改变。常量 所谓的常量就是不能改变的值const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: ...
2019-11-07 10:55:44 24281
原创 表单的提交 “数组的整合”
前段时间工作中遇到的问题:后端要求使用form表单提交到后台的数据为一组整合的数据,接下来看如何将form表单的数据以数组的方式提交到后台:1、普通方式:给每个form表单可检测的标签命名不同的name即可:<form id="form1" action="./index.php" method="get"> <div class="form-control"&
2018-12-18 16:20:51 3572 1
原创 html meta标签‘http-equiv’与‘name’属性的详解用法
闲来无事整理整理meta标签中的事儿,哪里不对,请指教,莫喷的太严重,轻喷。。。meta是html语言head区的一个辅助性标签。如果你能够用好meta标签,会给你带来意想不到的效果。接下来我们来看看它有哪些骚操作吧, a、帮助主页被各大搜索引擎登录; b、定义页面的使用语言 ; c、自动刷新并指向新的页面; d、实现网页转换时的动画效果 ; e、控制页面缓冲 ; ...
2018-11-28 14:56:26 1373
原创 npm/cnpm 开发中的命令详解
npm是世界上最大的开放源代码的生态系统。我们可以通过npm下载各种各样的包,这些源代码(包)我们可以在https://www.npmjs.com(npm包官网)找到。npm安装:傻瓜式安装,下载安装nodeJS(https://nodejs.org/en/);淘宝镜像cnpm安装:npm install cnpm -g --registry = https://registry.npm....
2018-11-16 15:00:25 5753
转载 JS中 !/+/-/~ function() {/*...*/}() 是什么意思?
自执行匿名函数:常见格式:(function() { /* code */ })(); 解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。 作用:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许(变量前加上window,这样该函数或变量就成为全局)...
2018-09-29 11:58:30 11987
转载 模板字符串(` `)的用途
模板字符串是在ES6中兴起,个人感觉非常有用:用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。请看下方截图代码从而可知其模板字符串的强大:以下为转载内容,请供参考用法// 普通字符串`In JavaScript '\n' is a line-feed.`// 多行字符串`In JavaScript this i...
2018-08-23 13:58:22 66771 2
原创 前端面试总结(看看那些是你不知道的)
一、什么是闭包?闭包的工作原理?闭包的优缺点? 闭包最简单的理解就是在函数内部还有函数,为了解决JavaScript的局部变量问题,如何从函数外部访问到函数内部的局部变量。想了解更多请参考:什么是闭包?闭包的工作原理?优缺点二、JS的垃圾回收机制? Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。JS中最常见的垃圾回收方式是标记清除。...
2018-08-23 13:09:16 388
转载 JS垃圾回收机制及引起内存泄漏的问题
JS的垃圾回收机制了解吗? Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。JS中最常见的垃圾回收方式是标记清除。工作原理:是当变量进入环境时,将这个变量标记为“进入环境”。当变量离开环境时,则将其标记为“离开环境”。标记“离开环境”的就回收内存。工作流程:1. 垃圾回收器,在运行的时候会给存储在内存中的所有变量都加上标记。2. ...
2018-08-01 12:56:08 354
原创 什么是闭包?闭包的工作原理?闭包的优缺点?
什么是闭包?闭包的优缺点?这已经是前端开发人员老生常谈的了;闭包(closure)是javascript的一大难点,也是它的特色。很多高级应用都要依靠闭包来实现。参考:http://www.cnblogs.com/cxying93/p/6103375.html1、变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种:全局变量和局部变量。...
2018-08-01 12:31:38 2179
原创 Ionic3.x+ 目录结构分析、创建组件、创建 页面、页面跳转
一,Ionic3.x目录结构分析 hooks:编译 cordova 时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中node_modules :node 各类依赖包 resources :android/ios 资源(更换图标和启动动画)src:开发工作目录,页面、样式、脚本和图片都放在这个目录下www:静态文件platforms:生成 android 或者 i...
2018-07-18 17:05:15 2487 2
原创 Ionic3.x+、 Angular4.x+ Cordova 介绍以及 Ionic3.x+环境搭建
Ionic 是一款基于Angular、Cordova 的强大的HTML5移动端开发框架,可以快速创建一个跨平台的移动应用,可以快速开发移动app 、移动web页面、微信公众平台应用,混合app web页面。Ionic 和 Cordova(phonegap)、Angular 关系。 ionic=Cordova+Angular+ionicCSS Ionic 是完全基于谷歌的 An...
2018-07-18 10:33:25 1326
转载 ionic 调用硬件设备
Ionic 调用硬件的能力。 Ionic 调用原生 api 的能力是基于 cordova 的 ,cordova 是 Adobe 公司的一个开源的框架, 诞生于2008年, 可以让我们用javascript调用手机原生的几乎所有的api,比如:摄像头、 麦克风等、重力感应、加速器、声音、震动、 网络、视频、音频、地理定位等,原生能实现 的所有功能。Ionic 调用 Devic...
2018-07-16 13:03:38 1316
转载 Without `from` option PostCSS could generate wrong source map and will not find Browserslist config.
ionic3项目打包时遇到的问题错误信息Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.解决方法在...
2018-07-03 13:05:59 3295
原创 highcharts在Angular中的使用
1.使用npm 安装angular2-highchartsnpm install angular2-highcharts --save2.主模块中引入 app.module.ts...import { ChartModule } from 'angular2-highcharts';@NgModule({ imports: [ ChartModule.forRoot(require...
2018-05-23 13:53:30 2179
原创 Angular中LocalStorage的使用
一、参考项目https://github.com/NilsHolger/angular2todoeshttps://github.com/rrgarciach/angular2-local-storage二、环境三、具体操作1、新建一个ts文件(我的文件路径 ../src/app/utils/dataStore.ts)export class LocalStorage { public l...
2018-05-17 16:57:21 4132
原创 new Date()日期格式处理
项目开发中遇到的格式问题:const strTime="2018-1-1 9:10:10";const myDate new Date(strTime);const Y = myDate.getFullYear();const M = myDate.getMonth()+1;const D = myDate.getDate();const curDay = Y + '-'+ M ...
2018-05-09 21:30:08 128197 3
原创 数组去重方法总结
方法1:先排序后去重 function removeRepeat1(array) { var newsArr = [],point; array.sort(); point = array[0]; newsArr.push(array[0]); for (var i = 1; i < array.length; i++) { if (ar...
2018-05-05 11:49:12 474
原创 Angular指令
Angular提供了若干内置指令,下面来看看它的神奇:ngIf如果要实现一个元素的显示与隐藏,ngIf指令的表达式将会实现这个功能:<div *ngIf="b">我是一个盒子</div> //这里的b最终的结果是一个boolean值,b可以是表达式、函数、判断语句等等ngSwitch在需要根据不同的条件来渲染不同的元素时,此时用ngIf会感觉特别的繁琐,ngSwitch解...
2018-03-12 21:32:55 252
原创 Angular2-生成二维码
使用Angular2生成二维码是非常简单的,有两个库提供支持:angular2-qrcode(不支持中文)、ng2-qrcode 。安装在项目中打开“终端”,运行以下命令:安装angular2-qrcodenpm install angular2-qrcode --save 安装ng2-qrcodenpm in...
2018-03-12 15:44:25 3520
原创 搭建Angular项目
在开始之前说一些题外话,此框架开发人员呢用AngularJs统一称为1.x版本,而Angular代表的是2.x、3.x、4.x、5.x等后续版本,这就是它的一些基本命名策略。接下来呢我们开始我们的Angular学习之路。搭建环境1 TypeScript 要使用typescript,首先呢就得安装Node.js(安装方式请看官方网站:点击打开链接)。要使用Angular,t...
2018-03-07 17:56:17 1628
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人