- 博客(22)
- 收藏
- 关注
RSS订阅原创 判断是否为数组、字符串
判断一个变量是否为数组类型是在 JavaScript 编程中非常常见的操作。可以使用 Array.isArray() 方法来判断一个变量是否为数组类型。if(Array.isArray(variable)){ console.log("变量是一个数组");} else { console.log("变量不是一个数组");}另一种方法是通过检查变量的原型链来判断变量是...
2023-03-07 16:57:59
201
原创 Vue 组件延迟异步加载
这样就可以实现按照指定的 setTimeout 时间来延迟异步加载组件了，是不是很简单。在需要使用的地方调用，但是这里需要用到一些技巧，来实现延迟异步加载。那个，代码一看就懂，创建组件 Lazy-load.vue 文件。在项目 views/Home.vue 文件里引用延迟加载组件。...
2022-08-09 09:47:11
4720
2
原创 javascript 正则里面 \s\S 和 . 的区别
\s匹配空白字符；\S匹配非空白字符；+?匹配 1 次或多次。[\s\S]+?就是匹配任意字符 1 次或多次。.匹配换行符以外的字符。[.]+?是匹配换行符以外的字符 1 次或多次。区别就在于：/.+?/.test('\n')返回 false/[\s\S]+?/.test('\n')返回 true/.+?/.test('\r')返回 false/[\s\S]+?/.test('\r')返回 true...
2020-11-27 10:23:11
5238
原创 JavaScript 删除字符串里出现的中文字符
属于功能行代码，可以直接复制使用。/** * 删除字符串里出现的中文字符 * @param {String} str 需要替换的字符串 * @return 替换后的字符串 */export function replaceChinese(str) { let result = str; result = result.replace(/([^\u0000-\u00FF])/g, ($) => { return escape($); }); return result
2020-11-09 14:24:00
1193
原创 JavaScript 中 Blob、base64、文件、图片互转
功能型编码可直接拷贝使用。// Blob转为base64export function blobToDataURL(blob, callback) { let a = new FileReader(); a.onload = (e) => { callback(e.target.result); }; a.readAsDataURL(blob);}// base64转为Blobexport function dataURLtoBlob(dataurl) { le
2020-11-09 14:16:31
894
原创 使用 miniprogram-to-uniapp 转换微信小程序为 uni_app 项目
最近有微信小程序转 html5 的需求，但是网上找了好久没有纯粹的转换工具。所以后来把目标定位到了 uni-app、taro 这样的工具上来。今天分享使用 miniprogram-to-uniapp 转换 uni_app 项目的一些经验。（在发稿时开发者已经修复了一些问题）https://github.com/zhangdaren/miniprogram-to-uniapp图片资源需要拷贝到 static 目录下（–没有就新建一个，并修改引用路径）scroll-view 组件属性 scrollY 在
2020-11-09 14:08:57
806
原创 npm 安装问题总结
汇总一下最近使用 npm 出现的问题如下：https://github.com/cnpm/cnpmjs.org解决 Module build failed: Error: ENOENT: no such file or directory, scandir 'E:\code\weChat\-web\node_modules\node-sass\vendor'注册模块镜像npm set registry https://registry.npm.taobao.orgnode-gyp 编译依赖的 no
2020-11-09 14:08:01
315
原创 Socks 正向代理 - Srelay
Srelayhttps://socks-relay.sourceforge.io/https://socks-relay.sourceforge.io/samples.html推荐使用 srelay 架设 socket5 代理服务器，速度快下载后可以在 INSTALL 中看到安装描述在解压目录下运行./configure make编译完成后启动服务./srelay -h ./srelay需要查看服务器端口是否被占用netstat -anp | grep 10002可以自定义端口启
2020-11-09 14:06:28
1181
原创 vue-router 为什么需要放到 new Vue({router}) options 里
很多 vue 插件在利用 vue 提供的 use 方法安装后就不需要在进行多余的操作了，但是由 vue 官方提供的 vue-router， 在使用时却需要在 new Vue 实例的 options 中增加 router 配置，来完成项目 router 的使用。我们都知道 vue-router、vuex 是由 vue 官方提供的插件。插件是什么东东？所谓的插件——咳咳……来看一下官方介绍：插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：添加全局方法或者属性
2020-10-15 14:13:26
2059
原创 不可不知的 Vue.js 列表渲染
介绍用 v-for 把一个数组对应为页面上的一组元素vue.js 使用的是 v-for 指令来处理组件元素的循环迭代逻辑。通常它会和 v-if 配合使用，达到我们所需要的处理逻辑。v-for 的语法形式是 item in items，其中 items 就是我们要循环的数组，而 item 则是被迭代的数组元素的别名。<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li&
2020-10-14 09:25:22
226
1
原创 来聊聊 Vue CLI 3
Vue CLI 3https://cli.vuejs.org/zh/guide/Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；也就是我们的 vue.con
2020-10-14 09:24:27
135
原创 来聊聊 Vue Loader
Vue Loaderhttps://vue-loader.vuejs.org/zh/Vue Loader 是什么？Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 SFC的格式撰写 Vue 组件：<template> <div class="example">{{ msg }}</div></template><script>export default { data () {
2020-10-14 09:22:56
162
原创 不可不知的 WEB 前端网站优化—— 雅虎 34 条军规
不可不知的 WEB 前端网站优化—— 雅虎 34 条军规不得不说现在依然适用于大部分的网站当年雅虎推荐了一套优化网站加载速度的34条法则（包括Yslow规则22条），以下是详细说明。1. Minimize HTTP Requests 减少 HTTP 请求图片、css、script、flash 等等这些都会增加 http 请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用 CSS sprites 将小.
2020-10-14 09:21:19
215
原创 Vue 全宇宙最浪 VSCode 配置、插件
别人的那一堆配置、插件我就不写了～首先进入官网下载并安装。基本配置在编译器 文件 >> 首选项 >> 设置，可以拷贝相面的选项后搜索相关配置设置制表符等于空格数为 2： “editor.tabSize”: 2设置文件末尾增加新行：“files.insertFinalNewline”: true默认换行符：“files.eol”: "\n保存文件剪切尾随空格：“files.trimTrailingWhitespace”: true文件字符集编码： “files.
2020-10-14 09:19:06
133
原创 HTML5 Cross Browser Polyfills
The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively...
2019-10-15 16:55:53
21
原创 一个 PDF 工具，将 PDF 文件重排成 Kindle 和手机可以阅读的页面大小。
OVERVIEW K2pdfopt optimizes PDF/DJVU files for mobile e-readers (e.g. the Kindle) and smartphones. It works well on multi-column PDF/DJVU files and can re-flow text even on scanned PDF f...
2019-09-29 14:03:03
68
原创 一个 JS 库，在网页插入迷你的页面缩略导航图，用户可以点击这个图的不同部分，实现快速导航。...
Mini map for web pages. You can find an example on this web site in the top right corner. And there are two more demo pages: boxes and text. Example...
2019-09-29 14:00:43
56
原创 视频课程：《Flutter 应用开发》- （未汉化）
纳米学位项目 Python 编程入门 获得纳米学位证书，加速你的职业发展。 开始你的旅程 课程讲师 Mary Xia 课程讲师 Matt Sullivan 课程讲师 James Williams 课程开发 先修...
2019-09-29 11:27:57
16
原创 浏览器跨域 Access-Control-Allow-Headers 问题
Access-Control-Allow-Headers当浏览器发送接口请求出现跨域问题时，目前的做法通常会在接口服务器增加如下配置。Access-Control-Allow-Origin: *但是有时也会出现 Access-Control-Allow-Headers 的错误问题。Access to XMLHttpRequest at'http://www.xxx.com/api' from...
2019-09-20 17:35:45
298
原创 vue2.x ie8 兼容
增加 webpack 插件es3ify-webpack-plugin(关键字问题)增加压缩 IE8 配置new UglifyJsPlugin({ uglifyOptions: { // ecma: 5, ie8:true, compress: { drop_console: true, /...
2019-09-18 13:52:01
36
原创 npm 问题
汇总一下最近使用 npm 出现的问题如下：https://github.com/cnpm/cnpmjs.org解决 Module build failed: Error: ENOENT: no such file or directory, scandir 'E:\code\weChat\-web\node_modules\node-sass\vendor'注册模块镜像npm set re...
2019-09-16 16:41:03
19
原创 choco 自动安装 windows 电脑软件资源
windows 电脑软件资源使用统计类型名称备注基础javaJDK javaJRE python2/3浏览器chrome firefox flashplayerplugin通信微信 QQ 钉钉NVMnodejs Git svn tortoisesvn编辑器vscode sublime3 微信web开发者工具 Android studi...
2019-09-12 14:36:42
28
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人