- 博客(41)
- 收藏
- 关注
RSS订阅转载 uni-app canvas绘图流程，从绘制图案、绘制文字到完成
好的我们开始，uniapp绘制海报进行保存是我们经常需要制作的功能。而绘制海报，我们一般会绘制图片，绘制文字，绘制截取图片。下面让我们来看下绘制一个海报的具体过程。初始化画布（这里的this必不可少，否则在某些情况下会产生绘制失败的bug）<canvas class="canvas" canvas-id="myCanvas"></canvas> const ctx =uni.createCanvasContext('myCanvas',this);1、首先我们需要绘制图片
2020-06-08 10:38:49
9062
8
原创 js判断一个字符串中出现次数最多的字符，统计这个次数
var str = 'asdfssaaasasasasaa';var json = {};for (var i = 0; i < str.length; i++) { if(!json[str.charAt(i)]){ json[str.charAt(i)] = 1; }else{ json[str.charAt(i)]++; }};var iMax = 0;var iIndex = '';for(var i in json){
2020-06-07 11:32:04
635
原创 改变函数内部的this指针的指向
每个函数都包含两个非继承来的方法call()和apply()；使用call()或者apply()，可以改变this的指向；假设要改变fn函数内部的this的指向，指向obj，那么可以fn.call(obj);或者fn.apply(obj);call和apply的区别：call和apply的区别在于参数，他们两个的第一个参数都是一样的，表示调用该函数的对象；apply的第二个参数是数组，是...
2020-04-26 09:28:37
286
原创 if 判断一个对象是否为空
使用ES6新增的方法 Object.keys()Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组。如果我们的对象为空，他会返回一个空数组，如下：var a = {};Object.keys(a) // []我们可以依靠Object.keys()这个方法通过判断它的长度来知道它是否为空。if (Object.keys(obj).length === 0...
2020-04-15 16:15:59
3531
2
原创 本地储存 --- HTML、jQuery、Vue、小程序、uni-app
HTML本地储存window.localStorage - 存储没有截止日期的数据，当浏览器被关闭时数据不会被删除window.sessionStorage - 针对一个 session 来存储数据（当关闭浏览器标签页时数据会丢失）localStorage 使用：// 存储localStorage.setItem("lastname", "Gates");localStorage.la...
2020-04-12 09:17:08
368
原创 uni-app 循环绑定点击事件
循环一组数据之后，想点击当前某一块跳转到对应页面的时候；比如想点击外卖点餐这块先给v-for加上一个索引（index），然后设置一个点击事件。把当前索引和循环之后的数据（take）写到事件的参数里边。 点击当前这块内容之后，输出这块内容的全部数据接着继续往下做…...
2020-04-10 17:48:12
7487
1
原创 uni-app 生命周期
应用生命周期（仅可在App.vue中监听）页面生命周期（在页面中添加）组件的生命周期（与vue标准组件的生命周期相同）应用生命周期（仅可在App.vue中监听）函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow当 uni-app 启动，或从后台进入前台显示onHide当 uni-app 从前台进入后台onUn...
2020-04-09 10:18:45
2185
1
原创 uni-app 快速上手
通过HBuilderX可视化界面环境搭建创建uni-app运行uni-app调试发布（微信小程序）项目代码整理自uni-app官方教程。uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。uni-app支持通过可视化界面，vue-cli命令行两种方式快速创建项目。我们这里主要说一下通过可视化界面创建项目...
2020-04-09 09:37:32
750
原创 微信小程序【常见面试题】
微信小程序常见面试题小程序的登录需要请求几次？小程序怎样使用自定义组件？小程序的生命周期小程序是双向数据绑定吗？怎么更新data小程序本地存储有哪些常用api？12.6 wx.navigateTo和 wx.redirectTo 有什么区别，分别适用于哪些场景简单描述下微信小程序的相关文件类型？你使用过哪些方法，来提高微信小程序的应用速度？小程序与原生App哪个好？分析下微信小程序的优劣势？优势劣势...
2020-04-08 16:19:35
4271
原创 微信小程序【生命周期】
应用的生命周期页面的生命周期组件的生命周期应用的生命周期对页面生命周期的影响小程序分为应用、页面和组件三个部分，所以小程序的生命周期涉及以下应用的生命周期页面的生命周期组件的声明周期应用的生命周期对页面生命周期的影响应用的生命周期App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且...
2020-04-07 19:58:30
1241
原创 Vue 项目部署到服务器上
Vue 项目部署到服务器上打包上传注意FlashFXP配置编辑器打包在项目终端输入打包命令：cnpm run build。之后在项目会多一个dist的文件夹，就是打包好的文件夹。里边有一个static和index.html向服务器上传这个dist文件夹就可以了。上传把dist文件夹拖到home下的www里面，这里就是要部署的项目然后配置站点，在etc文件下httpd下的site里...
2020-04-07 16:46:20
1793
原创 Vue 常见技术面试题
如何理解MVVM？MVVM是Model-View-ViewModel的缩写，它是一种基于前端开发的架构模式，其核心是提供对View和ViewModel的双向数据绑定，这使得ViewModel的状态改变可以自动传递给View，反之亦然。vue就是mvvm的一个典型应用...
2020-04-07 08:50:43
2719
原创 Vuex
什么是Vuex？可以解决什么问题？使用方法在组件中引入VuexVuex dispatch和commit来调用mutations的区别什么是Vuex？可以解决什么问题？Vuex是Vue.js应用程序的状态管理模式+库。Vuex是一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化。使用方法在vue-cli以安装Vuex的情况下，直接引用。如果没有安装的话：安装Vuex，使...
2020-04-03 13:50:33
443
原创 Vue 父子组件传值
新建子组件新建一个模板对象com1，然后在vm中的components里注册一下，就可以使用com1标签了，标签内容就是子元素的内容。//子组件var com1 = { template: '#tmp1'}//父组件var vm = new Vue({ el: '#app', components: { com1 }})在父元素中使用com1标签，就可以显示子元素的内...
2020-04-03 10:15:26
532
原创 Vue 过滤器
什么是过滤器？在哪使用？全局过滤器局部过滤器（组件过滤器）注意使用方法在双大括号中用（一）在双大括号中用（二）在双大括号中用（三）什么是过滤器？过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。在哪使用？双花括号插值v-bind表达式//在双花括号中<div>{{数据属性名称 | 过滤...
2020-04-02 17:26:49
607
原创 Vue vant的安装与使用
Vant是一款轻量、可靠的移动端 Vue 组件库，开发方便、简单、快捷特性60+ 高质量组件90% 单元测试覆盖率完善的中英文文档和示例支持按需引入支持主题定制支持国际化支持 TS支持 SSR详细可见官网： vant官网...
2020-04-02 10:51:17
1907
原创 Vue axios和qs的安装和使用
axios什么是axios？工作原理特性兼容性安装使用qs安装通常使用的两种形式axios什么是axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。工作原理axios为客户端提供了在客户端和服务器之间传输数据的功能（这源于其内部提供的一个API，即XMLHttpRequest ），同时支持浏览器端和服务端的请求。它还提供了一个全局...
2020-04-01 16:55:51
5812
原创 Vue 生命周期有哪些？作用是什么？
什么是vue的生命周期Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程，这是 Vue 的生命周期vue的生命周期里边有八个生命周期钩子函数分别是beforeCreat() 创建前created（）被创建beforeMount() 挂载前mounted（）已挂载beforeupdate（）更新前updated（）更新beforeDest...
2020-04-01 10:40:14
10431
3
原创 Vue 页面跳转与参数传递
标签跳转1、不带参数跳转<router-link to="/about"> <button>跳转到关于我们</button></router-link> <router-link :to="{path: '/about'}"> <button>跳转到关于我们</button></router-...
2020-03-31 17:13:57
2127
原创 Vue 引入组件、引入图片
引入组件的两种方法1、全局引入（在App.vue的script标签中）1、引入（Import 变量 from 路径） import head form '@/components/head'import footer form '@/components/footer'2、注册（注册的名字不能是html的关键字，因为要当标签使用，可能会冲突）components：{ 'top': ...
2020-03-31 16:07:36
1867
原创 Vue MVVM模式and语法、命令
MVVM双向数据绑定语法、命令v-model{{ }}模板语法v-textv-htmlv-bindv-onv-for计算属性MVVM双向数据绑定Model - View – ViewModel 模型－视图－视图模型View改变后通过事件监听（Dom Listeners）通知model 使dom改变Model改变时通过数据绑定更新view语法、命令v-modelv-model ...
2020-03-31 14:47:57
700
原创 Vue.js 简介及安装(使用Node.js)
Vue.js简介及安装1 简介1.1 什么是Vue.js？1.2 为什么要学vue？（vue的优点）2 安装（三种方式）2.1 独立版本安装2.2 cdn2.3 npm安装+步骤（推荐）2.3.1 安装node.js2.3.2 全局安装vue-cli脚手架2.3.3 安装淘宝镜像cnpm2.3.4 使用vue-cli来构建项目2.3.5 新建项目2.3.6 安装依赖2.3.7 运行项目1 简介...
2020-03-31 10:20:12
717
1
原创 JavaScript 基础（八）【BOM】
BOM窗口尺寸页面跳转历史弹窗计时器Cookie存储浏览器信息window.navigatorBrowser Object ModelJs通过浏览器对象模型（BOM）来和浏览器进行交互，可以获取屏幕尺寸，窗口大小，页面地址，历史记录等浏览器相关信息，也可以控制浏览器执行某些行为：弹出信息，页面跳转，打开窗口，关闭窗口，调整窗口大小等。浏览器对象模型用window对象来表示，所有 JavaSc...
2020-03-30 17:33:32
520
原创 JavaScript 基础（七）【DOM】
DOM元素与节点输出改变元素获取元素改变内容改变属性改变样式增删元素响应事件事件汇总元素与节点当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。Js通过操作dom来控制页面Js操作的不只是元素，还包括元素的属性、内容、元素外的文本等等，所以Js的dom对象对页面进行了更详细的划分，称为节点。在 HTML DOM （文档对象模型）中，每个部分都是...
2020-03-30 17:12:06
520
1
原创 JavaScript 基础（六）【运算符】
运算符介绍种类算术运算符赋值运算符连接运算符比较运算符逻辑运算符条件运算符（三元运算符）逗号运算符一元、二元、三元运算符的概念优先级介绍程序的主要功能就是对各种数据进行处理，运算符用来执行数据之间的运算提到运算符我们一般会想到数学里的加减乘除，而程序里的运算符不止这些Js中的运算符有以下几种算术运算符、赋值运算符、连接运算符、比较运算符、逻辑运算符、条件运算符、逗号运算符种类算术运算...
2020-03-30 15:58:33
483
1
原创 JavaScript 基础（五）【事件】
事件1. 定义三种方式2. 事件流3. 事件对象4. 事件4.1 用户行为4.2 浏览器行为1. 定义事件就是用户或浏览器自身执行的某种动作，click、load、mouseover，都是事件的名字。而响应某个事件的函数就叫做事件处理程序，click的事件处理程序就是onclick,load事件处理程序就是onload三种方式1、Html事件处理程序<input type="but...
2020-03-30 13:51:08
2643
6
原创 JavaScript 基础（四）【函数】
1 函数1.1 定义1.2 调用1 函数应用场景：当某些事件触发时才执行的代码块。程序的语句是按顺序执行的，如果我们需要在满足某些条件或发生某些事件时执行，就需要使用函数。1.1 定义函数是能实现一定功能的代码块作用：对事件做出响应，可重复执行声明：function关键字1.2 调用使用函数名称+括号的方式调用；方式:程序中直接调用： test();元素上调用：<...
2020-03-30 10:57:46
1457
1
原创 JavaScript 基础（三）【语句、流程控制、流程语句嵌套】
语句、流程控制语句流程控制循环判断流程语句嵌套语句语句是js向浏览器发出的命令，告诉浏览器要执行什么操作，是一句完整的话。分为声明语句、赋值语句、输出语句、流程语句等等流程控制程序是从上而下执行的，但有时我们希望它根据一定的条件来执行，这时会需要使用流程控制语句。流程控制语句有循环语句和判断语句循环应用场景：需要重复执行某段代码时举例：输出0到20共21个数字For循环：for...
2020-03-28 16:45:26
514
原创 JavaScript 基础（二）【变量、数据类型】
变量、数据类型1 什么是变量，为什么要使用变量1.1 变量的声明1.2 变量命名规则2 数据类型2.1 原始类型2.2 引用类型2.3 原始类型和引用类型的区别2.4 类型检测2.5 类型转换2.5.1 强制转换：2.5.2 自动转换（隐式转换）：2.5.3 强制转换和隐式转换的区别1 什么是变量，为什么要使用变量变量是储存数据的容器。每一个变量代表一条数据。Var声明变量，=号赋值变量程序...
2020-03-28 13:55:00
450
1
原创 JavaScript 基础（一）【简单了解】
简单了解JavaScript1 说明1.1 简介1.2 定义1.2.1 Js组成部分1.2.2 特点1.2.3 书写位置1.2.4 输出消息的几种方式1.2.5 注释1 说明1.1 简介JavaScript 是互联网上最流行的脚本语言。JavaScript 是一种轻量级的编程语言，插入HTML页面的编程代码，插入后可由所有的现代浏览器执行。1.2 定义1.2.1 Js组成部分三部分组...
2020-03-28 10:47:07
525
2
原创 Css3 常见技术面试题（二）
Css3常见技术面试题1 Canvas和SVG图形的区别是什么1.1 Canvas1.2 SVG1.3 区别2 Css如何实现水平居中3 清除浮动的几种方法4 img标签上alt和title的区别5 绝对定位和相对定位的区别6 实现布局中间自适应宽度，左右两栏固定宽度6.1 浮动6.2 绝对定位6.3 flex布局6.4 表格布局6.5 网格布局1 Canvas和SVG图形的区别是什么1.1 ...
2020-03-27 14:05:17
1027
1
原创 Css3 常见技术面试题（一）
Css31 标准的CSS盒子模型与IE的盒子模型有什么不同？2 link和@import的区别2.1 从属关系2.2 加载顺序2.3 兼容性2.4 DOM可控性2.5 注意3 ::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用4 Css优化、提高性能的方法5 CSS的实现方式有几种？那种CSS实现方式优势更突出？相对其他实现方式而言其优点有哪些？6 全屏滚动的...
2020-03-27 11:28:15
712
原创 HTML5 常见技术面试题
HTML5复习总结+常见技术面试题1 Html与html5的区别1.1 文档类型声明1.2 音频和视频的支持1.3 语法处理1.4 新增元素2 Html5与xhtml的区别2.1 元素嵌套2.2 文档内根元素差异2.3 标签名大小写2.4 元素闭合2.5 XHTML 用 id 属性代替 name 属性2.6 基本概念3 结构标记有哪些？与div有什么相同/不同之处？4 行内元素，块状元素，空元素4...
2020-03-27 10:50:00
680
1
原创 Git 操作and踩坑总结【持续更新】
Git操作and踩坑本地新建一个仓库要push到github上每次提交都要输用户名和密码本地新建一个仓库要push到github上在github上创建一个同名空仓库在本地仓库中执行 :$ git init$ git add$ git commit$ git remote add origin "github仓库地址"$ git push -u origin master每次...
2020-03-26 10:21:14
472
原创 Git 冲突的产生与解决
冲突的产生与解决案例：模拟产生冲突1、同事在下班之后修改了线上仓库的代码2、第二天上班的时候，我没有做git pull操作，而是直接修改了本地对应的文件内容3、在下班的时候需要将代码修改提交到线上仓库（git push）【解决冲突】4、先git pull5、打开冲突文件，解决冲突6、重新提交案例：模拟产生冲突1、同事在下班之后修改了线上仓库的代码注意：此时我的本地仓库内容与线上不一致。...
2020-03-26 09:52:04
489
原创 Git 分支管理
分支管理什么是分支？分支相关指令查看分支创建分支切换分支合并分支删除分支什么是分支？在版本回退的章节里，每次提交后都会有记录，Git把他们串成时间线，形成类似于时间轴的东西，这个时间轴就是一个分支，我们称之为master分支。在开发的时候往往是团队协作，多人进行开发，因此光有一个分支是无法满足多人同时开发的需求的，并且在分支上工作并不影响其他分支的正常使用，会更加安全，Git鼓励开发者使用...
2020-03-26 09:34:01
388
原创 Git 版本回退
版本回退一、查看版本，确定需要回到的时间点二、回退操作版本回退分为两个步骤进行操作：一、查看版本，确定需要回到的时间点指令： git log git log –pretty=oneline【看着简单】二、回退操作 指令：git reset –hard 提交编号案例：想回到创建好第一个文件readme.txt的时候注意：回去之后，想要再回到之前最新版本的时候，则需要使用指令去...
2020-03-26 09:04:23
389
原创 Git 远程仓库：线上创建仓库和两种使用方式
远程仓库：线上创建仓库和两种使用方式线上创建仓库两种使用方式一、基于http协议二、基于ssh协议（推荐）线上仓库的操作学习以github为主线上创建仓库两种使用方式一、基于http协议a.创建一个空目录，名称就为shopb.使用clone指令克隆线上仓库到本地语法：git clone 线上仓库地址c.在仓库上做对应的操作（提交暂存区、提交本地仓库、提交线上仓库、拉取线上仓...
2020-03-25 16:54:47
878
原创 Git 本地仓库的工作流程及操作
Git本地仓库的工作流程及操作工作流程本地仓库操作在安装好后首次使用需要先进行全局配置创建仓库创建空目录在命令行中进入项目目录pro_gitGit仓库初始化（让Git知道，它需要来管理这个目录）Git常用指令操作版本回退查看版本，确定需要回到的时间点回退操作工作流程Git本地操作的三个区域：工作流程：本地仓库操作什么是仓库呢？仓库又名版本库，英文名repository，我们可以简单理...
2020-03-25 15:54:55
865
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人