- 博客(79)
- 收藏
- 关注
RSS订阅
原创 TomWong的博客博文分类和索引
博文分类说明一，demo---小功能块；二，配置---项目基础配置；三，问题探讨---具体问题的探讨；四，工具---项目开发工具git/VSCode/WebStorm等使用方法的记录；五，随手记---随手记的实用知识点，感悟等琐碎但有意义的东西；博文索引 一，demo---5篇 跳转链接 5，自定义响应式网页(利用css3媒体查询...
2019-11-06 17:33:26
4048
原创 我为什么写博客
这是很多人会想的问题，为什么写博客？一，好记性不如烂笔头：解决的问题，学懂的知识，三五个月还记得，三五年呢？写博客初衷之一就是记录我们日常得来的精华内容，归纳整理，以备查阅。二，装逼耍帅和节省时间：谁也不敢说能解决开发中的所有问题，开发中相互帮忙是常事。但是如果你正忙的晕头转向的时候，正好有战友问一个你懂且很急的问题，怎么办？正常情况下，你只能在两难中抉择，反之，如果你之前思考解决...
2018-10-02 00:01:15
197
原创 【问题探讨】浏览器可以访问github项目，但是git clone失败
浏览器可以访问github项目，但是git clone失败。先确认github.com是否能否ping通。
2023-02-09 22:37:03
7379
4
原创 【问题探讨】web前端小伙入坑nodejs实践
本文讲述有一定web前端基础的小伙伴，如何入坑nodejs。框架采用eggjs先列一下大纲：一，阅读nodejs文档 http://nodejs.cn/二，阅读eggjs文档 https://www.eggjs.org/zh-CN/index三，搭建项目框架四，部署五，开启调试六，环境配置七，接口开发八，参数校验九，try catch十，召回字段拼装十一，接口调试......
2022-05-20 11:08:08
247
原创 【问题探讨】H5 UI渲染心智模型
先通过一个例子讲述不同的心智模型，例子中总结特点，然后讲两个特殊例子来着重说明CLASS和FUNCTION的特点；目标探讨H5 UI渲染心智模型，即阐述数据是依据什么样的思维渲染到界面上的。详情一，原生JS直接操作DOMindex.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" conten
2022-02-23 22:32:31
459
原创 [问题探讨]js不使用eval实现加减乘除运算，对标微信小程序等不支持eval的环境
举例：用户输入字符串1＋1×2-2÷1，需要计算出结果分析：1，在支持eval的环境中只需要replace用户输入的＋-×÷为js运算符关键词+ -*/，然后传入eval函数中就可以得到结果2，不支持eval的环境，比如微信小程序，有如下几个问题：(1)一次只能进行加减乘除的任一计算(2)需要把非运算符的字符串独立拆出来，并转为number(3)处理逐一运算造成的，对运算优先级的不支持，比如1+1*2=3，逐一运算的结果却是4处理思路：代码不方便贴，这里只列出已经走通的处理逻辑(可以用微
2021-06-25 23:02:40
463
原创 【问题探讨】一分钟看懂如果从0开始做一个微信小程序
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例
2021-06-25 22:25:20
82
原创 [随手记]H5 input点击软键盘发起搜索后页面刷新问题
问题：H5 input点击软键盘发起搜索后页面刷新处理代码：<form target="frameFile" action="javascript:true"> <input /> <iframe name="frameFile" style="display:none;" title="处理点击submit后的页面刷新问题"></iframe></form>...
2021-05-27 11:33:30
319
原创 [问题探讨]VUE项目下载excel，通过window.open可以下载，通过axios+blob下载的文件乱码
背景：VUE项目，下载excel需求，通过window.open可以正常下载正常显示，通过axios+blob下载的文件乱码前端代码：1，axios部分(request.js)const service = axios.create({ timeout: 25000 // request timeout})......省略其他2，页面API部分import request f...
2020-05-07 18:51:46
951
原创 [问题探讨]VUE项目基于Echarts Map实现下探到区级(含json数据获取方式)
github echarts map github项目介绍
2020-03-17 20:04:41
2023
3
原创 [问题探讨]使用反向代理解决跨域请求
nginx反向代理解决跨域https://blog.csdn.net/u013314786/article/details/84584374正向代理是代理客户端，为客户端收发请求，使真实客户端对服务器不可见；而反向代理是代理服务器端，为服务器收发请求，使真实服务器对客户端不可见。从上面的描述也能看得出来正向代理和反向代理最关键的两点区别：是否指定目标服务器客户端是否要做设置...
2020-03-11 17:08:16
552
原创 [随手记]VUE组件结构和前端代码规范
1 目录结构pre.├── README.md // README.md├── build // 编译配置目录├── config // 配置目录├── eslint-config // eslint 配置目录（弃用）├── index.html // index.html├── node_modules├...
2020-02-27 17:21:52
298
翻译 [随手记]h5播放器属性和自定义播放器
16.3.1 属性和元素都提供了完善的 JavaScript 接口。下表列出了这两个元素共有的属性，通过这些属性可以知道媒体的当前状态。属 性 数据类型 说 明autoplay 布尔值 取得或设置autoplay标志buffered 时间范围 表示已下载的缓冲的时间范围的对象bufferedBytes 字节范围 表示已下载的缓冲的字节范围的对象bufferingRate 整数 下载过...
2020-02-27 17:07:30
327
原创 [问题探讨]使用toDataURL()方法将canvas转化为base64格式的png图片
<body> <canvas id="drawing" width=" 200" height="200">A drawing of something.</canvas> <script> var drawing = document.getElementByI...
2020-02-27 16:50:48
1031
原创 [随手记]vue项目动态生成的img地址信息，webpack无法打包问题
但是，webpack不会对动态生成的资源地址打包解决方法：自己手工加载动态资源注意点：Webpack资源打包时的特点只会对源代码中出现的静态资源进行打包import ‘…/assets/css/base.css’但是，webpack不会对动态生成的资源地址打包解决方法：自己手工加载动态资源只会对源代码中出现的静态资源进行打包import ‘…/assets/css/...
2020-02-27 16:38:13
307
原创 [随手记]CSS sticky定位的特性
6、stickyposition属性中最有意思的就是sticky了，设置了sticky的元素，在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会变成fixed，根据设置的left、top等属性成固定位置的效果。可以知道sticky属性有以下几个特点：该元素并不脱离文档流，仍然保留元素原本在文档流中的位置...
2020-02-27 16:26:51
183
原创 [问题探讨]VUE项目通过VS CDDE的ESLint插件实现代码保存时自动格式化
https://www.cnblogs.com/showjs/p/11269433.html
2020-01-16 11:01:46
356
原创 [问题探讨]js一键复制功能
需求：js一键复制指定元素内容实现：1，commonFunc.jsfunction copyText(selector) { return new Promise((resolve, reject) => { // 获取需要copy的内容 const copyItem = document.querySelector(selector) // 创建inpu...
2020-01-15 12:18:27
160
原创 [问题探讨]基于VUE+docker+nginx+IntelliJ IDEA+Alibaba Cloud Toolkit实现WEB项目一键部署
需求：基于VUE+docker+nginx+IntelliJ IDEA+Alibaba Cloud Toolkit实现WEB项目一键部署分析：如下图Alibaba Cloud Toolkit其实是按步骤做了手动部署需要做的三件事情：1，npm run build打生产包2，通过ftp服务将生产包放入配置好的nginx服务目录中3，启动.sh脚本完成部署首先，我们来实现一次手动部署一...
2019-11-06 17:21:02
1282
原创 [问题探讨]VUE项目为新环境配置新的npm run打包命令
需求：VUE项目为新环境配置新的npm run打包命令，为此命令定义专属环境变量，比如预发布环境npm run preDeploySTEP1：先上图解释npm run build命令如何获取环境变量1，npm run build命令调用 build文件夹中的build.js2，build.js调用了build文件中的webpack.prod.conf.js3，webpack.prod....
2019-11-05 20:28:51
500
原创 [问题探讨]VUE项目基于keep-alive实现缓存
需求：WEB项目实现缓存缓存需求分析：一般分为三类1，缓存确定的某些页面；2，缓存打开的页面，关闭时取消缓存；3，前进刷新，后退缓存；缓存实现基本模型1，v-if + keep-alive// 路由配置export const constantRouterMap = [ { path: '/', component: PageA, name: 'Pag...
2019-11-05 11:28:46
222
原创 [问题探讨]VUE项目通过js-cookie实现cookie操作
需求：VUE项目cookie操作实现工具：js-cookie上代码// 安装js-cookienpm i js-cookie// 组件中引入import Cookies from 'js-cookie'// 组件中使用// 写入cookieCookies.set('name', 'value')// 读取Cookies.get('name') // => 'value'...
2019-10-31 20:11:38
363
原创 [问题探讨]VUE项目通过axios做http拦截及将Token写入请求头中
需求：VUE项目http请求和响应的拦截实现工具：axios上代码：// 项目安装axiosnpm install axios// main.js中引入axiosimport axios from 'axios'// 请求拦截axios.interceptors.request.use(function (config) { // 在请求发出之前做一些处理 // 设...
2019-10-31 20:01:46
202
原创 [随手记]docker php报错'mysqli_connect' is not a function 或 class 'mysqli' not found
背景：docker 配置 php环境完成后，使用php mysqli连接sql报错分析：1，开始使用如下方法连接：$conn = mysqli_connect("127.0.0.1","root","","newxiaoa",3306);本地ok，docker部署测试后报错’… “mysqli_connect” is not a function …’，幼稚的我改用如下写法$conn ...
2019-10-27 11:28:29
1129
原创 [问题探讨]ECharts实现带钓鱼岛和南海诸岛的中国(China)地图
主要介绍 json方式获取json的要看下为什么南海诸岛显示不出来–china.js钓鱼岛的主要说一下—增加
2019-10-15 21:12:57
5056
7
原创 [问题探讨]ES6 set 数据结构实现数组和字符串去重
https://www.cnblogs.com/jiayuexuan/p/7527055.html去重
2019-08-08 19:24:44
268
原创 [问题探讨]js中的错误捕获和抛出try-catch-finally throw
finally 子句虽然在 try-catch 语句中是可选的，但 finally 子句一经使用，其代码无论如何都会执行。换句话说，try 语句块中的代码全部正常执行，finally 子句会执行；如果因为出错而执行了 catch 语句图灵社区会员 StinkBC([email protected]) 专享 尊重版17.2 错误处理 501块，finally 子句照样还会执行。只要代码中包...
2019-07-31 17:14:56
647
原创 [问题探讨]多元素同id时的事件绑定
</head><body> <div id="tom">tom1</div> <br/> <br/> <br/> <br/> <br/> <br/> ...
2019-07-30 22:32:27
459
原创 [问题探讨]select()实现文本默认选中以及setSelectionRange()实现获取用户选择的文本内容
14.2.1 选择文本上述两种文本框都支持 select()方法，这个方法用于选择文本框中的所有文本。在调用 select()方法时，大多数浏览器（Opera 除外）都会将焦点设置到文本框中。这个方法不接受参数，可以在任何时候被调用。下面来看一个例子。var textbox = document.forms[0].elements[“textbox1”];textbox.select()...
2019-07-30 20:09:59
579
原创 [问题探讨]使用Googe Maps谷歌地图实现不带暗黑水印的地图调用
背景开发海外项目，首选Googe Maps，这里记录一些重要的知识点正文1，Zoom级别1~20，参考颗粒度如下：‘1’ 世界‘5’ 陆地/大陆‘10’ 城市‘15’ 街道‘20’ 建筑物...
2019-07-30 18:24:03
603
原创 [随手记]URI和中文字符串互转
encodeURIComponent(test1) //http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F%3F%E4%B8%AD%E5%9B%BDdecodeURIComponent(test1) //http://www.w3school.com.cn/My first/?中国encodeURI() 函数可把字符串作为 URI 组件进行编码。...
2019-07-30 15:46:09
604
原创 [随手记]自定义浏览器scrollbar样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #FFF; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { border-radius: 10px; backgro...
2019-07-30 15:17:06
96
原创 [随手记]chrome和safari都是webkit内核，为什么两个浏览器还会有兼容性问题？
问题：chrome和safari都是webkit内核，为什么两个浏览器还会有兼容性问题？分析：刚开始接触浏览器内核的时候，我们会了解到chrome和safari都是webkit内核，至于webkit的来历，故事有点长，想了解的同学可以自行百度。到这里，我们一般认为同样的代码，在chrome和safari上的表现应该是一致的(这里未考虑平台和设备的因素)，我最早也是这样认为的，但是现实啪啪啪...
2019-05-24 23:35:44
9587
原创 [问题探讨]vue中json的使用
json的定义：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。vue中json的用法一：require-运行时加载test.json文件{ "testData": "hello world", "testArray": [1,2,3,4,...
2019-05-04 22:42:31
3334
1
原创 [随手记]parseFloat() || Number() || parseInt()格式化数据的区别
parseFloat || Number || parseIn处理格式化数据的区别
2019-05-04 12:44:29
346
原创 [随手记]css实现超出元素宽度的内容变为...
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
2019-05-03 18:04:02
606
原创 [问题探讨]css flex实现斜梯布局-面试题
<div class="container"> <div class="item1">元素1</div> <div class="item2">元素2</div> <div class="item3">元素3</div> </div> .cont...
2019-05-02 22:31:25
836
原创 [配置]vue import *** as ***解决引入的组件名冲突问题
import {headerInfo,NavInfo,gasolineComment as commentInfo,gasolineService as tipsInfo,recommendInfo,} from ‘…/…/…/components’;
2019-05-02 20:16:36
14993
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人