qq236710052-CSDN博客

原创能使用CSS3取代JS的一些小技巧

使用CSS3取代JS的一些场景

2020-07-08 22:00:41 462 1

原创 vscode实现VUE代码提示，专门为VUE打造的一套vscode片段！

写好一套.vue文件模板大大提高了我们的开发效率，欢迎使用！方法：打开vscode — 文件 — 首选项 — 用户片段 — 新增 vue.json{ "vue": { "prefix": "vue", // 触发的关键字输入vh按下tab键,可以是任何关键字 "body": [ "<template>", " <div>", " <MyComponent

2021-02-28 16:29:24 4775 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 2035 1

原创几句话就能秒懂JavaScript的this

在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在函数中，在严格模式下，this 是未定义的(undefined)。在事件中，this 表示接收事件的元素。...

2021-01-10 15:21:28 244 1

原创分别用html2canvas.js和PHP写一个生成带有二维码的广告图片

$photo="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83eqsgYXgCL0QogqPR708Ls2FI0Go0jCDxPdoX7zt65bYmbicB5oGUhxXLD1SEVZgNGk6HaYUywFheKQ/132";$url="https://www.baidu.com";$src_img = imagecreatefromjpeg('images/logo.jpg');$imgheight = imagesy($src_img) * (6

2020-12-22 08:26:07 198

原创 egg异步上传图片提示nodejs.Error: Invalid filename:解决方案，bolb转file的方法

egg做异步上传图片的时候提示nodejs.Error: Invalid filename:XXX解决方案：如果用没问题的话那基本可以确认是你的文件名称问题了，可能是你的文件name少了后缀，输出图片对象的文件 name: “img.png” 是这样的，需要名称+后缀！...

2020-12-08 19:43:20 2202

原创 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 130

原创 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 534

原创原生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 112

原创 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 1516

原创通过网红“腰子姐”对话演示JavaScript中的async+await执行过程

async+await是ES7新增的异步处理方法，它为了更像同步代码而生，无需Promise+then+resolve+reject即可接收前一步数据，值得提醒的是 async function a(){} 返回的是Promise，所以也是可以使用then链式操作的。那么就直接复制下面代码看看吧！<script>console.log("===========Async + Await===========");function getBBQ3_1(){ return new P

2020-07-04 22:22:08 189

原创 PHP本周、上周、本月、上月、去年、今年的时间戳

注意：目前网上大多数计算周的时候使用date(‘w’) ，这样会导致周日有误，建议使用 date(‘n’) //本周时间错 $startdate=strtotime(date("Y-m-d H:i:s",mktime(0, 0 , 0,date("m"),date("d")-date("n")+0,date("Y")))); $enddate=strtotime(date("Y-m-d H:i:s",mktime(23,59,59,date("m"),date("d")-date("n")+6,

2020-06-28 19:47:40 577

原创 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 248

原创 PHP结合系统任务计划实现微信模板消息定时推送

1、PHP代码（微信模板推送方法请看官方手册）：$before_one = strtotime(date("Y-m-d",strtotime("+1 day")));//提前一天$after_one = strtotime(date("Y-m-d",strtotime("-1 day")));//过后一天$before_one_list = $DB->qgGetAll("SELECT * FROM table WHERE meetingstarttime=".$before_one);$a.

2020-05-30 22:58:37 673

原创逐步封装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 255

原创利用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 406

原创 mock.js常用字段【持续更新】

用户：'name':"@cname", //随机中文名字'username':/[a-z]{2}[0-9]{6}/, //随机用户名"tel": /^1(5|3|7|8)[0-9]{9}$/, //随机手机号码'password': /[0-9]{6}/, //6位0-9的密码'sex|0-1':0, //性别类别：商品：

2020-05-08 19:54:49 374

原创简单易懂的mock生成模拟数据流程

最近在玩 Vant，觉得他们做的输入密码很好看！下图所示我已经使用mock.js生成了N个用户和6位0-9的密码，用于后续调试！可跳过！提前告知：这不是必须的，可以直接跳过，感兴趣的可以到这拿源码（在：“我的” 页面组件里）：https://blog.csdn.net/qq236710052/article/details/105906413Part1：安装依赖（注意自己的是cnpm还是np...

2020-05-04 17:56:19 1127

原创 VUE组件库Vant搭建的微商城前端框架【持续更新】

Git：https://gitee.com/linxuxiang/myproject-vue效果图：

2020-05-03 17:49:24 634 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 3182

原创 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 2051

原创 MySQL数据库1000万条数据演示：索引vs没索引

header("Content-Type: text/html; charset=UTF-8");$servername = "localhost";$username = "root";$password = "root";$dbname = "test";$conn = new mysqli($servername, $username, $password, $dbname);$...

2020-04-16 16:01:27 562

原创用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 461

原创 PHP+微信JS-SDK之网页授权获取用户基本信息

本篇文章采用PHP（Thinkphp框架）演示微信JS-SDK网页授权获取用户基本信息的步骤：先看官方文档：微信开发文档-网页授权获取用户基本信息前端后端文件：微信官方提供的微信JS-SDK Demo前端页面：前期工作完成后以后，打开微信JS-SDK页面，新增一个授权按钮放到页面里，参数请查阅上方连接， <a class="btn btn_primary" href="https:...

2020-04-12 00:09:56 565

原创常见的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 121

原创分别使用Object.defineProperty()和new Proxy()演示双向数据绑定

分别使用Object.defineProperty()和new Proxy()演示双向数据绑定

2020-02-21 09:04:19 524

原创 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 147

qq236710052的博客