
原创
文章平均质量分 65
孙小笔
一只菜菜的前端开发。
展开
-
vite无法使用require,require is not defined
错误原因require is not definednode.js不是内置对象的一部分,如果想用typescript写Node.js,则需要引入第三方声明文件vue无法识别require,执行命令:npm install @types/node --save-dev原创 2021-08-13 10:03:44 · 19156 阅读 · 3 评论 -
vue3.0+vite跑项目遇到的问题
require is not define 报错原创 2021-08-13 10:02:26 · 4691 阅读 · 0 评论 -
关于代码规范那点事
第一个秘籍:京东凹凸实验室前端代码规范.网址是:https://guide.aotu.io/ ,如果你们公司没有具体的前端代码规范,你完全可以自己按照这套规范来编写。里边包括了HTML规范、图片规范、CSS规范、命名规范和JS规范。优点是清晰、简单、不复杂。近一年来,我工作中的代码都是安装这个标准来写的。第二个秘籍:腾讯前端代码规范 网址是:http://tgideas.qq.com/doc/index.html我经常看腾讯的前端博客,也阅读他们的开源项目。我认为腾讯的前端代码规范是优秀的。所以第二个推原创 2021-08-13 10:01:37 · 452 阅读 · 2 评论 -
uni-app的使用
安装https://www.dcloud.io/开始介绍 问题:无法运行到微信开发者工具点击微信开发者工具的设置->安全->服务端口设置为开启问题:怎么把现有项目迁移为uni-app项目https://uniapp.dcloud.io/translatevue h5项目转换uni-app指南:https://ask.dcloud.net.cn/article/361...原创 2020-10-14 10:10:48 · 1254 阅读 · 0 评论 -
禁止页面缩放提示,ie浏览器提示
使用了新技术总会有兼容性问题,一般公司不考虑兼容性问题,但是还是出现诸如样式错乱、无法支持ie、缩放浏览器或屏幕设置比率非100%下的网页错位,作为开发者需要给出友好的提示,提高用户体验。演示地址:https://sywsywsyw.github.io/noie-nozoom/源码:https://github.com/sywsywsyw/noie-nozoom兼容ie8、不支持以下版本兼容ie需要再服务器环境下打开 (可以使用http-server,live-server热更新服务)因为缩放之后原创 2020-05-14 15:06:58 · 816 阅读 · 0 评论 -
TypeScript笔记
typescript 是javascript的超集,是一种编程语言1. typescript和javascript的区别更适合大型应用程序js的超集,类似于less,sass, 最终会转为javascript跨平台(浏览器,操作系统linux,mac)且开源开始于js,终止于js.上手成本低,易于学习重用js,可以引入js流行的库 echartstypescript 类、接口、...原创 2020-04-24 14:12:24 · 828 阅读 · 0 评论 -
微信小程序7.0、抓包安卓、反编译小程序
2020.04.15亲测可用!!!! 直接使用电脑版本微信抓包!!!!!别的都没用 太麻烦了!抓包工具自己找汉化破解原创 2020-04-23 18:14:51 · 1969 阅读 · 1 评论 -
微信小程序使用Taro转H5
1. 微信小程序转Taro,文档https://nervjs.github.io/taro/docs/taroize.htmlTaro 可以将你的原生微信小程序应用转换为 Taro 代码,进而你可以通过 taro build 的命令将 Taro 代码转换为对应平台的代码,或者对转换后的 Taro 代码用 React 的方式进行二次开发。微信原生小程序转 Taro 的操作非常简单,首先必须安装...原创 2020-04-07 18:01:09 · 5863 阅读 · 2 评论 -
Webpack3.X版笔记
webpack官网webpack文档1. 认识Webpack的作用打包:可以把多个javascript文件打包成一个文件,减少服务器压力和下载带宽转换:把扩展语言转换成普通的javascript,让浏览器顺利运行。优化:前端复杂性的提高,开始肩负起优化和提升性能的责任。1. `win+R` 进入对话框输入`cmd`进入命令行模式。2. 输入`f: `进入f盘3. `mkdir ...原创 2020-04-02 17:11:20 · 276 阅读 · 0 评论 -
vuecli3项目prerender-spa-plugin预渲染
页面预渲染只支持静态内容较多的页面、如果接口多的页面建议使用ssr服务器渲染,例如nuxt安装npm install prerender-spa-plugin --savevue.config.js// 预渲染配置:在webpack.prod.conf文件中加入const PrerenderSPAPlugin = require('prerender-spa-plugin')cons...原创 2020-03-27 12:55:51 · 729 阅读 · 3 评论 -
vue百度地图使用默认信息框,默认标注。
项目需求:点击marker会默认弹出一个窗口,我想不点击直接弹出,怎么搞?企业联系我们地址,百度地图页面一打开默认显示标注提示框如图首先去出vue项目本身引入的vue Baidu Map 的插件在vue-cli 根目录项目中 public>index.html引入百度地图插件<!-- 百度地图 --><script type="text/javascript...原创 2020-03-15 21:31:41 · 2096 阅读 · 0 评论 -
特别常用的布局方式
<!-- 参展信息 --><div class="exhv-content"> <div class="sui-info"> <div class="sui-head">作品详情</div> <dl class="sui-dl"> <dt class="sui-dt">...原创 2019-06-06 11:41:01 · 369 阅读 · 0 评论 -
vue 项目使用echarts图表
官方文档:https://www.echartsjs.com/option.html#xAxis.axisLine<!-- 后台统计图表 --><template> <div> 后台统计图表 <div class="echart"> <div id="main" :style="{width: '100...原创 2019-05-30 20:45:23 · 2800 阅读 · 0 评论 -
移动端、vue、h5、手机怎么看打印,vconsole,alloylever
经常遇到h5上面网页不好调试的问题,推荐一个下腾讯爸爸的开源项目vconsole,alloylever使用AlloyLever来搞定开发调试发布,错误监控上报,用户问题定位https://www.cnblogs.com/CyLee/p/6970914.htmlVue-cli中使用vConsole,以及设置JS连续点击控制vConsole按钮显隐功能实现http://www.cnblogs...原创 2019-05-23 16:33:44 · 1299 阅读 · 0 评论 -
Vue笔记
vue a标签链接拼接&amp;amp;amp;amp;amp;lt;a :href=&amp;amp;amp;amp;quot;['./ranklistmusic.html?id='+item.id ]&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;a&amp;amp;amp;amp;amp;gt;原创 2019-05-16 16:17:07 · 761 阅读 · 0 评论 -
移动端rem,
rem布局 https://tgideas.qq.com/doc/frontend/spec/m/layout.html<style> html { font-size: 100px; } </style> <script> //屏幕适应 (function (win, doc) { if ...原创 2019-05-16 16:12:45 · 194 阅读 · 0 评论 -
Vscode web 前端 常用插件
Vscode web 常用插件 中文复制前面的英文插件名 别复制后面的汉语Chinese (Simplified) Language Pack for Visual Studio Code适用于 VS Code 的中文(简体)语言包Prettier - Code formatter 漂亮的格式化工具Auto Rename Tag 自动重命名标签vscode-icons 文件图标...原创 2019-03-20 09:29:15 · 18841 阅读 · 0 评论 -
js多文件切片上传 (vue项目)
问题背景项目在移动端因为图片过大,需要进行切片上传处理。(仅涉及前端逻辑)判断是否断网/* 主要解决缓存了当前页面之后 用户断网再上传图片出现的逻辑错误*/if ( navigator.onLine ) { //正常工作} else { //执行离线状态时的任务}单文件上传模拟进度条 animatePress(obj) { let randNum ...原创 2019-03-24 18:24:02 · 4604 阅读 · 0 评论 -
移动端获取输入法高度 解决定位被输入法顶开的问题
安卓手机底部logo被顶起来动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,如果变化后的窗口高度小于初始的窗口高度,则让按钮隐藏起来;反之,则让按钮正常显示。var olbHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;//navi...原创 2019-03-23 10:56:04 · 2627 阅读 · 2 评论 -
vue项目中监听手机物理返回键,js监听返回按钮,移动端,手机,
问题背景: 项目中用户总是可能误触到返回按钮,但此时可能并不希望返回,所以需要弹框进行确认操作。原理:利用history 和 浏览器 刷新popstate状态 去实现每一次返回都会去历史记录回退 -1 所以就在进入页面之前 往历史记录里面多记录一次当前页面的链接。然后再回退的时候监听刷新,去做一些事情。1、挂载完成后,判断浏览器是否支持popstate// BBBB.vuemoun...原创 2019-04-12 15:57:58 · 17827 阅读 · 10 评论 -
vue项目目录文件说明(自己项目)
目录文件说明 ├─dist 生产环境打包目录`npm run buil`├─test 预发布环境(测试)打包目录`npm run test`├─public 项目根目录 ...原创 2019-05-14 09:38:35 · 2065 阅读 · 0 评论 -
原生js返回顶部动画效果怎么实现?
项目背景:最近在做一个网站页面的改版,有一个返回顶部的功能需求,考虑怎么才能有更好一点的用户体验。1. 第一种实现方法转载 https://www.cnblogs.com/JosephBee/p/7326556.htmlvar scrollTop = document.documentElement.scrollTop || document.body.scrollTop;docu...原创 2019-05-15 17:39:26 · 2718 阅读 · 1 评论 -
QQ,微信第三方授权登录、分享
登录pc微信登录找后台拿链接QQ登录https://graph.qq.com/oauth2.0/show?which=Login&display=pc&state=当前时间戳&response_type=code&client_id=授权id&redirect_uri=回调地址<a href="https://graph.qq.com...原创 2019-05-15 17:51:28 · 2671 阅读 · 0 评论 -
vue 全局body监控回车登录
核心方法:addEventListener、removeEventListener<template></template><script>//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)//例如:import 《组件名称》 from '《组件路径》';export default { //impor...原创 2019-05-16 11:48:21 · 1274 阅读 · 0 评论 -
基于vue的实时搜索,在结果中高亮显示关键词
参考资料:【Vue.js】基于vue的实时搜索,在结果中高亮显示关键词 https://www.cnblogs.com/pengshengguang/p/8059190.htmlJS不区分大小写匹配字符串高亮模拟浏览器Ctrl+F https://www.jianshu.com/p/936029d3b9a6js转义和反转义html https://www.cnblogs.com/daysm...原创 2019-05-16 14:28:56 · 2388 阅读 · 0 评论 -
使用axios请求数据,post请求出错。因为axios传递的请求参数是json格式,而后端接口要求是formData
设置请求头// 请求参数类型为FromData时候的headers的配置 let FromDataconfig = { headers: { 'Content-Type': 'multipart/form-data;boundary = ' + new Date().getTime() }}axios.post('/account/', data, From...原创 2019-05-16 14:41:21 · 3043 阅读 · 0 评论 -
记录一个vue-cli3项目的搭建
vue-cli3快速创建项目 https://www.jianshu.com/p/5e13bc2eb97cnpm install axios原创 2019-04-14 17:20:54 · 389 阅读 · 0 评论 -
sublime快速生成html标签(emmet语法)
(http://sxiaobiblog.com/2018/04/03/%E5%BF%AB%E9%80%9F%E7%94%9F%E6%88%90html%E6%A0%87%E7%AD%BE/#SOHUCS) html1.创建标准页面2.创建html标记3.创建html标签含Id、多个类名的标记4.创建html示例 sublime快速生成html标签、Vscode快速...原创 2018-04-03 19:02:24 · 29332 阅读 · 7 评论