- 博客(24)
- 问答 (4)
- 收藏
- 关注
原创 npm yarn pnpm npx nvm 命令怎么区分怎么用
当使用 npm 时,如果你有 100 个项目,并且所有项目都有一个相同的依赖包,那么, 你在硬盘上就需要保存 100 份该相同依赖包的副本。^ 会匹配最新的大版本依赖包,比如:^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0。~ 会匹配最近的小版本依赖包,比如:~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0。例如:npm uninstall。update:更新一个或多个包的版本。install:安装一个或多个包。例如:npm install。
2023-08-25 16:10:50
1379
原创 script标签type值application/json,importmap和module
script标签type值importmap和module的含义与用法
2023-05-15 11:10:03
2610
原创 第三方框架小程序单测(Vue Test Utils + JEST)
一、背景:项目采用第三方框架uni-app开发微信小程序,vue语法 + wxApi二、单测方案:Vue Test Utils + JEST前期调研:微信官方推荐单测工具 【miniprogram-simulate】,官方提供的案例demo都针对原生小程序开发方案,尝试了测试第三方打包后的小程序代码,load方法无法渲染uni-app提供了测试方案【@dcloudio/uni-automator】,属于自动化测试。测试需要编译代码,api提供的示例方案偏重于渲染组件,判断当前渲染的组件属性是否
2021-12-31 15:46:58
1268
原创 微信小程序-地理授权-获取经纬度-权限相关 流程总结
想要获取当前位置,大前提:1、微信允许访问位置信息,2、手机定位开启所以,我们进入小程序时,要获取位置,需要考虑权限问题。怎样才能在每次进入都获取,并且大部分用户进入 执行的代码更少?怎样避免每次每人都执行所有的代码?考虑:1、既然每次都要获取经纬度,那么获取位置方法必须。同时,老用户,绝大部分情况是微信授权过的,至于新用户,反正都是得执行一遍。所以,我进入后直接获取位置经纬度。2、如果获取经纬度失败,那么有两种情况,一个是微信位置没有授权,一个是定位没开。我这里,优先判断微信位置授权,site
2021-04-06 11:54:20
3118
原创 elementUI对table表格二次封装(slot支持某一列自定义;支持通过filter函数处理行数据;支持通过func判断操作列某个功能按钮是否展示)
<template> <div> <el-table v-loading="loading" :size="size" :data="tableData" tooltip-effect="dark" style="width: 100%" border width="100%"
2020-08-24 17:39:39
826
原创 2020 前端面试题 面试总结,记得的也就这些了【3月份的, 3年经验】
promise手写;v发布订阅者模式手写;vajax原理 v深浅拷贝实现异步的几种方法 settimeout promise ajax generator yeild v设计模式【发布订阅】webpack4中关于分包的内容的优化webpack干了什么【分析代码。转换代码,编译代码,输出代码】Promise jsonp v查找字符出现的次数 x闭包及其在什么地方运用进程和线程的区别 v生命周期vu
2020-08-12 11:43:32
395
原创 jsonp的原理-大白话
理论:ajax请求受同源策略影响,不允许进行跨域请求,而script标签src属性中的链接却可以访问跨域的js脚本,利用这个特性,服务端不再返回JSON格式的数据,而是返回一段调用某个函数的js代码,在src中进行了调用,这样实现了跨域。实践分析:前端代码:【myCallBack函数拿到返回的数据】 <script type="text/javascript"> function myCallBack(data){ console.log(data, '这是
2020-08-12 11:13:49
128
原创 阿里云oss图片的常用处理方法小结
代码转格式,缩略图HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。图片的分辨率为96dpi。如果传入的类型非“image/png”,但是返回的值以“data:image/png”开头,那么该传入的类型是不支持的。canvas.toDataURL(type, encoderOpti...
2019-09-10 10:21:54
10628
原创 前端初步涉及腾讯云ubuntu服务器配nginx,https,转发端口号
服务器安装nginx的话看这个链接的,https://blog.csdn.net/wang545593725/article/details/51993652?utm_source=blogxgwz6,按照这个博客安装nginx步骤执行,但是我配置的时候是在/etc/nginx/sites-enabled目录下,有个default文件,在这个里边配置下边代码,【下边代码是腾讯云api里边的说明 ...
2019-04-28 19:25:46
361
原创 mysql存表情失败,目前试过的两种解决方案
就是普通的手机表情,mysql没特殊配置之前,普通utf8,报错:Incorrent string value:’\xF0’。。。就这类错误,搜了一下,“utf8最大的一个特点,就是它是一种变长的编码方式。它可以使用1~4个字节表示一个符号,根据不同的符号而变化字节长度。其中Emoji表情是4个字节,而MySql的utf8编码最多3个字节,所以导致了数据插不进去”解决方案1:将字符集 utf8 ...
2019-04-26 16:40:25
1760
原创 怎么写promise,初级promise的理解和使用
到底怎么写一个promise我想要实现的:数组[a,b,c](假设上传多个图片); 要把a,b,c 分别发给后台,后台一次只能接受一个;写代码如下:let promiseArr = []let tempPromise = new Promise((resolve, reject) => { wx.getImageInfo({ src: item,...
2019-04-09 18:22:52
507
原创 node+koa+mysql之连接数据库&&使用中间件-初学者暂存
因为项目需要,我刚开始接触,记录一下,连接数据库这里参考了文档,忘记来源了连接数据const config = { // 数据库配置 database: { DATABASE: '0228', //数据库名称 USERNAME: 'root', //mysql用户名 PASSWORD: '123456abc', //mysql密码 PORT: '3306...
2019-03-11 16:19:45
1353
原创 node后台获取用户ip
直接用就行,方法什么的是node内置的~~function getIPAddress(){ var interfaces = require('os').networkInterfaces(); for(var devName in interfaces){ var iface = interfaces[devName]; for(var i=0;i<iface....
2019-02-18 18:11:56
1225
原创 关于js/vue等前端技术实现打印的几种方式(仅限我试验过的)
我的小发现首先说明,我用的是jq插件。table表在打印的时候,写在&amp;lt;thead&amp;gt;&amp;lt;/thead&amp;gt;里边的表头,还有&amp;lt;tfoot&amp;gt;&amp;lt;/tfoot&amp;gt;之间的表尾会在打印的时候自动拼在每一页数据的头和尾哦,这个能有效解决表格过长自动分页第二页断层的丑样子,加了表头跟好看呀j
2018-10-18 11:47:13
15915
原创 redux中,初步理解state,action , reducer到底怎么串在一起的
作为初级学者的一些想法 学习redux的时候总感觉查不到最符合心意的帖子,其实我只想先把最基本的逻辑跑通了,知道全局的state在哪里,在组件中怎么dispatch一个action,组建中怎么读取store 的state,需要引入什么文件之类的。目前了解的内容(代码就是举个例子,写的比较随便) 1.写anctionexport const func1 = data =&gt; ({...
2018-08-01 12:05:58
5255
1
原创 单行,多行文本溢出。。。
单行css样式,简单粗暴{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行css控制,有兼容性问题,webkit浏览器可用,一般不这样用{ display: -webkit-box; display: -moz-box; word...
2018-06-06 16:19:53
352
原创 window.open和close
点击触发func在浏览器新开一个窗口,关闭新窗口后还可以控制function openMyWindow(turnUrl) { var newWidth=1200; //弹出窗口的宽度; var newHeight=600; //弹出窗口的高度; var newTop= (window.screen.availHeight-30-newHeight)/2; //获...
2018-06-06 14:06:57
476
原创 使用第三方框架是一些样式的覆盖
react(ant-design-pro)项目问题小结组件默认样式怎么改一个组件渲染之后可能有很多内容,这些内容是无法在写的时候加类名的,所以,渲染页面上之后,查看代码,根据它渲染元素的类名在index.less里边覆盖样式就好了,覆盖不了的话就只能用万能的!important了。熟练:before和:after超有用。项目基本完成之后,设计竟然要求表格下边的分页和一个...
2018-03-31 11:45:41
205
原创 以ant design pro示例框架为基础的前端开发小结
如上图,为ant design pro基本机构,最外层还有一个重要文件.roadhogrc.mock.js。在该框架中,执行的基本逻辑如下:先搭建路由,src/common下有menu和router两个文件,先在menu里写入预备在slider里边展示的路径,然后在router里进行配置,将路由和文件的路径相匹配,并连接该页面的model(models文件夹下的文件,页面需要的)...
2018-03-16 18:28:00
6682
原创 requirejs小结
1.引入文件main.js是requirejs的主文件2.实现main.js// 配置requirejs.config({// 默认的基础路径(公共路径)baseUrl:"js",// 对应关系paths:{//注意,不要加.js"jquery":"libs/jquery-3.2.1","getData":"apps/getData"}});
2017-12-12 22:05:44
261
原创 封装ajax
Documentfunction myAjax(type,url,data,func){ if(window.XMLHttpRequest){ var xhr=new XMLHttpRequest(); }else{ var xhr=new ActiveXObject('M
2017-10-29 21:40:54
156
原创 限时秒杀倒计时案例
setInterval(code,millimSec)可以按照一定时间间隔重复调用代码块,时间间隔单位是毫秒。clearInterval( )用来清除计时器;<div style="border: 1px solid black;width: 100%; text-align: center;height: 200px;line-height: 100px"> 9月16日0时
2017-09-16 14:51:30
2643
空空如也
uni-app写小程序单测相关
2021-11-25
axios的responseType类型中blob和stream具体有什么区别
2019-03-14
怎么在JS中设置账号框按回车键光标直接移动到密码输入框
2017-09-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人