前端记录
会点php的前端小渣渣
技术栈:mvc框架+react+vue+小程序+微信公众号开发
展开
-
前端低代码用到的第三方库和思路
html2object该库用于将 html 解析为 javascript 对象,或将 javascript 对象转换为 html。这个库也适用于 SFC 文件(*.vue)。htmlparser2 、htmlparser前者可以说是后者的升级版吧,作用跟上面一样,互相转换html或obj对象都是传入字符串,将字符串转换为3层对象:template、script、style...原创 2022-02-23 14:37:22 · 850 阅读 · 0 评论 -
ES Module 和 Commonjs | require和import的区别
1. 语法1.1 ES Module导出:export / export default导入: import * from 'module'1.2 Commonjs导出:module.exports导入:const module = require('module')2. 特性2.1 ES Module静态引入、编译时引入(支持Tree shaking 按需加载)2.2 Commonjs动态引入、执行时引入...原创 2022-01-05 11:01:38 · 1277 阅读 · 0 评论 -
前端使用performance实现性能监控
<script> (function() {handleAddListener('load', getTiming)function handleAddListener(type, fn) { if(window.addEventListener) { window.addEventListener(type, fn) } else { window.attachEvent('on' + type, fn) }}function getTiming() { t.原创 2021-12-06 15:02:26 · 309 阅读 · 0 评论 -
(ssh2-sftp-client 和 ssh2)前端项目自动打包部署
ssh2+node 在vue的项目平级下创建deploy.jsconst cp=require('child_process')//此包ssh2需要下载const ssh2=require('ssh2')//执行tar.sh脚本获取输出流let pro=cp.exec('"./tar.sh"',(error)=>{ if (error) { console.log(error) }})pro.stdout.pipe(process.stdout.原创 2021-12-03 14:58:44 · 1322 阅读 · 0 评论 -
对于前端开发,记录平时遇到的问题
平时遇到的问题,2021-12月2号开始记录原创 2021-12-02 17:28:30 · 674 阅读 · 0 评论 -
vue.js腾讯微信电子健康卡前端统一封装
本人之前做的电子健康卡是前后不分离那种 php项目,然后现在vue版本的医疗项目,也要加入电子健康卡,所以就有了下面的封装 判断是否有电子健康卡、跳转全套getWechatCode.vue 文件<template> <div class="getWechatCode"> <!-- 正在授权获取电子健康卡请稍后... --> </div></template><script>export def.原创 2021-12-01 10:13:01 · 1490 阅读 · 0 评论 -
使用 Vue2.x + webpack4.x 从零开始一步步搭建项目框架
<article class="baidu_pl"> <div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-1a85854398.css"> ...原创 2021-11-12 17:10:44 · 1577 阅读 · 0 评论 -
css清除去掉a标签或者span标签之间的默认留白间距
今天比较有趣,我需要写2个合在一起的span标签,结果有空隙,特意记录下解决办法原本没加效果图: 主要看2个span标签解决办法1:给父元素加 font-size:0,再分别给2个span设置具体的font-size:12px<div style="font-size: 0;"> <span style="background: red; font-size: 12px;">余号:11</span> <span s...原创 2021-09-24 16:49:56 · 717 阅读 · 0 评论 -
mvc框架 如何加载使用 vue自定义组件,附@click.native 原理
这里的MVC 包括了 java、php 这种前后不分离的框架,如果是 用脚手架的就不需要看了。。。我这里是老项目使用了 ci框架,直接贴代码:原理:使用mvc自带的加载html模板机制:<?php$this->load->view('registered/test');?>组件:<?phpdefined('BASEPATH') OR exit('No direct script access allowed');?><!DOCTY...原创 2021-09-18 16:25:41 · 1160 阅读 · 0 评论 -
原生ajax + Promise 封装
有老项目前后不分离那种。。。。所以。。。哎此处是用form data格式的传参async function getAjax(type,url,params,errTip=null) { return new Promise((resolved,rejected)=>{ //创建ajax对象 let ajax; //注意,不要根据浏览器的navigator.userAgent来检测浏览器是否支持...原创 2021-08-12 16:17:45 · 186 阅读 · 0 评论 -
vscode html标签对齐高亮 Highlight Matching Tag
需要点击标签,然后会默认变成黄色原创 2021-08-10 16:31:23 · 2354 阅读 · 0 评论 -
通过api接口把图片上传给后端(踩坑)
1.加multipart/form-data//用户端图片上传 加multipart/form-dataexport const uploadImage = (params) => { return $.post('/app/pat/pushpull/imgUpload', params, { headers: { "Content-Type": "multipart/form-data" } })}2.还有最主要用new FormData 来传。。。。 async g...原创 2021-07-06 17:37:32 · 1430 阅读 · 0 评论 -
踩坑:新版微信公众号支付2021年-7月2号记录
package: "prepay_id=" + item.prepayId, // 必须自己拼上prepay_id= 有些模式是自带的 signType: "MD5", //'RSA', 以前是RSA 现在新版的都是MD5第一步先 配置微信sdk configwx.config({ debug: false, appId: this.$appId, timestamp, nonceStr: nocestr, ...原创 2021-07-02 14:59:45 · 379 阅读 · 0 评论 -
前端性能优化持续记录(2022-2-23)
不搞那些什么花里胡哨的。。。1.干掉调式时候的 console.log2.项目里面的本地图片使用熊猫压缩,缩小3.将moment.js 替换成 day.js4.ui库组件按需引入,用不到的不要写。原创 2021-07-01 17:09:08 · 100 阅读 · 0 评论 -
基于vscode 自动格式化css + js代码 (装插件)
css格式化要在vscode装:Beautify css/sass/scss/lessjs格式化要装ESLint.vscode 里面设置{ "editor.formatOnSave": true, "editor.tabSize": 2, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.options": { "extensions": [ ...原创 2021-05-13 18:05:23 · 2128 阅读 · 0 评论 -
generator函数+yield+Promise搭配使用(顺带回顾react框架的dva)
写react代码、或者写 dva.js框架的时候,经常会用到generator函数(经过封装 call、put) 主要很久没写generator函数和react了,特此回顾下。/* 1.先定义一个generator函数 + 搭配 Promise语法。 2.再使用yield 返回出Promise 3.由于使用fn(5).next().value接收的是个Promise,所以就可以使用then了 4.react 里面的yelid 看不到.next().value 这种,说明被封装过了*/...原创 2020-12-17 10:00:48 · 1349 阅读 · 2 评论 -
微信公众号支付完成‘闪退‘处理之‘点金计划‘(自定义商家小票)
您好,微信支付服务商平台6月底就发了公告,服务商jsapi支付后回到商家页面的能力,会陆续回收,由点金计划来承载。如果没有开通点金计划的服务商,支付后就会直接关闭商家页面。详情可查看公告说明:https://pay.weixin.qq.com/index.php/public/cms/content_detail?platformType=1&lang=zh&id=121505另外,点金计划相关接口可参考这个文档https://pay.weixin.qq.com/wiki/d原创 2020-12-10 11:12:21 · 1777 阅读 · 0 评论 -
js之for与forEach循环的区别
首先,for循环在最开始执行循环的时候,会建立一个循环变量i,之后每次循环都是操作这个变量,也就是说它是对一个循环变量在重复的赋值,因此 i 在最后只会存储一个值; 而forEach()虽然变量名没变,但是实际上每次循环都会创建一个独立不同的变量,而存储的数值自然也是不同的数值,因此相互之间不会影响; 上面代码中,我们会发现使用for循环给每个p绑定事件时,无法正确的找到对应的p元素,最后显示的都是最后一个,这就是因为for循环是一瞬间执行完的,并且只有一个变量,只会存...原创 2020-05-30 20:49:03 · 3313 阅读 · 2 评论