前端
确认过眼神cxy
太懒
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
electron 主进程 和 渲染进程通信 ipcRenderer 和 mainWindow.webContents
electron 开发时最麻烦就是electron版本和node版本的选择和正确安装。electron 用npm安装时太慢容易报错,建议用cnpm i 进行安装。// 高版本,渲染线程打开新窗口方法,需要在主进程打开。// 渲染进程接受主进程消息。// 引用node中的函数。// 渲染进程发送消息。原创 2023-11-10 12:41:30 · 849 阅读 · 0 评论 -
DevEco Studio harmonyOS 模拟器 Unable to install HAXM
在Intel CPU的Windows电脑下,启动模拟器失败,提示“Unable to install HAXM.”,无法安装HAXM。打开控制面板 > 程序 > 程序与功能 > 启动或关闭Winodows功能,找到并取消勾选“Hyper-V”,点击确定并重启电脑。打开控制面板 > 程序 > 程序与功能 > 启动或关闭Winodows功能 找到 虚拟机监控程序平台 和 虚拟机平台 ,打开他们。打开任务管理器,在“性能”选项,检查CPU虚拟化是否已经启用。原创 2023-11-10 11:59:18 · 2520 阅读 · 0 评论 -
js 有关object 、array 等引用类型的赋值问题
let obj = {name: '小黑'}obj.age = 25 // 修改引用地址下的数据let nb = obj // 把引用地址给到了nbobj = null // 修改了obj对象的值,对应的引用地址未改变console.log(nb)// 结果 {name: "小黑", age: 25}function ap(nb1) { // 等价于nb1 = nb,生成新的变量nb1 nb1.sex = '男' nb1 = null}ap(nb)console.log(nb原创 2021-12-13 15:47:58 · 1082 阅读 · 0 评论 -
webpack 生成dist,打zip包
package.json "scripts": { "build:prd": "node build/build.js --env=prd && node packageZip.js --env=prd" },packageZip.jsconst fs = require('fs')const argv = require('yargs').argv // package依赖const zipper = require('zip-local'); // packag原创 2021-12-10 19:17:38 · 543 阅读 · 0 评论 -
webpack filemanager-webpack-plugin 打多个zip时,出现循环打包情况
项目中用filemanager-webpack-plugin插件多次打zip会有问题,所以就有了在webpack 打包结束后,再执行打zip包操作的方案package.json "scripts": { "build:prd": "node build/build.js --env=prd && node packageZip.js --env=prd" },packageZip.jsconst fs = require('fs')const argv = req.原创 2021-12-10 19:16:24 · 449 阅读 · 0 评论 -
css 网页变灰
每次重大事件,我的网页变灰了,怎么做到的?只要一行代码,但是有兼容性body{ filter: grayscale(1);}原创 2021-10-09 17:12:13 · 401 阅读 · 0 评论 -
webpack4 filemanager-webpack-plugin 打zip包失败问题
今天webpack4的项目。用filemanager-webpack-plugin 插件打zip包,发现打出的包没有内容,或者不能解压。看了一下filemanager-webpack-plugin,还是2.0.5版本。果断升级目前用的6.1.7版本。配置后发现打包正常了filemanager-webpack-plugin 的 3.0版本以后配置方式有变化,多了events层附上新的配置方式const plg = [ new FileManagerPlugin({原创 2021-09-28 15:21:43 · 932 阅读 · 0 评论 -
vue 项目构建失败 Unhandled rejection Error 的原因 sass解析异常
项目构建失败,出现 Unhandled rejection Error看了一下是sass解析出了问题经测试是 /deep/的使用,导致sass解析问题vue中,sass某些版本不支持 /deep/ 后来用 ::v-deep ,编译成功注意:/deep/ 是用来父组件修改第三方子组件样式时使用的...原创 2021-09-24 14:38:21 · 2141 阅读 · 0 评论 -
toFixed() is not a function toFixed方法数字类型才能使用
使用toFixed(val)函数时,出现“toFixed() is not a function”的解决办法toFixed只能针对数字类型才能使用,所以对于字符类型的要用parseFloat(val).toFixed(2)或者 parseInt(val).toFixed(2)原创 2021-09-17 11:39:04 · 755 阅读 · 0 评论 -
js iframe 出现跨越问题
iframe 本来解决跨域问题的,但是使用不当,就会出现自身接口跨域报错iframe 子页面,检查有没有 window.top 、window.parent 等和父页面关联字段。如果有,去掉,跨域报错就没了。原因是,用top,parent 会使当前iframe的域名指向变为父页面域名...原创 2021-09-17 11:33:59 · 1358 阅读 · 0 评论 -
eslint 中文解释
module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true, }, extends: ['plugin:vue/essential', 'eslint:recommended'], rules: { // 等级分为三级: 0-不显示;1-显示警告warning; 2原创 2021-05-21 15:44:45 · 730 阅读 · 0 评论 -
textarea value赋值,html查看不了赋值内容
文本框赋值,(div不能用value方式赋值)页面已显示内容查看页面,发现通过value赋值的html不会有对应内容本来是手敲协议,有点懒就把上面的textarea整个复制了改了id,机智原创 2021-05-17 10:12:48 · 850 阅读 · 1 评论 -
jsdelivr npm的cdn包
如果用第三方js太慢,本地化麻烦,可以试一下jsdelivr加载资源超快原创 2021-04-26 14:02:07 · 747 阅读 · 0 评论 -
npm 开发中 常用依赖包
lodash --工具包futil ---工具包query-string --- url参数包原创 2020-10-29 13:18:59 · 467 阅读 · 0 评论 -
npm 命令 添加参数 自定义参数
npm 自定义参数// shell 命令执行const shell = require('shelljs')// 获取npm 的参数const argv = require('yargs').argvshell.exec('npm run build -- --module=' + argv.module)shell.exec()原创 2020-10-29 13:14:44 · 4580 阅读 · 0 评论 -
vue 实现 router store 文件自动加载
新加文件,自动添加路由需要 require.context 方法基本用法:require.context('./', false, /\.js$/)---modules/index.js// 自动导入 modules 下的vuex模块文件 无需手动引入import camelCase from 'lodash/camelCase'const requireModules = require.context('./', false, /\.js$/)const modules = {}re.原创 2020-10-29 13:02:37 · 768 阅读 · 0 评论 -
webpack Plugin常用 optimization splitChunks UglifyJsPlugin sourceMap
很多东西容易忘记,做个简单笔记1、webpack loader 加载顺序 从后到前例子 ['style-loader', 'css-loader','sass-loader'] 先sass最后style2、常用插件对照CopyWebpackPlugin 将单个文件或整个目录复制到构建目录DefinePlugin 允许在编译时(compile time)配置的全局常量MiniCssExtractPlugin (4.0以前 ExtractTextWebpackPlugin)从 bundle 中.原创 2020-10-29 12:15:42 · 1057 阅读 · 2 评论 -
js 正则 正确的书写逻辑 中 德文小数点区别
项目中if else 真的写吐了。我们用正则表达式?不会用,不会写,还是用if else吧所以该怎么写正则呢?项目需求中英文 小数点用 ‘.’ ,德文环境用 ‘,’ 两者不能同时存在。这很简单啊,if else 判断应该不难正则呢?确定2个表达式满足,的正则 \^[0-9,]+$\满足.的正则 \^[0-9.]+$\用 | 何并他们\^[0-9,]+$|^[0-9.]+$\可是我们 不要 ',1212' '.1234' 情况。要把‘,’前面数字提取出来\^[0-9]+[,]*原创 2020-10-19 11:13:32 · 236 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected identifier异常
代码中异常符号,可能是中文符号,也能字符串类型的值没有加双引号原创 2020-10-13 16:39:19 · 491 阅读 · 0 评论 -
js 颜色值转换 普通颜色转透明颜色值
rgb(123,123,123) 转 rgba(123,123,123, 0.4) hexToRgba: function (hex, opacity) { var rgb = hex.split('(')[1].split(')')[0].split(','); return 'rgba(' + rgb[0].trim() + ',' + rgb[1].trim()...原创 2019-07-22 16:11:31 · 3358 阅读 · 0 评论 -
mac chrome 跨域
open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir原创 2019-04-10 12:16:31 · 435 阅读 · 1 评论 -
浏览器 UC 自动添加关键字 去掉关键字
UC浏览器真特么的烦人,在页面强制插入JS,强制给关键词加入神马搜索链接,通过以下代码可以轻松清除,基于JQ:function CaoNiMaDeUc(){ $("a").each(function(index, element) { try{ var thishref=$(this).attr("href"); var thisTe...原创 2018-07-20 10:35:48 · 10031 阅读 · 4 评论 -
js 通用 1000 金额 三位格式化 1,000
/ 金额格式化 1000 格式化 1,000function getFData1000 (source, length = 3) { source = String(source).split('.') source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{' + length + '})+$)', 'ig'), '$1,') ...原创 2019-07-22 16:03:49 · 1294 阅读 · 0 评论 -
js 保留两位小数
保留两位小数通用方法// 金额格式化保留2位小数 2 -> 2.00 2.1 -> 2.10function getFDataFixed (source, length = 2) { return (+String(source)).toFixed(length) // +String(source) 字符转数字}...原创 2019-07-22 16:01:04 · 411 阅读 · 0 评论 -
移动端web 禁止长按弹出的菜单 Safari
如果是禁用长按选择文字功能,用 css 就可以:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}如果是想禁用长按弹出菜...原创 2018-07-31 16:07:48 · 6811 阅读 · 0 评论 -
js解码编码decodeURI与decodeURIComponent区别
decodeURI与decodeURIComponent区别 encodeURI()不会对本身属于URI的特殊字符进行编码,例如冒号、正斜杠、问号和井字号; 而encodeURIComponent()则会对它发现的任何非标准字符进行编码。来看下面的例子:var uri="http://www.jxbh.cn/illegal value.htm#start";//”http...原创 2018-07-30 15:07:08 · 5870 阅读 · 2 评论 -
js 弹出框 背景不滑动 方案
js 弹出框 背景不滑动 方案const bodyTag = window.document.getElementsByTagName('body')[0]// val 为弹出框当前状态val ? bodyTag.classList.add('com-mask-background') : bodyTag.classList.remove('com-mask-background')...原创 2018-07-25 18:08:03 · 1730 阅读 · 1 评论 -
js 通用 保留两位小数 金额千分位格式化
ios 日期 ios日期比较 具体到天可以 ('2017-02-01' > '2017-02-02')可以 (new Date('2017-02-01') > new Date('2017-02-02'))具体到时分秒(new Date('2015-02-03 11:22:22') > new Date('2015-02-03 11:22:23')) // io...原创 2018-07-20 11:37:39 · 924 阅读 · 1 评论 -
前端 优化 json stringify 在IE浏览器的兼容性 按钮点击不生效
项目:后端管理平台复现地点: ajax 请求过后,对json进行处理事件描述:各种有关请求的按钮,在IE 浏览器上竟然点击不生效,进入开发者模式,又正常了事件起因:IE6、7、8不能使用 JSON.stringify 函数原因分析: JSON 对象是在 ECMAScript 第 5 版中实现的 比 IE8 出现的晚,所以肯定没有做处理啊 解决方案: ...原创 2018-07-20 10:32:56 · 870 阅读 · 1 评论 -
input 获取焦点 蓝色边框 去掉 outline
最近发生了一些前端小问题,会在博客一一记下来第一篇是 outline 属性的使用去除input的边框开始有以下方案 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px solid red; } #search4{ outline:medium;} ...原创 2018-07-20 09:54:18 · 23764 阅读 · 1 评论 -
mui switch 实现方案 让你的html 设计更贴近原生
switch的css样式.mui-switch { width: 52px; height: 31px; position: relative; border: 1px solid #dfdfdf; background-color: #fdfdfd; box-shadow: #dfdfdf 0 0 0 0 inset; border...原创 2018-07-20 09:39:09 · 1046 阅读 · 1 评论 -
jquery ajax 设置header的方式
beforeSend方法$("#test").click(function() { $.ajax({ type: "GET", url: "default.aspx", beforeSend: function(request) { request.setRequestHeader("ab原创 2018-07-31 16:37:10 · 82158 阅读 · 3 评论 -
jquery ajax 跨域解决方案 - CORS
CORS 跨域方案//弊端:存在浏览器兼容的问题 需要被请求方的服务端设置: Access-Control-Allow-Origin 注意:Access-Control-Allow-Origin 不可设置为 ,设置为可访问的域名。* 服务端配置,不同语言,不同写法,仅借鉴 header(“Access-Control-Allow-Origin: “http://cdn....原创 2018-07-31 16:49:24 · 12398 阅读 · 1 评论 -
前端 网络安全 前端优化 代码架构 笔记
1:请求数据字段和返回字段用同一段内容前端请求接口https://xxx.com.cn/xxx/getLife?pType=%3cscript%3ealert(1)%3c%2fscript%3e后端返回数据{"pType": "<script>alert(1)<%2fscript>","code": "0","message"原创 2018-08-01 09:47:20 · 555 阅读 · 0 评论 -
弹出框 背景固定 滑动
// 弹出框 背景滑动问题 style.cssText 弹出框父级absolute body fixed 弹出框absolute 也是一种解决方案val 变量,当前弹出框状态 huaDong (val) { let scrollTop = 0 if (document.scrollingElement) { scrollTop =...原创 2019-07-22 15:20:47 · 604 阅读 · 0 评论 -
chrome net::ERR_CERT_AUTHORITY_INVALID 问题
浏览器输入chrome://net-internals/#hsts输入框输入你不需要安全检查的 域名ok原创 2019-07-24 11:17:37 · 9332 阅读 · 1 评论 -
vscode 用户配置添加 分号、保存格式化、单引号、function格式
添加vscode插件ESLintVeturPrettier - Code formatter其他插件Git HistoryGit History Diff打开 setttings.json 设置用户配置 你的vscode就可以用了{ "python.pythonPath": "/usr/bin/python2.6", "update.enableWindo...原创 2019-04-18 11:06:06 · 13700 阅读 · 1 评论 -
vue :style 设置背景图片 backgroundImage
vue 日常坑vue :style 设置动态设背景图片 backgroundImage控制台会报错 404错误,但是不影响页面使用如下:http://localhost:8080/ooooo/undefined 404 (Not Found)主要是vue渲染机制问题你可以设置data变量一个默认值,或者 v-if 判断网络图片路径存在,再加载图片如下:<div v-if='...原创 2019-04-16 12:35:23 · 25834 阅读 · 2 评论 -
node 版本异常
———— node版本异常问题rm /usr/local/bin/noderm -rf /usr/local/lib/node_modules/npmn latestnpm --versionnpm install -g n原创 2019-04-10 12:08:36 · 336 阅读 · 0 评论 -
Unexpected end of JSON input while parsing near
npm cache clean --force 即可解决pm install出现”Unexpected end of JSON input while parsing near”错误。#npm install --registry=https://registry.npm.taobao.org --loglevel=silly原创 2019-04-10 12:06:57 · 515 阅读 · 0 评论
分享