
笔记
文章平均质量分 64
孙小笔
一只菜菜的前端开发。
展开
-
nodejs更新package.json中的dependencies依赖到最新版本的方法
如果手动去修改dependencies中各个包的版本号,那就太麻烦了,借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本。1、安装:npm install -g npm-check-updates使用:2、检查package.json中dependencies的最新版本:ncu3、更新dependencies到新版本:ncu -u更新全部dependencies到最新版本(包括当前指定版本范围满足最新版本号的,比如^4.2.0 -&原创 2021-11-05 17:29:13 · 1989 阅读 · 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 评论 -
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 评论 -
微信小程序使用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 评论 -
vue百度地图使用默认信息框,默认标注。
项目需求:点击marker会默认弹出一个窗口,我想不点击直接弹出,怎么搞?企业联系我们地址,百度地图页面一打开默认显示标注提示框如图首先去出vue项目本身引入的vue Baidu Map 的插件在vue-cli 根目录项目中 public>index.html引入百度地图插件<!-- 百度地图 --><script type="text/javascript...原创 2020-03-15 21:31:41 · 2096 阅读 · 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 项目使用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 评论 -
特别常用的布局方式
<!-- 参展信息 --><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 评论 -
用过的正则
// 去除字符串全部空格 str.replace( /\s*/g., "");//去除字符串首尾空格str.replace(/(^\s*)|(\s*$)/g, "");//去除左边空格str.replace(/(^\s*)/g, "");//去除右边空格str.replace(/(\s*$)/g, "");...原创 2019-08-08 09:28:45 · 118 阅读 · 0 评论 -
js判断是否是IE浏览器
1、判断IE浏览器的具体版本function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") &g...原创 2019-08-08 14:09:20 · 193 阅读 · 0 评论 -
vscode vue代码片段
{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class=>$5</div>", "<...原创 2019-08-02 11:47:56 · 430 阅读 · 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 评论 -
记录一个vue-cli3项目的搭建
vue-cli3快速创建项目 https://www.jianshu.com/p/5e13bc2eb97cnpm install axios原创 2019-04-14 17:20:54 · 389 阅读 · 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 评论 -
js循环的写法 for、 forEach、 for in、for of 区别
背景javascript中的for循环选择多种多样,可你知道其中的差别在哪里吗?什么时候又该用哪种循环才是最佳策略?以上这些是本文想讨论的,欢迎交流。写法说明中规中矩//20年前的写法let len = myArray.Lengthfor (let index = 0; index < len; index++) { console.log(myArray[index...原创 2019-03-21 09:37:51 · 2351 阅读 · 1 评论 -
原生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 评论 -
vue项目中监听手机物理返回键,js监听返回按钮,移动端,手机,
问题背景: 项目中用户总是可能误触到返回按钮,但此时可能并不希望返回,所以需要弹框进行确认操作。原理:利用history 和 浏览器 刷新popstate状态 去实现每一次返回都会去历史记录回退 -1 所以就在进入页面之前 往历史记录里面多记录一次当前页面的链接。然后再回退的时候监听刷新,去做一些事情。1、挂载完成后,判断浏览器是否支持popstate// BBBB.vuemoun...原创 2019-04-12 15:57:58 · 17827 阅读 · 10 评论 -
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 评论 -
vue项目目录文件说明(自己项目)
目录文件说明 ├─dist 生产环境打包目录`npm run buil`├─test 预发布环境(测试)打包目录`npm run test`├─public 项目根目录 ...原创 2019-05-14 09:38:35 · 2065 阅读 · 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 评论 -
电脑、手机常用分辨率
电脑分辨率分辨率比例是否淘汰1920 * 108016:9主流1366 * 76816:9主流1600 * 90016:9非主流2560 * 160016:10非主流1920 * 120016:10非主流1440 * 90016:10非主流1680 * 105016:10非主流1024 * 7684:3非主流800 * 6004:3非主流比例 = 高度/宽度手机分辨率ios型号分辨率像素密度(pp...原创 2018-03-27 23:06:45 · 3676 阅读 · 0 评论