- 博客(21)
- 收藏
- 关注
RSS订阅原创 React hook父调用子组件方法
注意几个关键字useRef，useImperativeHandle，.current，forwardRef父组件 const dataobj = { pdata1: 1, pdate2:2} const [dataobj ,setDataobj ] = useState({}); const pchildref = useRef(); function parantHandler() { // 子组件调用的父组件方法} function parentDivClic
2020-10-22 09:50:55
2371
原创 Vue强制刷新dom
<el-table-column label="服务的学校" class="serviceSchool" :key="freshDom">...</el-table-column>在想要刷新的dom上绑定key值data(){ return{ freshDom:"" }}在data中注册一下freshDommethods:{ //触发更新的方法中 fresh(){ //每次赋freshDom 不同的值，达到刷新目的 this.freshDom =
2020-08-04 10:56:21
3056
原创 cordova实现沉浸式状态栏（andriod+ios）
项目需求将一个webapp打包成成andriod端和ios端，并且实现沉浸式状态栏什么是沉浸式状态栏直接上图非沉浸式状态栏沉浸式状态栏对比之下沉浸式状态栏的美观度不用说了吧Android实现安装cordova-plugin-statusbar插件cordova-plugin-statusbar是一个方便开发者自定义ios和andriod状态栏的插件//安装插件cordova plugin add cordova-plugin-statusbar修改statusbar.ja
2020-06-23 17:25:28
2893
3
原创 mpvue+vant+node七牛云上传图片
前言最近在用mpvue写小程序，用到了vant的ui库中的uploader文件上传的组件，官方实例中要自己写后台接口。七牛云提供了两种分别是客户端和服务器请求云端图片路径的方法，以下采用的是客户端发起请求的方法，但是token还是要通过后端接口得到。图片上传需要经过以下几步：上传图片，获得事件中wx提供的图片路径注册七牛云账号后端通过accessKey和secretKey请求七牛云服...
2020-03-16 17:22:12
875
原创 使用宝塔面板建站
*前提：宝塔面板连接好服务器- 域名解析首先需要确保有一个域名，且域名已经解析到当前服务器，我用的是阿里云的域名，如下当然宝塔面板也提供了域名解析的插件，需要在面板里下载。但是要用这个解析需要更改dns服务器为指定的服务器，到购买域名的地方（阿里云）去修改。所以不建议使用该插件。- 添加站点点击宝塔面板这里的添加站点域名写上xxx.com和www.xxx.comFTP和数据库...
2020-01-31 19:06:43
728
原创 pycharm安装使用技巧
1.下载补丁文件JetBrainsCrack.jar链接：https://pan.baidu.com/s/1JbnPlxjBelJKZ_8oCalreQ提取码：evo3JetBrains官网也有得下载，本人pycharm是2018.2x64版2.将下载的补丁放到pycharm目录的bin文件里面3.修改配置文件找到bin目录下的pycharm.exe.vmoptions和pycharm...
2020-01-17 09:06:48
13449
3
原创 Webpack构建Vue项目(非Vue脚手架)
我们平时构建Vue项目，经常是用Vue官方提供的Vue-Cli脚手架，搭建起来非常方便。而Cli是基于webpack的工具，这里我要直接用webpack来搭建一个vue项目。前提请确保安装了 Node.js 的最新版本,Node-v查看版本号开始构建项目创建项目目录(myVuecli)生成package.jsonnpm init在项目中安装webpack npm i...
2019-12-27 15:27:45
734
原创 Canvas入门
Canvas 概述Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。开始使用一、首先新建一个网页元素。<canvas id="myCanvas" width="400" height="200">你的浏览器不支持canvas!</canvas>上面代码中，如果...
2019-11-02 18:07:45
430
转载 Webpack入门
入门Webpack，看这篇就够了原文链接：https://www.jianshu.com/p/42e11515c10f2018年8月25日更新，目前 webpack 已经更新值 4.17.1 ，本文所用到的各种库或多或少有些过时，跟着代码操作下来可能会遇到各种问题，不过 webpack 的主体思想没变，所以还是希望本文对新学 webpack 的你，有所帮助。此外用基于 web...
2019-08-06 15:22:24
449
原创 网站性能优化的几个规则
关注前端可以很好地提高整体性能。如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%–10%而如果关注前端性能，同样是将其响应时间缩短一半，则整体响应时间可以减少40%–45%。- Rule 1 减少HTTP请求性能黄金法则揭示了只有10%–20%的最终用户响应时间花在所接受请求的HTML文档上，剩下的80%–90%时间花在为HTML文档引用的所有组件（图片、脚本、样式表、FLa...
2019-06-21 15:39:01
466
原创 Node.js图书管理系统记录
1.搭建express和nodemonnpm initnpm install express --savesudo npm install -g nodemonconst express = require("express");const app = express();//实例化对象app.get("/about",(req,res) => {//配置路由 re...
2019-05-19 20:03:12
851
原创 Vue3实现饿了么商品列表详情购物车评论（三）
前言这是对上两个饿了么项目的完善：Vue3实现饿了么短信验证和高德定位Vue3实现饿了么商家筛选排序效果展示①高度还原商家页面(以汉堡王为例)商家详情优惠信息②购物车购物车为空时和添加商品之后的样式变化已选商品展示并计算金额③商品与分类列表的联动④用户评价具体实现封装商品的加购组件这个+号组件多处有用到，封装成一个组件便于使用。//遍历每一个...
2019-05-11 15:21:18
1974
原创 Git基本命令及上传项目到github
git init初始化本地仓库，执行完命令后该目录下会生成一个.git子目录，有关此项目的快照数据都存放在这里。git add 添加文件到缓存，可以是单个添加也可以是多个添加。Git 的工作就是创建和保存项目的快照及与之后的快照进行对比。git add *.html 上传某一类文件，如htmlgit status查看状态,文件是否有被添加、修改git commit提...
2019-05-06 16:04:02
255
原创 vue3实现饿了么商家筛选排序（二）
前言这是对上一个饿了么项目的完善：vue3实现饿了么短信验证和高德定位效果展示①完善了首页的内容，增加了广告轮播图、推荐美食栏和商家列表展示②对商家不同的排序方式、筛选商家 ③搜索关键词 具体实现广告轮播图与美食推荐这里引入了饿了么提供的mint-uiimport { Swipe, SwipeItem} from 'mint-ui';mint-ui提供了多种样式的...
2019-04-25 23:58:52
2953
原创 ES6主要的新特性
前言ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。ES6 是 ECMAScript 标准十余年来变动最大的一个版本，为其添加了许多新的语法特性。新特性数组方法：forEach、map、filter、find、every、some、reducelet和const模板字符串箭头函...
2019-04-15 13:20:05
626
转载 ES6增强对象字面量
es6对象字面量增强相对于ES5,ES6的对象字面量得到了很大程度的增强。这些改进我们可以输入更少的代码同时语法更易于理解。那就一起来看看对象增强的功能。对象字面量简写(Object Literal Shorthand)、对象方法简写(Object Method Shorthand)、计算对象键(Object key)、对象解构(Object Destructuring)。ES6对象字面量简写...
2019-04-14 14:32:05
623
原创 vue3实现饿了么短信验证和高德定位（一）
一、项目简介 这个项目基于VueCli3+Vuex+Axios+Vue-router，实现了饿了么的登录界面和地址界面 登录界面实现了短信验证，需要用户输入手机号和正确的验证码才能进入主页面。 地址界面分为三个：一开始主页面的默认定位地址；点击当前定位进入...
2019-04-09 20:18:53
2339
2
原创 JQuery性能优化和技巧
JQuery性能优化1.使用最新版本的jquery库2.使用合适的选择器注意：尽量选择id选择器尽量给选择器指定上下文3.缓存对象在书写jquery代码中，新手经常喜欢用如下书写方式：$('#traffic_light input.on').bind(’click‘，function(){...});$('#traffic_light input.on').css('bord...
2019-03-16 11:30:21
368
原创 JavaScript Dom编程艺术 小记
花了大概一个星期的时间看完了这本《JavaScript Dom编程艺术》，据说是前端入门必看的图书，写的还算是不错，语言活泼，讲解循序渐进，很容易跟着读者的思路走。平稳退化如果正确使用了JavaScript脚本，就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你的网站，这就是所谓平稳退化，就是说虽然某些功能无法使用，但最基本的操作还是能顺利完成。作者在本书中的很多...
2019-03-06 00:04:50
305
原创 做个网站送给女朋友
学生程序员一枚，女朋友生日快到了，正愁没东西送，正好最近在学前端的知识，觉得做一个网站送给女朋友。主要想法是：用女朋友的名字申请一个域名，网站分为一个登录页面和一个主页面，主页面放置我和女朋友的一些回忆和照片。一开始先上模板之家找了一些好看的css模板，经过一番增删改操作后，基本把程序文件搞定。然后就是申请域名和买一个服务器，上阿里云买了个top后缀的域名，首年9元之后续费二三十一年。看了阿...
2019-02-17 15:42:43
17077
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人