StavinLi的博客_内嵌H5兼容,巩固,typescript

vue-cli3.0 开发环境构建

一. 若已全局安装vue-cli (1.x 或 2.x)，需先卸载npm uninstall vue-cli -g 二. 全局安装 vue-cli3.0npm install -g @vue/cli三. node版本要求 Node &amp;gt;=8.9,可以使用 nvm 管理多个 Node 版本。1. 安装nvm https://github.com/coreybu...

vue

Vu4

置顶原创 2021-07-12 13:44:46 119 阅读

基于svg绘制北京地铁图（官网数据来源）

北京地铁图北京地铁图，基于svg开发，支持PC、移动端多种浏览器。线上开源地址 https://github.com/StavinLi/beiJingSubway 点个赞吧！项目预览

demo

svg

置顶原创 2021-07-13 09:50:19 483 阅读

基于svg开发绘制地铁图

中国地铁图中国地铁图，基于svg开发，支持PC、移动端多种浏览器。覆盖北上广多个城市。线上开源地址 https://github.com/StavinLi/the-subway-of-china

svg

demo

地铁图

gulp

置顶原创 2021-07-13 09:53:41 10000+阅读

workflow仿钉钉审批流程设置

钉钉审批流程设置钉钉审批流程设置，基于vue开发线上开源地址 https://github.com/StavinLi/Workflow 点个赞吧！项目介绍技术点组件自调用+递归处理功能

vue

demo

workFlow

javascript

审批流程设置

置顶原创 2021-07-13 09:26:20 1556 阅读

Taro多端开发及编译踩坑

项目搭建及初始化，基于微信小程序，编译成H5及支付宝小程序

taro

javascript

前端

ci

h5

原创 1月前 10000+阅读

Vue组件template标签波浪线报错

"experimentalDisableTemplateSupport": true。//目的：跳过 vue-tsc 中的模板类型检查，从而禁用模板 TS 支持。可以将内存使存占用会减少到1/4以下）

vue.js

json

前端

低功耗

模板类

原创 5月前 10000+阅读

js 水平无限滚动字幕

https://github.com/StavinLi/horizontal-marquee

vue.js

前端

git

github

原创 5月前 10000+阅读

js 正则匹配

代码】js 正则匹配。

javascript

前端

开发语言

原创 6月前 10000+阅读

vue provide/inject实现数据响应

vue.js

ide

原创 7月前 10000+阅读

js 地图两点距离计算

通过经纬度获取两点距离

javascript

前端

开发语言

原创 7月前 10000+阅读

taro 获取经纬度及城市

小程序获取经纬度及城市

前端

javascript

npm

微信小程序

taro

原创 7月前 10000+阅读

vue3 directive input限制字符长度，及更新v-model

