前端
smalike
做一个热忱的男子
展开
-
Vue 组件延迟异步加载
这样就可以实现按照指定的 setTimeout 时间来延迟异步加载组件了,是不是很简单。在需要使用的地方调用,但是这里需要用到一些技巧,来实现延迟异步加载。那个,代码一看就懂,创建组件 Lazy-load.vue 文件。在项目 views/Home.vue 文件里引用延迟加载组件。...原创 2022-08-09 09:47:11 · 4700 阅读 · 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 · 5172 阅读 · 0 评论 -
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 · 1187 阅读 · 0 评论 -
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 · 890 阅读 · 0 评论 -
使用 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 · 793 阅读 · 0 评论 -
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 · 311 阅读 · 0 评论 -
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 · 1165 阅读 · 0 评论 -
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 · 2053 阅读 · 0 评论 -
不可不知的 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 · 223 阅读 · 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 · 132 阅读 · 0 评论 -
来聊聊 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 · 160 阅读 · 0 评论 -
不可不知的 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 · 211 阅读 · 0 评论 -
Vue 全宇宙最浪 VSCode 配置、插件
别人的那一堆配置、插件我就不写了~首先进入官网下载并安装。基本配置在编译器 文件 >> 首选项 >> 设置,可以拷贝相面的选项后搜索相关配置设置制表符等于空格数为 2: “editor.tabSize”: 2设置文件末尾增加新行:“files.insertFinalNewline”: true默认换行符:“files.eol”: "\n保存文件剪切尾随空格:“files.trimTrailingWhitespace”: true文件字符集编码: “files.原创 2020-10-14 09:19:06 · 126 阅读 · 0 评论