- 博客(78)
- 收藏
- 关注
RSS订阅
原创 VUE+TS 方法整理
内容《Vue.js 权威指南》GIT源码篇 -双向绑定1、keep-alive -生命周期刷新操作1、keep-alive -生命周期刷新操作简介： 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。适用场景： https://www.jb51.net/article/131110.htmbeforeRouteEnter 总会触发：不使用 keep-alive 时，beforeRouteEnter --> created --&...
2021-04-09 14:29:13
2986
原创 nginx反向代理配置
十月概览。10.1-10.4-四天北京行。10.8 - 断断续续的几场面试下来。有过上班-面试之间不同状态的切换，心力交瘁，但也收获颇多。看看合适的机会，锻炼锻炼能力10.16 面试官问了 vue底层响应式原理? 什么是虚拟DOM? key的作用? 原型链及最后到顶层会是一个什么值? 性能优化和后台双重认证半个钟的时间，确实这几次收获最大的一次。他跟我说“ 框架永远不能停留在只会用上 ”。一语点醒的确，从年初到现在是该反思。vue底层真的透了吗？别迷茫记。一次较真什么是同源策略?同源策略是
2021-03-28 14:47:58
684
1
原创 Git - 使用手册
参考文献：1、github 地址；2、Git 实用指南；1、先在git 创建远程仓库： 具体方法 ；2、从仓库拷贝到本地： 会获取你的登录邮箱和密码；3、提交项目三步走：1、git add xxx - 要提交的项目名称：使用命令 git add 开始跟踪一个新文件。再运行 git status 命令，会看到 README 文件已被跟踪，并...
2019-04-20 17:01:41
604
1
原创 CSS、JS、正则 - 常用工具
1、button点击时会有蓝色边框线button,input { outline: none;}2、隐藏滚动轴::-webkit-scrollbar { display: none;}3、webpack打包样式 - 浏览器前缀问题 /*! autoprefixer: off */ -webkit-box-orient: vertical; ...
2018-10-30 18:05:32
831
1
原创 React - 散记
React HooksReact Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。而React Hooks 就是我们所说的“钩子”。·useState() ·userContext() · userReducer() ·useEffect()https://www.jianshu.com/p/d600f749bb19（一）useState() - 状态钩子：在 useState() 中，它接受状态的初始值作为参数，即下例中计数的初始值，它返回一个
2021-11-08 01:13:55
534
原创 学习阅读清单
学习博客清单1.0、github ftTony- 资源共享2.0、github 前端工匠 -（vue、ajax）3.0、小程序社区 - 小程序资源汇总4.0、segmentfault - 小程序资源汇总——github 有很多js基础知识（学习）33个概念 比较全面涵盖了框架、js等张云龙 - 成长之路小程序wx.login()小程序 ...
2021-10-18 00:43:43
167
原创 UNIAPP + 小程序踩坑实操
UNIAPP信息1官方API 设置 Tabbaruni.downloadFile() 下载文件:uni.downloadFile({ url, // 文件链接 header， success：（{statusCode, tempFIlePath}）=> { // statusCode 状态为200表示请求成功，tempFIlePath临时路径 if(statusCode === 200) { // 保存到本地 uni.saveFile
2021-05-10 00:05:43
2599
1
原创 Nginx 重拾
怎么保存退出vi编辑：按 ESC键 跳到命令模式vi nginx.conf查看文件， 按 insert 修改文件:w保存文件但不退出 vi:w file将修改另外保存到file中，不退出 vi:wq保存文件并退出vi:wq!强制保存文件，并退出vi:q不保存文件，强制退出vi:e!放弃所有修改，从上次保存文件开始再编辑错误Nginx编译错误 nginx.pid 丢失在 logs 里创建 nginx.pid 文件；nginx...
2020-11-20 11:24:00
146
原创 addRoutes 动态加载用户权限路由
实现方式两种：1、后端控制路由。后台传来当前用户对应的路由表，前端通过调接口拿到处理解析成路由。（addRoutes 动态加载路由。）2、前端控制路由。前端写好所有的路由，后端返回当前用户的角色，然后根据事先约定好的每个角色拥有哪些路由对角色的路由进行分配。第一种处理方式后端返回路由表。1、接口传入格式：字段名说明*idid*pid父级id*p...
2019-12-15 15:48:55
439
原创 天祥易拍项目小结
1、加密解密操作npm 下载 crypto-jsimport CryptoJS from 'crypto-js'const key = CryptoJS.enc.Utf8.parse('123456789012345678901234')const iv = CryptoJS.enc.Utf8.parse('01234567')export default { // 解密方法 ...
2019-11-07 20:25:27
286
原创 Vue- v-model 表单 数据双向绑定（$emit）
一、v-model：v-model是一个指令，限制在 input、select、textarea、components 中使用。Vue 的父子组件通讯模式，父组件通过 prop 把数据传递到子组件，子组件修改了数据后把改变通过 $emit 事件的方式通知父组件，所以说组件上的 v-model 也是一种语法糖。官网方法：v-model只不过是一个语法糖而已,真正的实现靠的还是 :v-b...
2019-06-30 13:15:19
2826
原创 Vue - Vuex 在项目中运用总结
一、vuex 在 vue.js一书中的介绍（第261页）：vuex 是作为 Vue 的一个插件来使用的，这样就可以更好的管理和维护整个项目的组件状态。在实际业务中，经常有跨组件共享数据的需求，因此 Vuex 的设计就是用来统一管理组件状态的，它定义了一系列规范来使用和操作数据，使组件应用更加高效。二、介绍：如果把 vuex 比如成一个 “ 前端数据库 ”，那么：State就是...
2019-06-29 17:09:19
987
原创 h5 - mui 使用技巧
学习文献mui 官网1、包含 mui 等 开发大佬（学习）；开始进军h5开发，不断学习。<script type="text/javascript"> mui.init({ subpages: [{ // 打开子页面,为解决低端机不流畅的问题 url: 'index.html', id: 'index.html', // 可自定义 ...
2019-04-29 10:49:39
1671
原创 js for循环 和 jq $.each() 遍历数组
参考文献1、$.each()方法循环显示购物车列表；2、$.each()方法来循环一个数据列表；for 循环：// 新闻function inFormation() { var information = [ { imge: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkp...
2019-04-28 16:38:42
1651
原创 node.js - 连接mysql数据库（持续学习）
参考文献1、Navicat Premium 基本使用；2、nodejs 连接数据库；1、Navicat Premium 使用：2、创建查询，输入 show databeses ;，点击运行；然后创建连接，创建表；...
2019-04-21 17:32:49
186
原创 小程序 - 时间戳、input取值 小方法（2.5）
文章目录：1、时间戳的具体用法；2、input 取、传值的方法；1、时间戳：util.js：//日期 时间戳转换function createData(dateTimeStamp) { var result; var minute = 1000 * 60; var hour = minute * 60; var day =...
2019-04-20 16:09:53
683
原创 小程序 - 封装promise异步调用 wx.request（1.5）
文献：1、阮一峰 promise 介绍（es6）； 2、小程序中 Promise解决异步执行的问题；3、可以细看的封装小程序的Request请求（复杂）；Java是单进程执行的，同步操作会对程序的执行进行阻塞处理。在网页中，我们使用Ajax的方式向服务器端做异步数据请求。现在小程序可以不用引入Promise的脚本，直接使用；比较简单的调用：h...
2019-04-17 19:11:16
348
原创 小程序 - wx.login() 获取用户唯一标识openid （2.0）
1.0、app.js调出loading页面：wx.getSetting - 判断用户是否已授权const app = getApp()App({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date...
2019-04-10 19:10:52
4181
原创 $ajax() - 基础造轮子
参考文献Jquery中AJAX参数详细列表ajax基础简介：区分请求类型： GET 或 POSTopen() - 规定请求类型、URL以及是否异步处理请求method - 请求的类型 ： GET / POSTurl - 文件在服务器上的位置，相对位置或绝对位置（也可以是一段 http:// 请求）async - true（异步）或 false（同步...
2019-04-06 00:00:32
249
原创 javascript - 常用基础动效
切换图片：<script> var ul = document.getElementById("fj"); var aList = document.getElementsByTagName("a"); var des = document.getElementById("des"); var big_img = document.getElementById("big_im...
2019-03-24 21:02:33
1234
原创 jq - 常用属性siblings()，children()
<script> $(function() { // 1.0 监听一级菜单的点击事件 $('.nav>li').click(function() { // 1.1 拿到二级菜单 , this 谁触发,谁就是 this var $sub = $(this).children('.sub'); // 1.2 让当前二级菜单展开 $sub.slideD...
2019-03-22 17:23:17
2255
原创 vue - 实战网易云webapp版
技术栈：@v1.0vue2：采用最新的Vue2的语法mintUI：Vue2的移动 UI 元素Webpack：自动化构建工具，主要配置vue-cli脚手架提供less：css预处理语言功能介绍v1.0 | 2019.03.08网易云（轮播，推荐歌单，最新音乐，热歌榜单，排行榜）搜索（热门搜索）...
2019-03-19 15:13:12
653
原创 vue - mintui + elementUI vux（三）
资源VUE导航网站mintui 安装插件mintUI 导航效果阿里icon图片使用方法1、Mint UI - 基于 Vue.js 的移动端组件库，可以按需加载组件，Mint UI 采用css3处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。依托Vue.js高效的组件化方案，Mint UI做到了轻量化。2、 iVie...
2019-03-16 10:23:53
575
原创 vue - vue-cli 基础属性 - for循环（二）
App.vue 文件：router-view标签 的作用是会将其他页面 的 &amp;amp;amp;amp;amp;amp;amp;amp;amp;lt; template&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; 标签里的内容放在这个标签里，从而实现无刷新的路由跳转；组件1.0、props：&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;template&amp;
2019-03-10 15:16:27
2094
原创 vue - vue-cli 创建基础（一）
项目搭建环境（已经有了最新的node和npm）步骤：1.0 、 npm install -g vue-cli先构建好项目2.0、 vue init webpack myProject初始化项目，webpack会自动打包好并压缩项目3.0、 init 的过程中会问你给项目定义一些描述，版本之类的信息一直输入 y 即可4.0、 最后，npm run dev ...
2019-03-09 12:55:02
168
原创 js - 冒泡排序小记
冒泡排序：它会遍历若干次要排序的数列，每次遍历时，它都会从前往后依次的比较相邻两个数的大小；如果前者比后者大 ，则交换它们的位置，重复操作，直到结束；//1.0 定义三个变量，接受用户输入的值var num1, num2, num3;//2.0 利用prompt()接收用户输入的值，Number()并改变输出值的类型num1 = Number(prompt('请输入第一个值：'));...
2019-03-07 16:29:50
144
原创 jQuery -Bootstrap3 手机导航栏设置
$(document).ready(function() { //前期条件获取 var trigger = $('.hamburger'), overlay = $('.overlay'), isClosed = false; trigger.click(function() { hamburger_cross(); ...
2019-02-28 10:41:40
1501
原创 webpack - css分离 热更新HMR （三）
1、安装：npm 安装实操webpack 3.x 版本 ——npm i exract-text-webpack-plugin -Dwebpack 4.x 版本 ——npm i exract-text-webpack-plugin@next -D——npm i style-loader css-loader -D2、webpack.conf...
2019-02-15 21:02:27
1138
原创 webpack - html-webpack-plugin （二）
1、第一步新建src文件夹，为本地的项目，包括js、css、html等；2、第二步新建webpack.config.js文件，里面写上入口和出口配置等；3、第三步打开cmd命令窗口，输入npm init -y 生成依赖配置文件package.json，在scripts中改变打包方式（webpack）；var path = require(‘path’); - 为node系统模块，其path...
2019-02-01 16:48:05
260
原创 小程序 - scroll-view 滑动切换（三元运算符）
&amp;amp;lt;view class=&amp;quot;m-swiper-list&amp;quot;&amp;amp;gt; &amp;amp;lt;scroll-view scroll-x=&amp;quot;true&amp;quot; class=&amp;quot;navbar-box&amp;quot; scroll-left=&
2019-01-30 17:07:09
748
原创 webpack 基础学习 （一）
参考文献segmentfault - 基础配置（详细）+核心配置21.0、2.0、2.1、2.2、3、const webpack = require(&amp;quot;webpack&amp;quot;);const path = require(&amp;quot;path&amp;quot;);const glob = require(&amp;quot;glob&
2019-01-15 18:06:04
171
原创 wepy（minUI）框架学习
/* 结构部分 */&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp
2019-01-14 22:09:09
1146
原创 jq - 增加、删除节点例子（一）
知识点：1、事件委托，监听内容的实时输入2、监听发布按钮点击，创建方法，动态增加显示节点3、a标签里动态加数字，parseInt取整数4、创建节点方法，动态传递text值，要注意书写格式，会有点繁琐5、动态的显示时间，转换时间的显示格式<script type="text/javascript"> $(function...
2019-01-12 22:54:04
912
原创 jQuery - 常用动画小计animate()
1、显示 / 隐藏// 列队动画，逐个显示，递归自调用// $('.test').first().show('fast') - 显示第一个// $(this).next().show('fast') - 显示第二个// tagshow - 自调用，从第二个开始显示下一个// $('.test').first() 是第一个，先调用第一个// $(this) 代表第一个// $(th...
2019-01-04 23:32:43
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人