- 博客(57)
- 收藏
- 关注
RSS订阅原创 uniapp
下载工具下载HBuilderX和微信开发者工具新建项目下载好之后在HBuilderX中新建项目，文件–>新建–>项目–>选择uni-app运行在浏览器、微信开发者工具上第一次运行在微信开发者工具上需要配置小程序运行目录（还要注意打开微信开发者工具的端口号，设置–>安全设置–>打开端口号）全局配置在pages.json的globalStyle中，文档详情创建新页面和页面的配置新建目录–>新建vue文件在pages.json中将新建的文件路径添加
2022-05-12 21:56:02
311
原创 vue源码分析
vue源码分析分析vue作为一个MVVM框架的基本实现原理一. 数据代理数据代理: 通过一个对象代理对另一个对象(在前一个对象内部)中属性的操作(读/写)vue 数据代理: 通过 vm 对象来代理 data 对象中所有属性的操作// 相当于vue的构造函数function MVVM(options) { //将配置对象保存到vm this.$options = options; //将data对象保存到vm和变量data中 var data = (this._data = t
2022-03-29 20:58:29
687
原创 css实现视差滚动效果
css实现视差滚动效果实现该效果其实非常简单，就是background-attachment：fixedbackground-attachment有三个属性值下面是效果： <body> <div class="box"> <div class="flowImage fixed-bg bg1"> <p>aaa</p> </div> <div class="fl
2022-03-25 15:46:24
640
原创 贪心算法与动态规划
贪心算法硬币找零例如，有以下面额（硬币）：1，5，10，5。 如果要找36的零钱，我们可以用1个25的硬币、1个10的硬币和1个1的硬币。 如何将这个解答转化成算法？function get_min_coins(price) { const coins = [100, 25, 10, 5, 1]; let coins_list = []; for (let i = 0; i < coins.length; i++) { let coins_count = parseInt(
2022-03-21 16:26:00
217
原创 一些常见的js手写代码题
实现call、apply、bind，实现new、实现instanceof、组合继承、深浅拷贝、防抖和节流、模拟事件代理和事件绑定、promise、拷贝函数、数组扁平化、去重、获取url参数并转化成对象、函数柯里化、object.create()、proxy代理、图片懒加载、滚动加载插入几万条数据、字符串解析
2022-03-19 20:28:01
218
原创 js高级教程
数据类型1.分类：基本类型（保存基本类型数据的变量）和引用类型（保存对象地址值的变量）基本类型：Number: 任意数值String: 任意文本Boolean: true/falseundefined: undefinednull: null引用类型：object、Array、Function2.判断typeof（typeof xxx）可以区别: 数值, 字符串, 布尔值, undefined, function不能区别: null与对象, 一般对象与数组instanceof（
2022-03-16 22:15:25
1034
原创 js原型和原型链
js原型//定义一个类 class Student { constructor(name, score) { this.name = name; this.score = score; } introduce() { //introduce方法是类上的方法 console.log("xxx"); } } let stu = ne
2022-03-14 11:44:15
70
原创 ES6基本总结
let、const、varLet：在同一个块级作用域，变量不能重复声明2.是块级作用域3.不存在变量提升4.不影响作用域链Const：1.一定要赋初始值（值不能修改的常量）2.一般常量使用大写（潜规则）3.常量的值不能修改4.块级作用域对数组和对象的元素修改，不算对常量的修改，不会报错，因为这个常量指向的地址没有改变Var:1.全局变量2.有变量提升3.影响了变量的作用域函数外部：变量不管是否用了var申明，都是全局变量。函数内部：变量如果没有使用var关键字申明，那它
2022-03-12 21:25:11
1820
原创 分治算法股票问题
股票买卖暴力循环法，两个for循环，求出两两的差值，再找出最大的function max_profit(prices) { let max = 0; //记录股票的最大收益 let ind_best = []; //记录买进和卖出的时间点 for (let i = 0; i < prices.length - 1; i++) { for (let j = i + 1; j < prices.length; j++) { if (prices[j] - pric
2022-03-12 10:33:35
592
原创 排序与树结构
递归与排序选择排序（递归实现）定义：从头至尾扫描序列，找出最小（大）的一个元素，和第一个（最后）元素交换，接着从剩下的元素中继续这种选择和交换方式，最终得到一个有序序列。例子：假设有n个元素的数组A[0:n-1)，要求按照元素的大小关系得到递增序列，也就是A中最小的元素在第0位，最大的元素在第n-1位。不妨设书架上摆了n本无顺序的书，希望重新排列这n本书，让它们按照书作者姓的首个拼音按字母顺序进行排序。比如作者唐二(Tang)的书应该排在作者为赵三(Zhao)的书前面，因为字母表中T在Z的前面。
2022-03-10 20:24:10
200
原创 TS面向对象
概念面向对象一个非常重要的思想，面向对象很简单，就是程序之中所有的操作都需要通过对象来完成。举例来说：操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象一切操作都要通过对象，也就是所谓的面向对象。那么对象到底是什么呢？这就要先说到程序是什么，计算机程序的本质就是对现实事物的抽象，抽象的反义词是具体，**比如：**照片是对一个具体的人的抽象，汽车模型是对具体汽车的抽象等等。程序也是对事物的抽象，在程序中我们可以表示一个人、一条狗、一
2022-03-10 10:26:19
529
原创 结合webpack构建工具使用TS
简介通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用步骤1. 初始化项目进入项目根目录，执行命令clike npm init -y //主要作用：创建package.json文件2. 下载构建工具```clikenpm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin``````clike//共安装了7个包- we
2022-03-09 21:14:15
209
原创 typescript基本介绍
1. TS简介ts是js的超集ts对js进行了扩展，向js引入了类型的概念，并添加了许多新的特性ts代码需要通过编译器编译成jsts有更严格语法，更强大功能。ts可编译成任意版本的js代码（ES56…）ts代码结构更加清晰，变量类型更加明确，在后期代码维护胜于js2. TypeScript 开发环境搭建1.下载node.js并安装64位：https://nodejs.org/dist/v14.15.1/node-v14.15.1-x64.msi32位：https://nodejs.
2022-03-09 21:02:11
115
原创 element-ui使用总结
el-table表格前端单独对所有数据实现表内数据搜索并且分页主要是对el-table的数据赋值进行处理,要实现搜索和分页需要对数据进行2次处理filter,slice:data=" profit //filter是对搜索的数据进行过滤 .filter( (data) => !busOrderSearch ||
2022-02-20 18:24:01
421
原创 Computed property “xxx“ was assigned to but it has no setter.
vue中使用vuex存储数据,然后给v-model 赋值控制显示隐藏发现报错下面如此书写会报错,更改一下书写方式<template> <div class="head"> <el-radio-group v-model="isCollapse" @change="changeFold"> <el-radio-button :label="false" title="展开" v-show="isCollapse" >
2022-02-14 16:59:47
520
原创 vue新建项目并安装好配置
新建项目时配置好router,vuex,less1.生成项目文件;vue create xxx2.选择生成配置方式使用键盘上下箭头移动,空格切换选中状态,选择完成后,敲下回车开始下一步.选择版本之后回车开始创建新项目...
2022-02-07 20:53:57
413
原创 VScode与GitHub
前提b站学习视频网址：https://www.bilibili.com/video/BV1pW411A7a5?p=40下载vscode并且安装git可参考以下博客本地库初始化对文件执行以下命令行git init将文件添加到缓存区git add 文件名.html提交到本地库git commit -m “备注信息" 文件名.html创建远程库在GitHub上面新建一个项目使用origin表示远程库长地址git remote add origin https://github.
2022-01-22 21:40:14
1055
原创 Vue 云开发-结合survey.js+boostrapVue
新建一个vue项目安装云开发vue插件npm install --save @cloudbase/vue-provider安装之后在main.js里面配置import Cloudbase from "@cloudbase/vue-provider";Vue.use(Cloudbase, { env: "xxx"});之后要注意以下这句话，如果匿名登录的话需要使用自定义安全规则登录验证登录方式有多种，可以使用邮箱登录在腾讯云控制台-环境-登录授权开启邮箱登录，并且配置好之后安装
2022-01-04 21:03:16
987
原创 vue3小知识总结
修改vue的默认配置vue官网生态系统脚手架Vue CLI的配置参考，在根目录新建vue.config.js (之后重启项目)vue3如何关闭检查也是跟修改配置一样，新建一个文件夹vue.config.js，官网文档ref属性放在html标签上和id是差不多的，但是放在组件标签上会不同id是获取到dom对象props属性子组件传值给父组件父组件接收props的值的直接存在了vue实例里面（this），直接打印this.name即可查看混合配置（js）新建一个js，放共同
2022-01-02 19:54:06
417
原创 假期学习总结2
校园小程序主要是在原来小程序上增删一些功能活动改功能主要设计为用户可创建活动，管理员在后台审核通不通过，通过便在页面显示。用户也可订阅活动，订阅成功后会在活动开始前一个小时给用户发送订阅消息。（也要在微信官网创建订阅消息模板）因为有多个活动，创建一个云函数，定时查找即将开始的活动，查找成功之后再查找订阅该活动的用户，并对这些用户发送消息。//在searchSport云函数的config.json里面，之后右键上传触发器{ "permissions": { "openapi": [
2021-09-26 18:58:36
100
原创 假期学习总结1
暑假总结暑假期间主要写一个小程序项目和修改另一个小程序，以下主要介绍一下项目经验以及技术SC项目的开始第一步：拿到项目首先写开发文档，主要是设计好数据库（设计好数据库最为关键！！）第二步：首先建立好用户数据库，判断用户是新用户还有旧用户（保证一位用户一条数据），之后保留用户数据于本地。第三步：可以开始写页面SC项目小经验tips：该项目使用小程序云开发，用于用户注册公司，功能是做一个加一个，我的数据库设计得不是很好，有点乱糟糟的，也提醒大家在规划好功能后，类似板块的数据可以放到一个表
2021-09-16 22:09:34
85
原创 类似问卷网的调查问卷页面
点击题型按钮后在边添加题型使用vuex状态管理//初始化默认标题与选项itemTitle : '请输入题目', itemSelections : ["选项1","选项2","选项3","选项4"], //设置题型空数组，点击后添加题型 questionnaire: { questItemtitle: '问卷标题', questItemcontent:'感谢您能抽出几分钟时间来参加本次答题，现在我们就马上开始吧！', deadline:
2021-04-25 09:23:25
557
1
原创 copy腾讯官网的收获总结
使用bootstrap制作响应式导航栏首先安装jquery，因为bootstrap是依赖于jQuery的npm install jquery --save-dev安装完成以后修改 build 文件下的 webpack.base.conf.js 文件，在module.exports 中加入下面代码plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQ
2020-12-05 19:31:29
301
原创 前后端配合使用token进行登录拦截
token的后台简单使用引用文章前端操作当我拿到token之后，我不是跟上面文章一样，而是将token存到sessionStorage（关闭浏览器后清空）,利用这个特点，可以在app.vue中判断当前路由是否是登录界面，如果不是便验证sessionStorage中是否存在token，不存在返回登录界面，如果是登录界面则不做处理app.vue的mounted中 var _this=this if (this.$route.path!='/login') { console.log(
2020-10-20 16:08:29
1085
原创 element-ui的el-table的注意事项
el-table引入日历如何定义时间格式format=“yyyy年MM月dd日”value-format=“yyyy年MM月dd日”这两行便可定义时间格式，以及输出形式endTime输出形式就会变成yyyy年MM月dd日<el-date-picker class="Tosmall" v-model="endTime" type="date" placeholder="选择日期" format="yyyy年MM月dd日"
2020-10-20 15:59:30
367
原创 vue使用echarts绘制柱状图与扇形图
界面效果下载以及引入npm install echarts -S在main.js中引入echartsimport echarts from ‘echarts’Vue.prototype.$echarts = echarts创建板块 <div class="echartsLeft1 echart"> <div class="HelloWorld echart-box" id="myChart1" ></div>
2020-10-20 15:46:31
2542
原创 使用webpack打包js/html/css/less，以及其他文件
确保下载了node/webpack首先需要已经安装了node可以使用npm，若还没可以前往百度搜索npm的安装方法初始化package.jsonnpm init下载并安装webpacknpm install webpack webpack-cli -g npm install webpack webpack-cli -D简单的打包方法创建一个空的build文件与src同级，之后在src里面写文件，但是这种办法只能打包js与json，其他文件无法打包这里定于index.js为入口文件，
2020-10-03 16:16:28
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人