![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
qq236710052
这个作者很懒,什么都没留下…
展开
-
vscode实现VUE代码提示,专门为VUE打造的一套vscode片段!
写好一套.vue文件模板大大提高了我们的开发效率,欢迎使用!方法:打开vscode — 文件 — 首选项 — 用户片段 — 新增 vue.json{ "vue": { "prefix": "vue", // 触发的关键字 输入vh按下tab键,可以是任何关键字 "body": [ "<template>", " <div>", " <MyComponent原创 2021-02-28 16:29:24 · 4779 阅读 · 2 评论 -
改进VUE-element-admin实现自动更新token丝滑般的体验效果
element-admin这套后端模板用的是模拟数据,token写死了,没提供自动更新token的方案,然而通常我们后端给的token是一段时间内就刷新一次的,所以在这里分享我的解决方案。直接上代码:1、在拦截器上获取新的token并且更改VUEX的tokenrequest.js → service.interceptors.response.use()response => {//响应分支内 // 这样就更新了store里的token; if (res.code === 50000) {原创 2021-02-07 22:45:26 · 2066 阅读 · 1 评论 -
几句话就能秒懂JavaScript的this
在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。在方法中,this 表示该方法所属的对象。如果单独使用,this 表示全局对象。在函数中,this 表示全局对象。在函数中,在严格模式下,this 是未定义的(undefined)。在事件中,this 表示接收事件的元素。...原创 2021-01-10 15:21:28 · 247 阅读 · 1 评论 -
NPM常用命令
创建NPM环境:npm init登陆NPM:npm login发布NPM包:npm publish强制删除NPM包:npm publish --force删除NPM包指定版本:npm unpublish 项目@版本初始化依赖包:npm install安装指定依赖包:npm install XXX修复:npm audit fix查看依赖包详情:npm auditnpm清除缓存:npm cache clean -f...原创 2020-10-29 17:23:44 · 132 阅读 · 0 评论 -
Node之Egg框架增删改查CURD
npm init egg --type=simple简单-简单的Egg应用样板npm init egg --type=microservice微服务-基于Egg的微服务应用样板npm init egg --type=sequelizesequelize-带sequelize的Egg应用npm init egg --type=tsts-简单的Egg && Typescript应用样板npm init egg --type=empty空-空Egg应用程序样板npm原创 2020-09-20 14:42:42 · 538 阅读 · 0 评论 -
原生JavaScript封装和开发插件方法,手写一个大图切换插件
前面我写过一篇jQuery封装和开发插件方法,现在我将使用同样的dom和style用原生JS写,思路并没有区别,只是原生js获取dom节点稍微繁琐一些,也可以看看我用jQuery写的那篇,点击前往。<!doctype html><html><head><meta charset="utf-8"><title>Banner</title><body><style>body{margin:0px;}原创 2020-08-17 20:31:37 · 114 阅读 · 0 评论 -
Thinkphp+VUE项目搭建,配置build项目打包目录路径
后端采用Thinkphp开发接口只需要在application\api下写接口即可。前端采用VUE的话,我们需要将打包文件dist里的文件放到Thinkphp的入口文件目录public下即可,也不需要修改什么。如果是放在index控制器下的index方法则需要修改一下index.html的引入静态目录href="STATIC/ 这样的格式,本人推荐入口目录下。由于每次buid后都需要放到Thinkphp入口public目录下太麻烦了,所以我们可以修改配置,让他自动打包到public下,方法如下:VUE原创 2020-07-26 13:21:35 · 1524 阅读 · 0 评论 -
能使用CSS3取代JS的一些小技巧
使用CSS3取代JS的一些场景原创 2020-07-08 22:00:41 · 465 阅读 · 1 评论 -
jQuery封装和开发插件方法,手写一个大图切换插件
**引入JQ:**<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> **开始创建:**<script>(function(jq){ jq.fn.banner = function(arr){ 这里是你的插件代码 }})(jQuery);</script>**使用插件:**<script>$(".banner").banner({原创 2020-06-11 18:15:11 · 249 阅读 · 0 评论 -
逐步封装VUEX
官网:https://vuex.vuejs.org/zh/前言(摘自官方说明):Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。准备工作:1、安装VUEX,npm install vuex --save2、导入VUEX,main.原创 2020-05-24 14:32:05 · 256 阅读 · 0 评论 -
利用VUEX状态快照减少异步请求提高用户体验
1、UI组件库优化,有赞组件库vant为例,只导入个别组件。import { Grid } from 'vant';Vue.use(Grid);import 'vant/lib/grid/style';2、VUEX缓存,将数据发送到VUEX的state内只要页面不刷新可重复使用,判断即可不再发起异步请求有效减少频繁的数据请求。//--------------------组件------------------------<div v-for="item in $store.state.i原创 2020-05-19 22:05:46 · 408 阅读 · 0 评论 -
VUE组件库Vant搭建的微商城前端框架【持续更新】
Git:https://gitee.com/linxuxiang/myproject-vue效果图:原创 2020-05-03 17:49:24 · 635 阅读 · 1 评论 -
VUE组件库Vant,npm i vant -S失败和局部组件Unknown custom element错误
由于依赖环境使用的是cnpm install 所以更换成 cnpm i vant -S 即可!npm i vant -S:npm WARN checkPermissions Missing write access to F:\VUE\myproject\node_modules\cssnano\node_modules\autoprefixernpm ERR! path F:\VUE\my...原创 2020-05-01 02:03:32 · 3187 阅读 · 0 评论 -
VUE+MintUI的索引列表实现“卖座网”同款城市列表
卖座网:https://m.maizuo.com/v5/#/city(F12拿城市列表JSON)MintUI索引列表:https://elemefe.github.io/mint-ui/#/index-list城市列表的JSON数据:{"cities":[{"cityId":110100,"name":"北京","pinyin":"beijing","isHot":1},{"cityId"...原创 2020-04-18 00:39:03 · 2104 阅读 · 0 评论 -
用VUE实现购物车功能
HTML<div id="app"> 单价:{{price}}元/件<br/> 库存:{{stock}}件<br/> 选购:<span v-on:click="cut" class="cut">-</span><input name="num" type="text" class="num" v-on:input="inpu...原创 2020-04-14 16:49:02 · 466 阅读 · 0 评论 -
jquery-cookie的简单演示
注意事项:1、需要在服务器环境下打开2、只是一个页面的代码,请自行多复制几个3、最好打开控制台观察逻辑和流程-----------------------JS---------------------<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script><script s...原创 2020-02-18 21:30:56 · 150 阅读 · 0 评论 -
常见的Tab选项卡,JQ vs JS
共同样式:<style>.tab{ width:300px;}.tab ul li{float:left; width:100px; line-height:30px; background:#f1f1f1; text-align:center;}.tab ul .on{background:#000000; color:#ffffff;}.tab dl dt{float:l...原创 2020-03-12 21:34:54 · 123 阅读 · 0 评论 -
分别使用Object.defineProperty()和new Proxy()演示双向数据绑定
分别使用Object.defineProperty()和new Proxy()演示双向数据绑定原创 2020-02-21 09:04:19 · 527 阅读 · 0 评论