![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
核电机组
收编程序员,互利共赢
展开
-
#React-Native#
如果你使用多个第三方依赖,可能这些第三方各自要求的 react 版本有所冲突,此时应优先满足react-native所需要的react版本。所有 JavaScript 依赖模块都会被安装到项目根目录下的node_modules/目录中(这个目录我们原则上不复制、不移动、不修改、不上传,随用随装)。强烈建议始终选择 Node 当前的 LTS (长期维护)版本,一般是偶数版本,不要选择偏实验性质的奇数版本。注意必须严格匹配警告信息中所列出的版本,高了或者低了都不可以。VS code (开发工具)原创 2023-12-25 17:56:24 · 441 阅读 · 0 评论 -
#cordova添加plugin的方法#
安装web-cache 插件。原创 2023-04-27 15:13:42 · 670 阅读 · 0 评论 -
#npm查看模块的所有的版本#
例如npm view webpack versions。原创 2023-04-19 16:37:50 · 289 阅读 · 0 评论 -
#关于webpack版本号的问题#
npm webpack -v 这个没用,因为这个是显示的是npm的版本新 = npm -v。npm webpacl-cli -v 这个没用,因为这个是显示的是npm的版本新 = npm -v。场景:在使用npm install 安装package.json里面的依赖的,打包,运行的使用,有时候会失败。例如当前需要 webpack 需要 5.79.0 , webpack-cli 需要5.0.1。3:卸载webpack webpack-cli。原创 2023-04-17 15:01:09 · 635 阅读 · 0 评论 -
#Laravel Mix:504 系统找不到指定的路径。#
原因: 这个文件不存在 node_modules/webpack/bin/webpack.js ,就是cnpm install 安装的时候安装失败。场景在使用laravel 8 laravel_mix运行前端代码的时候保存提示。这个文件不存在问题解决,可以继续操作了。解决办法,重新安装webpack。提示504错误 ,如图所示。原创 2023-04-14 16:54:34 · 102 阅读 · 0 评论 -
#git commit 提交不了代码#
提交代码遇到这样的问题RR_PNPM_NO_IMPORTER_MANIFEST_FOUND No package.json (or package.yaml, or package.json5) was found in "D:\www\membermarketing".进入项目的.git文件夹,点击进入hooks文件夹,删除pre-commit文件,重新提交 git commit --no-verify -m “xxx” 最后成功解决!原创 2023-04-09 12:33:17 · 1444 阅读 · 0 评论 -
#npm 安装国内镜像#
场景,在使用 npm install 安装模块的时候,失败。原因是使用了默认的镜像地。淘宝镜像是2014年开始提供服务,原来的域名过期了,配置的时候需要使用新的镜像域名。通过配置淘宝镜像并安装使用cnpm。原创 2023-04-08 20:13:08 · 824 阅读 · 0 评论 -
#css 自定义checkbox样式解决方案#
需要将checkbox的样式重新定义。原理是利用 input:checked + 元素例如:HTML:原创 2022-06-26 16:13:29 · 147 阅读 · 0 评论 -
#Vscode工具#
1:创建html的快捷键在英文状态下按住出 !, 再按键盘的 tab自动生成 如图所示原创 2022-06-19 16:06:12 · 75 阅读 · 0 评论 -
#websocker篇#
1:前端js方式验证websockect部署的服务器是否正确var ws = new WebSocket("ws://127.0.0.1:8282")ws.onopen = function(evt) {console.log("open");}ws.onmessage = function(evt) {console.log(evt.data);}ws.onclose = function(evt){console.log("WebSocketClosed!");};ws.onerror = f原创 2022-06-07 14:35:34 · 110 阅读 · 0 评论 -
#bootstrap_table.js#
1:获取选中的值var goodsList = $("#table").bootstrapTable('getSelections');var goodsIds = [] ;for(var i in goodsList){ goodsIds.push(goodsList[i].goods_id);}if(goodsIds.length >0){}else{ var msg = "请选择商品" ; tips.notify(msg, 'warning', 300原创 2022-04-23 17:01:01 · 175 阅读 · 0 评论 -
#bootstrapvalide使用案例#
验证数据提供参考$("#goodsForm").bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon', invalid: 'glyphicon', validating: 'glyphicon' }, fields: {原创 2022-01-24 11:25:00 · 192 阅读 · 0 评论 -
#验证只有数字和字母的js正则表达式#
$.validator.addMethod("isPassword", function(value, element) { var reg = /^(?=.*[0-9])(?=.*[a-zA-Z])([a-zA-Z0-9]{6,20})$/; return reg.test(value); }, "密码必须包含数字、字母组合");原创 2021-12-16 17:17:28 · 294 阅读 · 0 评论 -
#点击图片放大效果#
1:html显示: n = n + '<button style="border: none;background-color: rgba(255,255,255,.9);" class="pimg" img="' + t + '" rel="group" ><img width="35px" height="35px" src="' + t + '" rel="' + t + '" /></button>';2:js点击事件var _t...原创 2021-10-29 09:56:57 · 99 阅读 · 0 评论 -
#tab切换swiper不生效的解决#
使用多个tab。每个tab里面放一个swiper,结果永远是第一个tab里面嵌套的swiper生效解决方案observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper ...原创 2021-09-09 17:35:08 · 269 阅读 · 0 评论 -
#css 基础-三角形#
实现三角形的绘制很简单。<div class="kailong"></div>1:向上.kailong{ width:0; height:0; border-right:50px solid transparent; border-left:50px solid transparent; border-bottom:50px solid red;}向下.kailong{ width:0; heigh...原创 2021-07-05 15:50:31 · 56 阅读 · 0 评论 -
#css 基础-方向箭头#
1:三角形html标记:<p>Right arrow: <i class="right"></i></p> <p>Left arrow: <i class="left"></i></p> <p>Up arrow: <i class="up"></i></p> <p>Down arrow: <i class="down">&l原创 2021-07-05 15:46:50 · 116 阅读 · 0 评论 -
#VUE的计算属性#
在使用vue的时候遇到个问题,后来解决了,以下记录一下,一个新的感受vue计算属性问题。1:vue主要是操作数据,一些有些数据展示时候通过复杂计算得到的,以往都是在渲染越页面的时候通过各种逻辑处理得到,发现这维护比较麻烦。可以通过vue的计算属性来解决这个问题,把需要处理的逻辑放到计算属性里面,得到新的值,用计算属性渲染页面。2:计算属性不能直接传参数,直接传值会报错使用:错误的方式:正确的方式:...原创 2021-07-01 14:20:21 · 61 阅读 · 0 评论 -
#typ6 使用ueditor刷新,数据才能显示出来#
uedior解决方法 UE.delEditor('ueditorCotent');//在初始化时把以前的编辑框清除 不能会出现textarea框 // ueditor 开始调用 // var ue = UE.getEditor('ueditorCotent'); var ue = new baidu.editor.ui.Editor('ueditorCotent'); ue.render('ueditorCotent'); 在返回的...原创 2021-05-18 07:43:40 · 371 阅读 · 1 评论 -
#bootstrap.table.js 使用参考#
在展示电商数据列表的时候用到了bootstrap.table.js。整理一些以作日后参考1:要求从远程获取数据2:服务端获取的数据 和 table需要是数据格式不符,需要整理以下是几个关键点:前端 :sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*)后端返回数据 : 包含参数total 和rows遇到后端返回数据格式和前端不匹配情况解决方案responseHandler: function(res) { ...原创 2021-04-27 15:55:34 · 480 阅读 · 0 评论 -
#vue使用#
vue原创 2021-01-28 18:05:55 · 89 阅读 · 0 评论 -
npm安装教程
一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)开始:点Finish完成再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用原创 2020-12-04 13:51:49 · 326 阅读 · 0 评论 -
#uniapp 微信支付#
1:在使用uniapp 开发微信支付的时候提示错误信息“errMsg”: “requestPayment:fail errors”经过排查发现原因1:参数为空了timestamp参数为空,所以一直调不起微信支付七个参数 appid noncestr package partnerid prepayid timestamp sign "appid": "wx3ec033544939c4a3", "noncestr": "8xpWyIRzA6XGDO2h",...原创 2020-12-03 14:49:42 · 242 阅读 · 0 评论 -
#webpack npm start报错01#
搭建react的开发环境,运行npm run start 报错如下配置web pack loader 报错:Module build failed: Error: The node API for `babel` has been moved to `babel-core`.报错如下Module build failed: Error: The node API for `babel` has been moved to `babel-core`.在我配置loader 的时候出现如上问题配置原创 2020-12-03 10:15:07 · 124 阅读 · 0 评论 -
#解决 webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本 报错问题#
场景:安装完webpack以后 ,在使用webpack -v提示如下错误 + CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccessPS D:\www\hbuilderwork\vue01> webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpac...原创 2020-10-20 09:31:15 · 3111 阅读 · 2 评论 -
#前端 bootstrap 01#
bootstrapgrid 需要隐藏分页var $opt = { toolbar : "#toolbar", toolbarAlign: 'right', pageSize:10, idField:'district_id', pagination:false, paginationDetailHAlign:' hidden', ...原创 2020-09-12 15:36:11 · 78 阅读 · 0 评论 -
#Android Studio使用手册-配置使用01#
一、第一次安装:安装 Android SDK ,安装 JDK 安装 Android StdioAndroid Studio安装完成后,第一次启动AS前,为了避免重新下载新版本的SDK,需要做如下操作:AS启动前,打开安装目录,请先将bin目录的idea.properties文件中增加一行:disable.android.first.run=true就行了,避免第一次打开AS时自动重新下载SDK。mac平台的右键安装包->Show Package Contents 就找到bin目录了...原创 2020-07-16 13:53:01 · 425 阅读 · 0 评论 -
#Android Studio使用手册-安装#
1.安装包下载安装包我们可以在官网下载,下载地址http://www.android-studio.org/index.php/download2.Android Studio 安装- 打开安装包,点next- 点next- 这步要注意了,这里填安装的路径注:硬盘最好满足大于60G,最好是固态硬盘- 直接安装- 这里选择第二个- 这里选择don’t send 不...原创 2020-07-16 13:34:03 · 166 阅读 · 0 评论 -
#uniapp 子组件调用父页面中的方法#
1.创建一个组件,并在页面上调用引用2.在页面引用组件时,通过v-on绑定父组件内定义好的方法3.在子组件内绑定@click触发子组件内定义的方法,同时在子组件内通过this.$emit触发父组件内绑定的方法4.示例代码// 父页面<template> <view class="father"> <emptynctouch :src="'nofarivate'" v-on:gotourl="scrooto" :tip...原创 2020-07-12 08:23:19 · 6270 阅读 · 0 评论 -
#vue-cli构建项目入门#
需求:前端使用vue开发前后端分离项目。使用vue-cli搭建开发环境,vscode开发工具几条命令:npm run dev 开启本地运行浏览器npm run build 打包1.安装vue-cli①使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。②全局安装v...原创 2020-06-17 09:29:58 · 117 阅读 · 0 评论 -
#安装vue_devtools 提示错误#
一:去git下载压缩文件的方式,失败地址https://github.com/vuejs/vue-devtools#vue-devtools使用nmp run builder 提示cross-env 不是内部或外部命令解决办法执行 npm install 下载依赖初始化即可继续安装提示,如下错误解决方法原因: 得要全局安装解决方案:npm install webpack-cli -g问题解决提示错误失败原因,直接下载的文件使用的dev分支...原创 2020-06-11 14:45:42 · 596 阅读 · 0 评论 -
#VSCode使用webpack指令,因为在此系统上禁止运行脚本。#
解决方法为:1、关闭VSCode,再以管理员身份启动2、在终端中输入:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;3、再次输入:set-ExecutionPolicy RemoteSigned;执行后不显示内容;4、最后再输入:get-ExecutionPolicy,显示RemoteSigned;然后再输入webpack指令就可以正常运行了...原创 2020-06-10 09:31:31 · 405 阅读 · 0 评论 -
#jquery.validdate.js使用-远程验证店铺是否存在#
场景:申请开店,需要远程验证店铺是否存在解决方案1:在fileds验证字段的方式,自定义验证规则方法,异步请求$('#form').validator({ theme: 'yellow_right', rules: { textVerify: function ( element, params, field ) { var reg = /[0-9]/, codeVal = e...原创 2020-06-06 17:37:15 · 159 阅读 · 0 评论 -
#苹果系统对时间的不兼容问题#
苹果系统把字符串转化成时间戳需要把2020-05-18 25:00:50 格式的转成 2020/05/18 25:00:50否则返回null解决方案:例如 // 2020-05-18 25:00:50 var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isiOS){ // 兼容苹果手机的兼容时间问题 a...原创 2020-06-06 12:19:17 · 191 阅读 · 0 评论 -
#uniapp history模式下刷新页面404#
问题:uniapp 的history 把#去掉了,但是当刷新页面的时候出现404解决方案需要服务端支持如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面-------------------------------------------------Apache:<IfModule mod_rewrite.c> RewriteEngine ...原创 2020-04-25 18:07:34 · 4766 阅读 · 0 评论 -
#uniapp添加自定义index.html#
一:自定义模板用途通常有以下几种情况调整界面 head 中的 meta 配置补充 SEO 相关的一些配置「仅首页」加入百度统计等第三方js自定义模板添加 favicon 的了。二:实现步骤1、工程跟项目新建一个 XXX.html 文件,文件名字自己定义,比如 template.html2、复制基本模板内容到这个html文件,在此基础上修改meta和引入js;<!...原创 2020-04-25 18:03:33 · 7795 阅读 · 2 评论 -
#window 卸载node.js#
1.从卸载程序卸载程序和功能。2.重新启动(或者您可能会从任务管理器中杀死所有与节点相关的进程)。3.寻找这些文件夹并删除它们(及其内容)(如果还有)。根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:C:\Program Files (x86)\NodejsC:\Program Files\NodejsC:\Users\{User}\AppData\Roaming\...原创 2020-04-11 07:48:54 · 118 阅读 · 0 评论 -
VUE基础知识
1.名词解释 async async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思,异步函数也就意味着该函数的执行不会阻塞后面代码的执行,async函数返回的是一个promise对象。 await await的含义为等待。意思就是代码需要等待await后面的函数运行完并且有了返回结果之后,才继续执行下面的代码。这正是同...原创 2020-02-24 11:20:54 · 118 阅读 · 0 评论 -
Sublime Package Control无法安装解决
1.安装Package Control在很久以前,Sublime text 3中若要安装Package Control 的话要先安装Git,再输入代码来安装。不过后来出了个方便的安装方法,就是通过命令行的形式:通过 ctrl+`快捷键或者View-->show console 菜单打开控制台,复制粘贴回车如下代码即可:import urllib.request,os,has...转载 2019-07-27 07:16:28 · 126 阅读 · 0 评论 -
安装npm及cnpm(Windows)
【安装步骤】一、安装node.js1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:\Program Files\nodejs安装完毕后在命令行输入以下命令测试是否安装成功,正确会出现版本号npm -v2.改变原有的环境变量, (1)配置npm的全局模块的存放路径以及cache的路径,例如两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"...转载 2019-08-04 08:15:57 · 99 阅读 · 0 评论