App.directive('limit-num', { ...

vue.js

javascript

前端

用户名

生命周期

原创 8月前 10000+阅读

node nvm切换node版本后, yarn、cnpm 等全局command not found

问题：nvm切换node版本后，yarn、cnpm 等全局command not found解决办法

npm

node.js

vue.js

原创 9月前 10000+阅读

vue 路由全局注入参数

以注入参数 brole为例，默认值为'0'// src/router/index.jsconst routes = [ ...];const router = new VueRouter({ routes});router.befo

vue.js

javascript

前端

默认值

原创 9月前 10000+阅读

js video清空src

let video = documnet.querySelector('video')try { if ('srcObject' in video) { video.srcObject = null; } else

javascript

前端

开发语言

ide

html

原创 9月前 10000+阅读

vue 报错Redirected when going from “A“ to “B“ via a navigation guard.

问题：Uncaught (in promise) Error: Redirected when going from "A" to "B" via a navigation guard."vue-rout

vue.js

前端

javascript

原创 9月前 10000+阅读

vue slot插槽内容过滤

### parent.vue<titleVue>{{ title }}</titleVue>### titleVue.vue<h3>{{ title }}</h3>computed:{ title() { //此处对内容进行过滤

vue.js

javascript

前端

原创 9月前 10000+阅读

vue 上拉加载实现

<ul class="list" ref="scrollBox"> <li v-for="(item, index) in data" :key="index"> ... </li></ul><script> mounted() { // 监听如果页面发生滚动时 this.$nextTick(() => {

vue.js

javascript

前端

手机端

加载数据

原创 9月前 10000+阅读 1收藏

vue v-model解析及实现

1.v-model 解析语法糖在内部为不同的输入元素使用不同的property并抛出不同的事件：a. text 和 textarea 元素使用 value property 和 input 事

vue.js

字段

语法糖

原创 9月前 10000+阅读

vue v-for与v-if优先级

结论：在 vue2 与 vue3 中 v-for与v-if 两者优先级不同，不推荐在同一元素上使用 v-if 和 v-forvue2当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。当你只想为部分项渲染节点时，这种优先级的机制会十分有用。vue3当它们处于同一节点，v-if 的优

vue.js

优先级

原创 10月前 10000+阅读

git warning: redirecting to

问题：git pull提示warning: redirecting to ://igi

git

原创 10月前 10000+阅读

vue config 根据不同的文件类型配置不同的publicPath

npm: vue-cli-plugin-publicpath安装installvue cli vue add publicpathy

面试

leetcode

职场和发展

css

原创 11月前 10000+阅读

vue插槽

Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将元素作为承载分发内容的出口。分类1. 默认插槽## child.vue<p> <slot>It's child</slot></p>

面试

动态规划

职场和发展

插槽

作用域

原创 2022-03-10 14:25:50 10000+阅读

移动H5调试动态引入VConsole

//url: http://localhost:8080/?__console__#/import qs from 'query-string'let params = qs.parse(window.location.search)if('__console__' in params){

javascript

前端

html5

原创 2022-02-10 11:12:02 10000+阅读

手动实现发布订阅模式

class Emmiter{ constructor(){ this.eventList = {} //事件调度中心 } on(type,func){// if(!this.eventList[type]){ this.eventList[type] = [] } this.eventList[type].push(func) }

i++

原创 2022-02-10 11:11:53 10000+阅读

手写promise

const resolvePromise = (promise2,x,resolve,reject) => { if(promise2 === x){ return reject(new TypeError('Chaining cycle detected for promise #<Promise>')) } let called; if(typeof x ===

edn

原创 2022-02-10 11:11:42 10000+阅读

获取设备像素比及屏幕宽高，便于@media机型适配

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var screenwidth=window.screen.width;

html

javascript

原创 2022-02-10 11:11:32 10000+阅读

http免费转https--使用阿里云（最新图解攻略）

1.登录阿里云后，点击控制台（右上侧）2.展示左侧菜单，点击安全（云盾）3.选择CA证书服务（数据安全），点击购买证书（右上角）4.选择基本配置（重点）选择品牌Symantec 2.选择保护类型1个域名 3.选择证书类型免费型DV SSL即可 5.点击立即购买，去支付完成购买即可。...

应用安全

基本配置

左侧菜单

原创 2022-02-10 11:11:23 87 阅读

h5设置页面title为空

title

原创 2022-01-30 11:13:51 10000+阅读

js 继承的方式

function Man(name){ this.name = name}Man.prototype.someThing = function(){}1.原型链继承缺点：1.子类实例化，无法向父类传参2.共用一个原型对象function Parent(){}Parent.prototype = new Man("1")

父类

子类

原型链

原创 2022-01-30 11:13:32 10000+阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

Stavin Li的博客

vue-cli3.0 开发环境构建

基于svg绘制北京地铁图（官网数据来源）

基于svg开发绘制地铁图

workflow仿钉钉审批流程设置

Taro多端开发及编译踩坑

Vue组件template标签波浪线报错

js 水平无限滚动字幕

js 正则匹配

vue provide/inject实现数据响应

js 地图两点距离计算

taro 获取经纬度及城市

vue3 directive input限制字符长度，及更新v-model

node nvm切换node版本后, yarn、cnpm 等全局command not found

vue 路由全局注入参数

js video清空src

vue 报错Redirected when going from “A“ to “B“ via a navigation guard.

vue slot插槽内容过滤

vue 上拉加载实现

vue v-model解析及实现

vue v-for与v-if优先级

git warning: redirecting to

vue config 根据不同的文件类型配置不同的publicPath

vue插槽

移动H5调试动态引入VConsole

手动实现发布订阅模式

手写promise

获取设备像素比及屏幕宽高，便于@media机型适配

http免费转https--使用阿里云（最新图解攻略）

h5设置页面title为空

js 继承的方式