前端 终端 实战vue
前端跨域解决方案——JSONP
JSONP(JSON with Padding)是一种跨域请求的解决方案,它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时,需要在客户端创建一个 script ......
3.通用权限系统-角色管理前端
硅谷通用权限系统:角色管理前端 一、前端框架 1、vue-element-admin vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。 **功能:**https://panjiachen.github.io/vue-element-admin-sit ......
2.通用权限系统-前端基础知识
硅谷通用权限系统:前端基础知识 一、前端开发和前端开发工具 1、前端开发介绍 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可,到了2010年,互联网开始全面进入移动时代,前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程 ......
6-2.通用权限系统-权限管理-前端权限对接
硅谷通用权限系统:前端权限对接 一、菜单权限及按钮权限 按照下面步骤即可完成前端框架权限对接 1、修改request.js文件 2、store/modules/user.js 新增菜单及按钮处理 const getDefaultState = () => { return { token: getT ......
vue
1、介绍 vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,vue被设计为可以自底向上逐层应用。Vue的和学科只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 前端框架三巨头:Vue.js、React.js、AngularJS,前者以轻量易用著称,前两者发展速度最快,后者 ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法,以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法,可以重复使用代码: function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
【Vue2.x源码系列07】监听器watch原理
本章目标:监听器是如何实现的?监听器选项 - immediate、deep 内部实现?在初始化Vue实例时,我们会给每个侦听器都创建一个对应watcher,我们称之为侦听器watcher ......
Django + Vue(项目篇)
Prerequisite 【完结】项目地址:xxx 相关文章: TypeScript VUE 3【基本实现了项目的前端】 Django AI 相关笔记 技术栈: 后端:Python3 + Django(Ninja) 前端:TypeScript + Vue3 + VueRouter + Vuex + ......
vue3微信公众号商城项目实战系列(11)"我的"页面
我的页面效果如下: Mine.vue 页面代码如下: 布局块代码: 1 <template> 2 <div class="mine"> 3 4 <div class="mine-top"> 5 <img src="/mine.png" /><br /> 6 <span class="mine-top ......
关于vue3如何封装命令式modal(免写组件标签)
由于之前搜索其他modal框封装的文章时,发现大多数在使用时需要引入并注册组件,传入参数再写方法。每次引用时都要经过上述操作,觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式(即避免写组件标签)来弹出弹框,写下这篇文章,方便日后自己复习 调用及效果 先上使用方法及效果 代码 <templ ......
Vue中mixins的使用方法详解
vue中mixins的使用方法 官方解释: 混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 举个栗子: 定义一个混入对象: export default { data() ......
每日总结 vue
beforeCreate(){}:Vue创建前,此阶段为实例初始化之后,this指向创建的实例,数据观察,数据监听事件机制都未形成,不能获得DOM节点。data,computed,watch,methods 上的方法和数据均不能访问,注:date和methods的数据都还未初始化。 Created( ......
Vue3 Vue3生命周期
视频 8.生命周期 vue2.x的生命周期 vue3.0的生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子,但有有两个被更名: beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition A ......
微信小程序、uniapp、vue生命周期钩子函数
生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数,第一个:通过App()来注册一个小程序 ,第二个:通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件,在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......
vue3写法
main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App).use(router).mount('#app') router/inde ......
Vue3 watchEffect函数
视频 3.watchEffect函数 watch的套路是:既要指明监视的属性,也要指明监视的回调。 watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。 watchEffect有点像computed: 但computed注重的计算出来的值(回调函数的返回 ......
前端面试题总结
1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......
【LeetCode动态规划#09】完全背包问题实战,其二(零钱兑换和完全平方数--求物品放入个数)
零钱兑换 力扣题目链接(opens new window) 给定不同面额的硬币 coins 和一个总金额 amount。编写一个函数来计算可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额,返回 -1。 你可以认为每种硬币的数量是无限的。 示例 1: 输入:coins = [1 ......
Vue3 watch时value的问题
视频 #components ##Demo.vue <template> <h2>当前求和为:{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为:{{msg}}</h2> <button @click="msg+='!' ......
vue3学习之tabler组件Layout布局
上一篇使用的bootstrap-vue-next项目迭代很快,考虑还未发文档和正式版本(自己菜)改用原生bootstrap模板tabler项目。 tabler 安装运行 不想安装可直接打开tabler\demo目录下html文件浏览查看效果 #获取后目录下运行 npm install #需要先安装h ......
Vue3 watch监视数据
watch监视ref定义的数据视频 watch监视reactive定义的数据视频 2.watch函数 与Vue2.x中watch配置功能一致 两个小“坑”: 监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效)。 监视reactive定义的响应 ......
前端(七)
前端(七) jQuery 属性操作 # 属性操作就是给标签增加删除之类的 # js中如果是自带属性就是点语法不是自带属性就是div.setAttritube('k','v') JQuery: 1. attr(attrName); # 获取匹配到的属性 2. attr(attrName, value) ......
pathon爬虫实战——爬取某网站的多页番剧内容
(本博客只为技术分学习,无其他用途) 1.准备 涉及的第三方库如下: 2.网页分析 2.1 检验网页 1. 运行浏览器,打开网页,按快捷键F12打开开发者工具,F5刷新页面 2. 在右侧点击Network,打开browser?sort=rank&page=1 文件,可以看到各种信息,查看表头 3. ......
Vue脚手架配置代理
Vue-cli配置代理 在前后端直接配置一个代理服务器,这个代理服务器和前端处于一个位置,当前端向后端请求数据的时候,不会直接访问后端,而是找这台代理,代理收到前端的请求,转发给后端,如果收到后端的响应数据,就把这些数据返回给前端。 方法一 在vue.config.js中添加如下配置: devSer ......
WSL子系统的终端显示信息不全
Win10里面的Ubuntu子系统的终端,滚动鼠标往上滑,只能显示有限的几行信息。 解决办法:在终端上方的空白处右键,选择“属性”,找到“布局”,将“屏幕缓冲区大小”的“高度”,由原来的“99”改成大一点的数字,比如“500”。 ......
vue2源码-九、异步更新
异步更新 异步更新原因 以下情况下: vm.name = '123' vm.name = '234' vm.name = '123' ... 如果我们频繁的修改一个数据,就会多次触发视图渲染dep.notify->watcher.update 这样就会降低性能,因此就需要采用异步更新策略,仅仅在最后 ......
vue项目部署后 nginx配置重定向 大文件报错问题
删除Nginx缓存文件试试? # rm -rf /usr/local/nginx/proxy_temp 注意proxy_busy_buffers_size是proxy_buffers的两倍,proxy_temp_file_write_size也要比proxy_buffers大。 ......
vue3微信公众号商城项目实战系列(10)生成订单页面
本篇实现订单确认页面的功能,订单及订单明细表结构如下: 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......
Vue封装的过渡与动画
Vue封装的过渡与动画 作用 在插入、更新或移出DOM元素时,在合适的时候给元素添加样式类名。 css3实现动画 先来复习一下css3是如何实现的。 1.准备动画 @keyframes 动画名 { from { transform: translateX(-100%); } to { transfo ......