![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
爱coding的小蕾蕾
对前端学习很感兴趣,总结自己平时开发遇到的问题,共勉
展开
-
2021-05-19
微信h5跳转小程序官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21开发过程中发现行内样式很多效果无法实现,且存在适配问题。于是想到以下方案:<div id="btn" className='btn'>点我跳转小程序 //外层的btn是正常的按钮样式,因为script里面的样式不好写。而且很难做到适配,因此,我产生了第一个想法,就是外层还是写正常的样原创 2021-05-19 16:36:52 · 244 阅读 · 0 评论 -
XAMPP连接远程服务器数据库
1.XAMPP下载https://www.apachefriends.org/download.html2.直接下一步下一步安装3.安装完成,打开http://localhost/phpmyadmin/ 出现以下界面,安装完毕4.连接服务器数据里点击此处找到安装文件,打开 phpmyadmin>config.inc.php,配置用户名密码和ip配置完成,重启apach再次打开http://localhost/phpmyadmin/,已经连接到了远程服务器..原创 2020-09-25 11:22:41 · 1094 阅读 · 0 评论 -
node跨域
node+express请求,get请求成功,post请求一直报错ccess to XMLHttpRequest at 'http://localhost.jd.com:8000/api/edit.do?_=1600998164854' from origin 'http://localhost.jd.com:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control c原创 2020-09-25 09:53:27 · 231 阅读 · 0 评论 -
pm2服务端部署支持ts的那些坑
1.文件结构如下图pm2常用命令pm2 delete all //先停止所有的端口pm2 delete $id //停止某个端口cd 到bin文件夹下,执行 pm2 start ../pm2.json pm2 log $id //打印端口信息pm2 flush //删除信息,否则日志是历史日志发现不支持ts-node,配置的时候加上,如果装了之后发现还是找不到,就把node_modules删除掉重新install一次"interpreter": "..原创 2020-08-25 21:31:39 · 3531 阅读 · 3 评论 -
hooks的基本用法
常用的hooks有以下几种1.useState(state,setState)示例:点击按钮,使得按钮的文案由"点击前"变为“点击后”。函数组件不需要构造函数,可以通过调用useState来初始化 state传统的写法:import React, { Component } from "react";export default class Button extends Component { constructor() { super(); ..原创 2020-05-25 16:11:53 · 9501 阅读 · 1 评论 -
如何判断页面是否滑到底部的方法
// 获取滑动位置function getScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if(document.body){ bodyScrollTop = document.body.scrollTop; } if(document.docum...原创 2019-10-18 18:12:32 · 2489 阅读 · 0 评论 -
发布一个属于自己的npm包
最近做项目遇到一个问题,很多页面,项目初始化的时候,总是把旧项目copy一个过来,然后删除里面不需要的东西,再加新项目要用的东西。做多之后感觉很繁琐。于是想到,有没有办法一键初始化项目呢。于是调研到了发布npm包。1.注册npmnpm网站地址:https://www.npmjs.com/npm网站注册地址:https://www.npmjs.com/signup注册之后,输入命令...原创 2019-06-28 10:35:38 · 422 阅读 · 0 评论 -
react-radio-group修改样式
相信有不少人遇到过这个问题,想用 React-radio-group 表单组件的时候,发现他的样式都是固定写好的,官网里面也没有给定参数去修改选中/未选中的状态。他的默认样式是这样的:去查阅很多资料都无法修改。后来在审查元素的时候看到这个 input[type="radio" i]。就想着能不能修改他的样式呢?然后,就尝试修改了这个元素的样式:input[type='ra...原创 2018-10-23 10:28:03 · 2685 阅读 · 0 评论 -
git commit 规范工具
为什么使用 commit 规范?首先看一下国际知名项目 angularjs 提交历史我的提交历史:纳尼???我都写了什么??? 你有没有中枪 -->因此,我们的 git commit 规范提上日程1.commitizen 拉取线上代码库,执行sudo cnpm install -g commitizen生成 package.json 文件 ...原创 2018-10-19 18:26:44 · 3361 阅读 · 0 评论 -
npm install -g cnpm --registry=https://registry.npm.taobao.org
mac运行 npm install -g cnpm --registry=https://registry.npm.taobao.org报错如下;npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with soc...原创 2018-09-28 10:03:05 · 10063 阅读 · 0 评论 -
冒泡事件和默认事件是两回事!
阻止默认事件和阻止冒泡的区别原创 2017-08-28 18:02:06 · 1026 阅读 · 0 评论 -
IOS 下输入中文没有触发 keyup,导致绑定不了数据
导致问题出现的原因是 IOS 自带输入法输入中文时不触发 KEYUP 事件,因为不触发 KEYUP 事件,导致文本框最后一个字符没有执行双向绑定解决方法:1.在提交前手工去执行KEYUP事件。2.使用 js 判断值是否一致,不一致把 js 文本框值赋值给 vue 绑定值。html 里面进行双向绑定,结果会发现调起 IOS 中文键盘的时候,输入的值和 v-model=”insName” 绑定的值 “原创 2017-08-30 10:28:45 · 1983 阅读 · 0 评论 -
Fis 打包工具
Fis 的组成:工具:提供了命令行,在 node 的基础上做了优化 插件:一些 npm 包,实现了对插件的安装Fis 旨在解决:代码模块化:提供了模块化插件性能优化: 提供了压缩,合并,打包,缓存插件自动化: 基于文件的流水线工作模式 (校验,编译,打包,发布),只需配置,即可完成代码规范: 插件处理需要对代码进行相应的标记Fis工作原理:读取项目目录下的所有文件读取原创 2017-08-30 13:56:50 · 924 阅读 · 0 评论 -
call,apply,bind的联系与区别
call,apply 的相同点A.call(B) A.apply(B) 把 A 的方法放在 B 上面执行。比如:apply(代表上文的A) 对象有一个方法 say(), 但是如果我们有一个对象banana(代表上文的B)= {color : “yellow”} ,我们不想对它重新定义 say 方法,那么我们可以通过 call 或 apply 用 apple 的 say 方法:function原创 2017-08-31 16:24:09 · 370 阅读 · 0 评论 -
vue-cli搭建一个项目
欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键超级详细的vue-cli+webpack搭建项目1.安...原创 2018-07-26 17:44:06 · 602 阅读 · 0 评论 -
Webpack搭建项目工程
虽然项目已经搭建成功,但是,我现在愿意重新走一次来帮自己和大家捋顺一点。 基本篇——打包成功第一个文件1.新建一个文件,在当前目录下执行npm init然后一直回车:可以发现,当前目录下多了一个 package.json 的文件,文件里面自动生成以下代码:{ "name": "demo", "version": "1.0.0", "descri...原创 2018-08-16 15:19:55 · 4813 阅读 · 5 评论 -
设置flex后元素不能根据内容自动撑开
问题如下:设置flex后元素显示为:解决办法:在想根据内容自动撑开的元素上写样式:align-self: baseline; 生效:原创 2018-10-10 17:34:12 · 14355 阅读 · 0 评论 -
JS 判断数据类型的方法
JS 判断数据类型的方法转载 2017-08-29 11:10:12 · 332 阅读 · 0 评论