VUE 常见问题汇总
问题汇总
Q:安装超时(install timeout
)
方案有这么些:
cnpm
: 国内对npm的镜像版本
- /*
- cnpm website: https://npm.taobao.org/
- */
-
- npm install -g cnpm --registry=https://registry.npm.taobao.org
-
-
- // cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些
yarn
和npm
改源大法- 使用 nrm 模块 : www.npmjs.com/package/nrm
- npm config :
npm config set registry https://registry.npm.taobao.org
- yarn config :
yarn config set registry https://registry.npm.taobao.org
Q:安装一些需要编译的包:提示没有安装python
、build失败等
因为一些 npm
的包安装需要编译的环境,mac
和 linux
都还好,大多都齐全
window 用户依赖 visual studio 的一些库
和python 2+
,
windows的小伙伴都装上:
- windows-build-tools
- python 2.x
Q:can't not find 'xxModule'
- 找不到某些依赖或者模块
这种情况一般报错信息可以看到是哪个包抛出的信息.
一般卸载这个模块,安装重新安装下即可.
Q:data functions should return an object
这个问题是 Vue 实例内,单组件的data
必须返回一个对象;如下
- export default {
- name: 'page-router-view',
- data () {
- return {
- tabs: [
- {
- title: '财务信息',
- url: '/userinfo'
- },
- {
- title: '帐号信息',
- url: '/userinfo/base'
- }
- ]
- }
- }
- }
为什么要 return 一个数据对象呢?
官方解释如下: data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!
简言之,组件复用下,不会造成数据同时指向一处,造出牵一发而动全身的破问题...
Q:我给组件内的原生控件添加事件,怎么不生效了!!!
-
- <!--比如用了第三方框架,或者一些封装的内置组件; 然后想绑定事件-->
-
- <!--// 错误例子1-->
- <el-input placeholder="请输入特定消费金额 " @mouseover="test()"></el-input>
-
-
- <!--// 错误例子2-->
- <router-link :to="item.menuUrl" @click="toggleName=''">
- <i :class="['fzicon',item.menuIcon]"></i>
- <span>{{item.menuName}}</span>
- </router-link>
-
-
- <!--上面的两个例子都没法触发事件!!!-->
- <!--究其原因,少了一个修饰符 .native-->
- <router-link :to="item.menuUrl" @click.native="toggleName=''">
- <i :class="['fzicon',item.menuIcon]"></i>
- <span>{{item.menuName}}</span>
- </router-link>
-
- <!--明明官方文档有的,一堆人不愿意去看,,Fuck-->
- <!--https://cn.vuejs.org/v2/guide/components.html#给组件绑定原生事件-->
Q:我用了 axios
, 为什么 IE 浏览器不识别(IE9+)
那是因为 IE 整个家族都不支持 promise, 解决方案:
-
- npm install es6-promise
-
- // 在 main.js 引入即可
- // ES6的polyfill
- require("es6-promise").polyfill();
Q:我在函数内用了this.xxx=
,为什么抛出Cannot set property 'xxx' of undefined;
这又是this
的套路了..this
是和当前运行的上下文绑定的...
一般你在axios
或者其他 promise
, 或者setInterval
这些默认都是指向最外层的全局钩子.
简单点说:"最外层的上下文就是 window
,vue内则是 Vue 对象而不是实例!";
解决方案:
- 暂存法: 函数内先缓存
this
, let that = this;(let是 es6, es5用 var) - 箭头函数: 会强行关联当前运行区域为 this 的上下文;
this
的知识, 读"<<你不知道的 JS 系列>>"最为合适了,里面讲的很清楚
Q:我看一些Vue教程有这么些写法,是什么意思@click.prevent
,v-demo.a.b
;
就拿这两个例子来说吧.
@click.prevent
: 事件+修饰符 , 作用就是点击但又阻止默认行为v-demo.a.b
: 自定义指令+修饰符. 具体看你什么指令了,修饰符的作用大多是给事件增加一些确切的拓展功能
比如阻止事件冒泡,阻止默认行为,访问到原生控件,结合键盘快捷键等等
传送门:事件修饰符;
可以自定义修饰符么?也是可以的..
可以通过全局 config.keyCodes
对象自定义键值修饰符别名:
Q:为什么我的引入的小图片渲染出来却是 data:image/png;base64xxxxxxxx
这个是 webpack 里面的对应插件处理的.
对于小于多少 K 以下的图片(规定的格式)直接转为 base64格式渲染;
具体配置在webpack.base.conf.js
里面的 rules里面的 url-loader
这样做的好处:在网速不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。
Q:Component template shold contain exactly one root element.If you are useing v-if on multiple elements , xxxxx
大体就是说,单组件渲染 DOM 区域必须要有一个根元素,不能出现同级元素.
可以用v-if
和v-else-if
指令来控制其他元素达到并存的状态
换个直白的解释,就是有一个唯一的父类,包裹者;
比如一个 div(父包含块) 内部多少个同级或者嵌套都行,但是最外层元素不能出现同级元素!!!!
Q:跨域问题怎么破!比如No 'Access-Control-Allow-Origin' header is present on the requested resource.
这种问题老生常谈了,我就不细说了..大体说一下;
1: CORS
, 前后端都要对应去配置,IE10+
2: nginx
反向代理,一劳永逸 <-- 线上环境可以用这个
线下开发模式,比如你用了vue-cli
, 里面的 webpack 有引入了proxyTable
这么个玩意,
也可以做接口反向代理
- // 在 config 目录下的index.js
-
- proxyTable: {
- "/bp-api": {
- target: "http://new.d.st.cn",
- changeOrigin: true,
- // pathRewrite: {
- // "^/bp-api": "/"
- // }
- }
- }
-
- // target : 就是 api 的代理的实际路径
- // changeOrigin: 就是是变源,必须是...
- // pathRewrite : 就是路径重定向,一看就知道
当然还有依旧坚挺的jsonp
大法!不过局限性比较多,比较适合一些特殊的信息获取!
Q:我需要遍历的数组值更新了,值也赋值了,为什么视图不更新!!!
那是因为有局限性啊,官方文档也说的很清楚,只有一些魔改的之后的方法提供跟原生一样的使用姿势(却又可以触发视图更新);
一般我们更常用(除了魔改方法)的手段是使用:this.$set(obj,item,value)
;
传送门:数组更新检测(触发视图更新)
Q:为什么我的组件间的样式不能继承或者覆写啊!!!
单组件开发模式下,请确认是否开启了 CSS
模块化功能!!
也就是scoped
(vue-cli 里面配置了,只要加入这个属性就自动启用)
<style lang="scss" scoped></style>
为什么不能继承或者覆写呢,那时因为每个类或者 id 乃至标签都会给自动在css后面添加hash!
比如
- // 写的时候是这个
- .trangle{}
-
- // 编译过后,加上了 hash
- .trangle[data-v-1ec35ffc]{}
这些都是在 css-loader 里面配置!!!
Q:路由模式改为history
后,除了首次启动首页没报错,刷新访问路由都报错!
必须给对应的服务端配置查询的主页面..也可以认为是主路由入口的引导
官方文档也有,为毛总有人不喜欢去看文档,总喜欢做伸手党....FUCK
传送门 : Vue-Router history Mode
Q:我想拦截页面,或者在页面进来之前做一些事情,可以么?
Of course !!
各种路由器的钩子!! 传送门: 导航守卫;
当然,记忆滚动的位置也可以做到,详情翻翻里面的文档
Q:TypeError: xxx is not a function
这种问题明显就是写法有问题...能不能动点脑子!!
Q:Uncaught ReferenceError: xxx is not define
- 实例内的
data
对应的变量没有声明 - 你导入模块报这个错误,那绝逼是导出没写好
Q:Error in render function:"Type Error: Cannot read property 'xxx' of undefined"
这种问题大多都是初始化的姿势不对;
比如引入echart
这些...仔细去了解下生命周期,再来具体初始化;
vue 组件有时候也会(嵌套组件或者 props
传递初始化)..也是基本这个问题
Q:Unexpected token: operator xxxxx
大佬,这个一看就是语法错误啊.
基本都是符号问题.
一般报错会给出哪一行或者哪个组件
Q:npm run build
之后不能直接访问
大佬!你最起码得在本地搭个服务器才能访问好么!!
Q:CSSbackground
引入图片打包后,访问路径错误
因为打包后图片是在根目录下,你用相对路径肯定报错啊....
你可以魔改 webpack 的配置文件里面的static
为./static
...但是不建议
你若是把图片什么丢到assets
目录下,然后相对路径,打包后是正常的
Q:安装模块时命令窗口输出unsupported platform xxx
一般两种情况,node
版本不兼容,系统不兼容;
解决方案: 要么不装,要么满足安装要求;
Q:Unexpected tab charater
这些
一般是你用脚手架初始化的时候开了 eslint ;
要么遵循规则,要么改变规则;
要么直接把 webpack 里面的 eslint 检测给关闭了
Q:Failed to mount component: template or render function not defined
组件挂载失败,问题只有这么几个
组件没有正确引入; 挂载点顺序错了了;
自行动手排查
Q:Unknown custom element: <xxx> - did you register the component correctly?
组件没有正确引入或者正确使用,依次确认
- 导入对应的组件
- 在 components 内声明
- 在 dom 区域声明标签
Q: axios
的 post
请求后台接受不到!
axios
默认是 json 格式提交,确认后台是否做了对应的支持;
若是只能接受传统的表单序列化,就需要自己写一个转义的方法...
当然还有一个更加省事的方案,装一个小模块qs
-
- npm install qs -S
-
-
- // 然后在对应的地方转就行了..单一请求也行,拦截器也行...我是写在拦截器的.
- // 具体可以看看我 axios 封装那篇文章
-
- //POST传参序列化(添加请求拦截器)
- Axios.interceptors.request.use(
- config => {
- // 在发送请求之前做某件事
- if (
- config.method === "post"
- ) {
- // 序列化
- config.data = qs.stringify(config.data); // ***** 这里转义
- }
-
- // 若是有做鉴权token , 就给头部带上token
- if (localStorage.token) {
- config.headers.Authorization = localStorage.token;
- }
- return config;
- },
- error => {
- Message({
- // 饿了么的消息弹窗组件,类似toast
- showClose: true,
- message: error,
- type: "error.data.error.message"
- });
- return Promise.reject(error.data.error.message);
- }
- );
Q:Invalid prop: type check failed for prop "xxx". Expected Boolean, got String.
这种问题一般就是组件内的 props
类型已经设置了接受的范围类型,
而你传递的值却又不是它需要的类型,写代码严谨些 OK?
Q: 过滤器可以用于DOM区域结合指令么?
- // 不行,看下面的错误例子
- <li v-for="(item,index) in range | sortByDesc | spliceText">{{item}}</li>
-
- // `vue2+`的指令只能用语 mustache`{{}}` , 正确姿势如下:
-
- <span>{{ message | capitalize }}</span>
Q: [...Array]
,...mapState
,[SOME_MUTATION] (state) {}
,increment ({ commit }) {}
这种写法是什么鬼!
出门左拐,ES6+(ES2015)的基础去过一遍..
上面依次:数组解构,对象解构,对象风格函数,对象解构赋值传递
Q: 我的 Vue 网站为什么 UC 访问一片空白亦或者flex
布局错乱!!
来来来,墙角走起.... UC 号称移动界的 IE 这称号不是白叫的
flexbox
布局错乱,一般是你没有把兼容方案写上..就是带各种前缀,复合属性拆分- 看看我这篇文章:移动端爬坑记 --- (1)布局与样式上的奇葩偶遇, 最好就用插件来代替人力吧,,引入
autoprefixer
, 写上兼容范围就好了.
- 看看我这篇文章:移动端爬坑记 --- (1)布局与样式上的奇葩偶遇, 最好就用插件来代替人力吧,,引入
UC访问空白
, 有一种情况绝对会造成,那就是 ES6的代码降级不够彻底. 其他情况可能就是路由配置问题(自己去排除)- 现在的开发都推荐按需引入,靠
babel-preset-env
来控制,以达到打包体积减小. - 但是这样做的后果,有些内核比较老的...嘿嘿..拜拜..
- 所以最好把代码完全 ES5话!!记住有些特性不能乱使用,没有对应的
polyfill
,比如 ES6 的proxy
- 现在的开发都推荐按需引入,靠
Q:this.$set | this.$xxx
这个 $
是个什么意思?是 jQuery
的么,会冲突么?
且看我细细道来.
Vue 的$
和 jQuery 的$
并没有半毛钱的关系,就跟javascript
和java
一样.
Vue 的$
是封装了一些 vue 的内建函数,然后导出以$
开头...这显然并不是 jQuery
的专利;
jQuery 的$
是选择器!!取得 DOM区域...两者的作用完全不一致!
Q:Error in event handler for "click":"xxx"
这个问题大多都是你写的代码有问题.你的事件触发了.
但是组件内部缺少对应的实现或者变量,所以抛出事件错误.
解决方案:看着报错慢慢排查
Q: 组件的通讯有哪几种啊!!!
基本最常用的是这三种;
- 父传子:
props
- 子传父:
emit
- 兄弟通讯:
event bus
: 就是找一个中间组件来作为信息传递中介vuex
: 信息树
传送门:
- 基本通讯
- Vuex
Q:vuex的用户信息为什么还要存一遍在浏览器里(sessionStorage or localStorage)
因为 vuex
的 store 干不过刷新啊.
保存在浏览器的缓存内,若用户刷新的话,值再取一遍呗;
Q:"有 Vue + Vue Router + Vuex"或什么"express + vue + mongodb"的项目学习么
Github 一搜一大堆,提这些问题的人动动脑子!.传送门:Github
Q:线上若是 nginx,如何部署?以及反向代理这些!!
传送门:一篇不大靠谱的nginx 1.11.10配置文件
Q:"我会 Vue 我还需要学习 jQuery 或者原生 JS 么"
jQuery
还有很多公司在用,源码可以学习的地方很多;
原生 js 是根本,不管是哪个前端框架,最终都是 js 实现的;
只有基础扎实,才能学的比较深...
框架只是加快开发,提高效率,但不是你在这一行长期立足的根本;
前端的人不仅需要宽度,也要深度...这样才能走的更远....
Q: npm run dev 报端口错误!Error: listen EADDRINUSE :::8080
- 自己用 webpack搭脚手架的都不用我说了;
- Vue-cli 里面的 webpack 配置: config/index.js
- dev: {
- env: require("./dev.env"),
- port: 8080, // 这里这里,若是这个端口已经给系统的其他程序占用了.改我改我!!!!!!
- autoOpenBrowser: true,
- assetsSubDirectory: "static",
- assetsPublicPath: "/",
- proxyTable: {
- "/bp-api": {
- target: "http://new.d.st.cn",
- changeOrigin: true,
- // pathRewrite: {
- // "^/bp-api": "/"
- // }
- }
- },
Q: 什么时候用v-if
,什么用 v-show
!
我们先来说说两者的核心差异;
v-if
: DOM 区域没有生成,没有插入文档..等条件成立的时候才动态插入到页面!- 有些需要遍历的数组对象或者值,最好用这货控制,等到拿到值才处理遍历,不然一些操作过快的情况会报错,比如数据还没请求到!
v-show
: DOM 区域在组件渲染的时候同时渲染了,只是单纯用 css 隐藏了- 对于下拉菜单,折叠菜单这些数据基本不怎么变动.用这个最合适了..而且可以改善用户体验,因为它不会导致页面的重绘,DOM 操作会!
简言之: DOM结构不怎么变化的用v-show
, 数据需要改动很大或者布局改动的用v-if
Q: <template>
是什么,html5的标签么?
你猜对了..html5的标签还真有这么一个.传送门Can I Use:template
不过 Vue 的 template 有点不一样,不是去给浏览器解析的....
你可以理解为一个临时标签,用来方便你写循环,判断的....
因为最终 template 不会解析到浏览器的页面,他只是在 Vue 解析的过程充当一个包裹层!
最终我们看到的是内部处理后的组合的 DOM 结构!
Q:the "scope" attribute for scoped slots …. replaced by "slot-scope" since 2.5
这个问题只出现老项目升级到 vue2.5+的时候, 提示就是 scope 现在要用 slot-scope 来代替,
但是 scope 暂时可以用,以后会移除
Q: Uncaught ReferenceError : Vue is not defined!
依次排除:
- Vue是否正确引入!
- Vue是否正确实例化!
- Vue 用的姿势是否正确(比如你直接一个 Vue 的变量!!!刚好又没定义,,具体问题具体分析吧)
Q: ERROR in static/js/xxxxxxx.js from UglifyJs
我知道其中一种情况会报这种情况,就是你引入的 js,是直接引入压缩版本后的 js(xxx.min.js
);
然后 webpack 内又启用了 UglifyJs(压缩 JS的), 二重压缩大多都会报错!!
解决方案:引入标准未压缩的 JS
Q:props
不使用:(v-bind)
可以传递值么!
可以,只是默认传递的类型会被解析成字符串!
若是要传递其他类型,该绑定还是绑定!!
Q: Uncaught TypeError : Cannot set property xxx which has only a getter
这个问题就是你要操作的属性只允许 getter
,不允许 setter
;
解决方案? 用了别人的东西就要遵循别人的套路来,不然就只能自己动手丰衣足食了!!
Q: 单组件中里面的 import xxx from '@/components/layout/xxx'
中的@
是什么鬼!
这是 webpack 方面的知识,看到了也说下吧...
webpack可以配置alias
(也就是路径别名),玩过 linux 或者 mac 都知道
依旧如上,会自己搭脚手架的不用我说了...看看 vue-cli 里面的;
文件名: build -> webpack.base.conf.js
-
- resolve: {
- extensions: [".js", ".vue", ".json"], // 可以导入的时候忽略的拓展名范围
- alias: {
- vue$: "vue/dist/vue.esm.js",
- "@": resolve("src"), // 这里就是别名了,比如@就代表直接从/src 下开始找起!!!
- "~": resolve("src/components")
- }
- },
Q: SCSS(SASS)
还是 less
,stylus
好!!
三者都是预处理器;
scss 出现最久,能做的功能比较多,但是若是普通的嵌套写法,继承,mixin 啊.
这三个都差不多..会其中一个其他两个的粗浅用法基本也会了.不过!!!!
写法有些差异:
- scss: 写法上是像 css 靠齐
- sass : 其实也就是 scss , 只是写法不一样...靠的是缩进
- less : 跟 css 基本靠齐
- stylus : 一样,靠缩进..跟
pug(Jade)
一样
使用环境的差异:
- scss 可以借助 ruby 或者 node-sass 编译
- less 可以用 less.js 或者对应的 loader 解析
- stylus 只能借助 loader 解析,它的出现就是基于 node 的
也有一个后起之秀,主打解耦,插件化的!!! 那就是PostCSS
,这个是后处理器!!!
有兴趣的可以自行去了解,上面的写法都能借助插件实现!
Q:Failed to compile with x errors : This dependency was not found !
编译错误,对应的依赖没找到!!!
解决如下:
- 知道缺少对应的模块,直接装进去
- 若是一个你已经安装的大模块(比如 axios)里面的子模块(依赖包)出了问题,卸载重装整个大模块.因为你补全不一定有用!
Q:SyntaxError: Unexpected identifier;
语法错误,看错误信息去找到对应的页面排查!!!
Q: 为什么我的 npm
或者 yarn
安装依赖会生成 lock
文件,有什么用!
lock 文件的作用是统一版本号,这对团队协作有很大的作用;
若是没有 lock 锁定,根据package.json
里面的^
,~
这些..
不同人,不同时间安装出来的版本号不一定一致;
有些包甚至有一些breaking change
(破坏性的更新),造成开发很难顺利进行!!!
Q: 组件可以缓存么?
可以,用keep-alive
;
不过是有代码的..占有内存会多了...所以无脑的缓存所有组件!!!别说性能好了..切换几次,
有些硬件 hold不住的,浏览器直接崩溃或者卡死..
所以keep-alive
一般缓存都是一些列表页,不会有太多的操作,更多的只是结果集的更换..
给路由的组件meta
增加一个标志位,结合v-if
就可以按需加上缓存了!
Q:package.json
里面的dependencies
和devDependencies
的差异!
其实不严格的话,没有特别的差异;
若是严格,遵循官方的理解;
dependencies
: 存放线上或者业务能访问的核心代码模块,比如vue
,vue-router
;devDependencies
: 处于开发模式下所依赖的开发模块,也许只是用来解析代码,转义代码,但是不产生额外的代码到生产环境, 比如什么babel-core
这些
如何把包安装到对应的依赖下呢?
-
- npm install --save xxxx // dependencies
- npm install --save-dev xxxx // devDependencies
-
- //也能用简易的写法(i:install,-S:save,-D:save-dev)
-
- npm i -S xxxx // npm install --save xxxx
- npm i -D xxxx // npm install --save-dev xxxx
Q: 安装chromedriver
报错!!姿势没错啊npm i -D chromedriver
恩,伟大的 GFW.....解决方案:指定国内的源安装就可以了
npm install --save-dev chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
Q:Vue ,React, Angular学习哪个好?哪个工作比较好找!
Vue属于渐进式开发,传统开发过渡 MVVM 模式的小伙伴,Vue
比较好上手,学习成本比较低
基础比较好的,有折腾精神的,可以选择NG5
或者React 16
;
NG5需要学习typescript
和rxjs
,还用到比较多的新东西,比如装饰器,后端的注入概念.ng有自己的一整套 MVVM 流程;
而Vue
和React
核心只是view
,可以搭配自己喜欢的
React
的写法偏向函数式写法,还有 jsx,官方自己有 flow
,当然也能搭配ts
,我也没怎么接触..所以也有一定的学习成本;
至于哪个比较好找工作!!!告诉你..若是只会一个框架,那不是一个合格的前端;
人家要的是动手能力,解决能力!!!!技术和待遇是成正比的!!
颜值和背景,学历,口才可以加分..但是这些条件你必须要有的基础下才能考虑这些!!!
Q: 我有个复杂组件需要有新增和编辑的功能同时存在,但是字段要保持不变性怎么破
字段保持不变性怎么理解呢? 就是说比如新增和编辑同时共享一份 data
;
有一种就是路由变了,组件渲染同一个(不引起组件的重新渲染和销毁!),但是功能却不同(新增和编译)..
比如从编辑切到新增,data
必须为空白没有赋值的,等待我们去赋值;
这时候有个东西就特别适合了,那就是immutable-js;
这个东西可以模拟数据的唯一性!或者叫做不变性!
Q:"首屏加载比较慢!!怎么破!打包文件文件比较大"
依次排除和确认:
- 减少第三方库的使用,比如
jquey
这些都可以不要了,很少操作 dom,而且原生基本满足开发 - 若是引入
moment
这些,webpack 排除国际化语言包 - webpack 常规压缩js,css, 愿意折腾的还可以引入 dll 这些
- 路由组件采用懒加载
- 加入路由过渡和加载等待效果,虽然不能解决根本,但起码让人等的舒心一点不是么!!!
整体下来,打包之后一般不会太大;
但是倘若想要更快?那就只能采用服务端渲染(SSR)了,可以避免浏览器去解析模板和指令这些;
直接返回一个 html ....还能 SEO...
Q: Vue SPA 没法做优化(SEO)!有解决方案么
可以的,SSR(服务端渲染就能满足你的需求),因为请求回来就是一个处理完毕的 html
现在 vue 的服务端开发框架有这么个比较流行,如下
传送门:Nuxt.js
Q: Vue可以写 hybird App 么!
当然可以,两个方向.
- codorva + nativescript
- Weex
Q: Vue 可以写桌面端么?
当然可以,有electron
和node-webkit(nw)
;
我只了解过electron
;
- electron
- electron-vue: Vue-cli 针对 electron 的脚手架模板
Q: Vue开发,项目中还需要 jQuery
么
分情况探讨:
- 若是老项目,只是单纯引入 Vue 简化开发的,依旧用吧...
- 重构项目?或者发起新项目的,真心没必要了.开发思路不一样,很多以前用 DOM 操作的现在基本可以数据驱动实现,而少量迫不得已的DOM 操作原生就能搞定...而且能减小打包体积,速度又快,何乐而不为!!!
Q:Vue PC(桌面)端,M(mobile:移动)端,用什么 UI 框架好啊!!!
PC
我推荐的只有两个 element UI
和iview
Mobile
Vux
当然还有很多,但是基本用户的认知度都不高,这三个比较流行
Q: Vue可以写微信小程序么,怎么搞起
可以的,社区也有人出了对应的解决方案,比如比较流行的方案wepy
;wepy
你也可以理解为一个脚手架,让你的写小程序的方式更贴近你用vue-cli
写 vue 的感觉...
传送门:wepy
Q:想要 mock 数据,直接请求 json文件 为什么不行!
当然不行,浏览器安全机制不允许,JS天生不能越权(NodeJS不能单纯说是JS)
你要 mock 数据,一般都有比较成熟的方案...传送门:
- Mock
- Easy Mock
来源:掘金
(责任编辑:admin)
- 上一篇:风趣探讨vue数组值变了,为什么视图没更新
- 下一篇:Axios插件使用指南,封装报错、鉴权、跳转、拦截
- 收藏
- 挑错
- 推荐
- 打印
- 发表评论
- 请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。评价: 中立 好评 差评表情:用户名: 验证码: 匿名?发表评论
- 最新评论进入详细评论页>>
风趣探讨vue数组值变了,为什么视图没更新
风趣探讨vue双向绑定原理
很多初使用Vue
的同学会发现,在改变数组的值的时候,值确实是改变了,但是视图却无动于衷,果然是因为数组太高冷了吗?
查看官方文档才发现,不是女神太高冷,而是你没用对方法。
看来想让女神自己动,关键得用对方法。虽然在官方文档中已经给出了方法,但是在下实在好奇的紧,想要解锁更多姿势的话,那就必须先要深入女神的心,于是乎才有了去探索Vue响应式原理的想法。(如果你愿意一层一层地剥开我的心。你会发现,你会讶异…… 沉迷于鬼哭狼嚎 无法自拔QAQ)。
前排提示,
Vue
的响应式原理主要是使用了ES5的Object.defineProperty
,毫不知情的同学可以查看相关资料。
为啥数组不响应?
仔细一想,Vue
的响应是基于Object.definePropery
的,这个方法主要是对对象属性的描述进行修改。数组其实也是对象,通过定义数组的属性应该也能产生响应的效果呀。先验证一下自己的想法,撸起袖子就开干。
- const arr = [1,2,3];
-
- let val = arr[0];
-
- Object.defineProperty(arr,'0',{
- enumerable: true,
- configurable: true,
- get(){
- doSomething();
- return val;
- },
- set(a){
- val = a;
- doSomething();
- }
- });
-
- function doSomething() {
-
- }
然后在控制台中分别输入arr
、arr[0] = 2
、arr
,可以看到如下图的结果。
咦,一切居然都如预想猜想的一样。
接下来,看到这段代码,有的同学可能会有所疑问,为啥在
get()
方法里不直接返回this[0]
呢?而是要借助val
来返回值呢?仔细一想,卧槽!!!差点特么的死循环了,你想呀,
get()
本身就是获取当前属性的值,在get()
里调用this[0]
不是等同于再次调用了get()
方法吗? 好可怕好可怕,简直吓死劳资了。
虽然你想象中的女神可能会这种姿势,但是你眼前的这个女神确实不是这种姿势的,像我这种屌丝属性暴露无疑的人怎么可能猜透女神的心思?为什么不这样响应数据呢?或许是因为数组和对象还是有所差别,定义数组的属性可能会产生一些麻烦与Bug。又或许是因为在交互的过程中可能会产生大量的数据,导致整体的性能下降。也有可能是作者权衡利弊之后用其他方法也可以达到数据响应的效果。反正我是猜不透啦。
为啥调用数组原生方法就可以响应了?
为什么使用了这些数组的方法就就能让数据响应了呢?
先看看数组部分的源码吧。
简单的来讲,def
的作用就是重新定义对象属性的value
值。
- //array.js
- import { def } from '../util/index'
-
- const arrayProto = Array.prototype
- export const arrayMethods = Object.create(arrayProto)
- //arrayMethods是对数组的原型对象的拷贝,
- //在之后会将该对象里的特定方法进行变异后替换正常的数组原型对象
- /**
- * Intercept mutating methods and emit events
- */
- [
- 'push',
- 'pop',
- 'shift',
- 'unshift',
- 'splice',
- 'sort',
- 'reverse'
- ]
- .forEach(function (method) {
- // cache original method
- //将上面的方法保存到original中
- const original = arrayProto[method]
- def(arrayMethods, method, function mutator (...args) {
- const result = original.apply(this, args)
- const ob = this.__ob__
- let inserted
- switch (method) {
- case 'push':
- case 'unshift':
- inserted = args
- break
- case 'splice':
- inserted = args.slice(2)
- break
- }
- if (inserted) ob.observeArray(inserted)
- // notify change
- ob.dep.notify()
- return result
- })
- })
贴出def
部分的代码
- /**
- * Define a property.
- */
- export function def (obj: Object, key: string, val: any, enumerable?: boolean) {
- Object.defineProperty(obj, key, {
- value: val,
- enumerable: !!enumerable,
- writable: true,
- configurable: true
- })
- }
array.js是对数组的一些方法进行变异,我们以push
方法来举个例子。
首先 就是要用original = arrayProto['push']
来保存原生的push
方法。
然后就是要定义变异的方法了,对于def
函数,如果不深究的话,def(arrayMethods,method,function(){})
,这个函数可以粗略的表示为arrayMethods[method] = function mutator(){}
;
假设在之后调用push
方法,实际上调用的是mutator
方法,在mutator
方法中,第一件事就是调用保存了原生push
方法的original
,先求出实际的值。
一堆文字看起来实在很抽象,那么写一段低配版的代码来表达源码的含义。
- const push = Array.prototype.push;
-
- Array.prototype.push = function mutator (...arg){
- const result = push.apply(this,arg);
- doSomething();
- return result
- }
-
- function doSomething(){
- console.log('do something');
- }
-
- const arr = [];
- arr.push(1);
- arr.push(2);
- arr.push(3);
在控制台中查看结果为:
。
那么源码中的
- const ob = this.__ob__
- let inserted
- switch (method) {
- case 'push':
- case 'unshift':
- inserted = args
- break
- case 'splice':
- inserted = args.slice(2)
- break
- }
- if (inserted) ob.observeArray(inserted)
- // notify change
- ob.dep.notify()
这段代码就是对应的doSomething()
了
在该代码中,清清楚楚的写了2个单词的注释notify change,不认识这2个单词的同学就百度一下嘛,这里就由我代劳了,这俩单词的意思是发布改变!
每次调用了该方法,都会求出值,然后做一些其他的事情,比如发布改变与观察新增的元素,响应的其他过程在本篇就不讨论了。
- [
- 'push',
- 'pop',
- 'shift',
- 'unshift',
- 'splice',
- 'sort',
- 'reverse'
- ]
目前一共有这么些方法,只要用对方法就能改变女神的姿势哟!
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 学习资源整理
ES6 http://es6.ruanyifeng.com/#docs/generator Javascript ArticleArticleJavascript深浅拷贝Javascript中的apply和call继承Javascript的jsonp原理Javascript监听触摸事件Javascript中的var self thisJavascript面向对象编程Javascript滑屏切换场景Javascript获取经纬度&am…...
2024/4/26 23:59:17 - 前端百科
Javascript ArticleArticleJavascript深浅拷贝Javascript中的apply和call继承Javascript的jsonp原理Javascript监听触摸事件Javascript中的var self thisJavascript面向对象编程Javascript滑屏切换场景Javascript获取经纬度,关于调用百度API的问题妙用Javascript运…...
2024/4/30 16:01:29 - 前端知识全局汇总
Javascript ArticleArticleJavascript深浅拷贝Javascript中的apply和call继承Javascript的jsonp原理Javascript监听触摸事件Javascript中的var self thisJavascript面向对象编程Javascript滑屏切换场景Javascript获取经纬度,关于调用百度API的问题妙用Javascript运…...
2024/5/1 5:54:55 - 前端知识点百科大全
Javascript https://github.com/Wscats/Good-text-ShareArticleArticleJavascript深浅拷贝Javascript中的apply和call继承前端程序员经常忽视的一个JavaScript面试题我如何用前端技术得到XXOO网站的VIPJavascript的jsonp原理Javascript监听触摸事件深入理解Javascript函数编程J…...
2024/4/30 14:01:32 - HTML5实现屏幕手势解锁(转载)
来源:https://github.com/lvming6816077/H5lockhttp://threejs.org/examples/http://www.inf.usi.ch/phd/wettel/codecity-download.html (JSCity:把源码可视化成建筑物的 JS 库)http://www.alloyteam.com/2015/07/html5-shi-xian-ping-mu-shou-shi-jie-suo/ (Web前…...
2024/4/27 12:12:22 - Angular学习笔记-配置静态路由
1.声明一个路由组件(app-routing.module.ts) 1.1 在新生成的项目声明 ng g <project name> --routing1.2 内部项目声明 ng generate module app-routing --flat --moduleapp2.app-routing.module.ts文件 同时他会在app.module里注入这个文件 3.Routers 路由配置 路…...
2024/5/1 5:40:00 - angular 路由传参的方式
1. 路由文件引入 // 第一步:引入Router对象 import {ActivatedRoute, Router} from angular/router;// 第二步:在构造函数中注入 constructor(private activateRoute: ActivatedRoute, private router: Router) { }传参的类型 get跳转和动态路由两种…...
2024/4/29 0:55:15 - Angular6-路由-配置路由(常规路由+子路由+路由守卫)
核心ts文件 app.module.ts 下方的HomeModule是新建的模块,也是要被加载的路由模块。 import {BrowserModule} from angular/platform-browser; import {enableProdMode, NgModule} from angular/core; import {AppComponent} from ./app.component; import {NgZor…...
2024/4/21 3:51:41 - angular 路由模块 route
转载自 http://www.ngui.cc/news/show-109.html 基础知识 导入路由模块 // ... import { RouterModule } from angular/router; NgModule({imports: [BrowserModule, FormsModule, HttpModule, RouterModule],declarations: [AppComponent, UserComponent, MembersComponen…...
2024/4/21 3:51:41 - Angular实现路由缓存-(简单到我还没开始研究)
前言 顾客就是上帝,为顾客解决需求,是我们打工人的责任。那么需求来了。 顾客要求在上一个页面操作后,状态依然保存。 注:可能本文内容不严谨 但是确实做了如下效果后,路由缓存就实现了,真的是很无脑,相当…...
2024/4/21 3:51:39 - angular和JAVA实现aes、rsa加密解密,前后端交互,前端加解密和后端JAVA加解密实现
今天实现了下AES和RSA加密解密,主要的功能是对前后端交互数据进行加密解密,为什么要用到两个算法呢,首先RSA默认的话加密长度是有限的100多个byte吧大约,并且需要公钥私钥,而AES加密没有限制只需要一个key就可以&#…...
2024/5/1 8:39:59 - angular 8 学习记录
1,安装Angular Cli、创建运行Angular项目 安装cnpm npm install -g cnpm --registryhttps://registry.npm.taobao.org 2、使用 npm/cnpm 命令安装angular/cli (只需要安装一次) npm install -g angular/cli 或者 cnpm install -g angul…...
2024/5/1 6:52:19 - angular学习(十二)—— Directive
转载请写明来源地址:http://blog.csdn.net/lastsweetop/article/details/55520140 directive介绍 directive是DOM元素上的标记,告诉angularjs的HTML编译器($complile)给DOM元素附加上一些特殊的行为,或者是改变DOM元素和它的子元素。 看到编译两个字,很多人会感到很懵…...
2024/4/20 19:59:52 - pc 端 前端对接支付宝支付-前端获取支付宝返回的form 表单以及submit提交表单,自动跳转支付页面扫码支付
项目中用到了微信扫码,支付宝扫码支付。前端调取支付宝接口(后台进行了封装,没有直接调取支付宝接口)。 调用接口返回数据中,会有一串form表单字符串返回,前端需要做的就是把这串form 表单字符串通过append…...
2024/4/20 8:27:43 - 一元购宝倒计时之angularJs-$interval
setInterval更新的数据不能够及时的在页面做更新显示,但angular自带的$interval可以做到,用法和setInterval完全一样,这里只做了秒倒计时,没有做分钟倒计时,另外timer对象为全局变量,在点击按钮和切换路由的…...
2024/4/20 10:11:55 - Java-SSM-Maven+AngularJS-1实现微信扫码支付功能
微信扫码支付是商户系统按微信支付协议生成支付二维码,用户再用微信“扫一扫”完成支付的模式。该模式适用于PC网站支付、实体店单品或订单支付、媒体广告支付等场景 1. 微信支付开发文档整体思路 微信支付接口调用的整体思路: 按API要求组装参数&…...
2024/4/20 19:59:49 - angular微信支付url未注册
angular再做微信支付的时候,参数神马的都好配置,但是怎么都无法到填写支付密码的窗口,微信还报了个错 url未注册,并且微信说的当前页面的url并非是支付页面的url 这个问题再微信页面上刷新一下就好了,但是不能让用户去…...
2024/4/20 19:59:48 - Angular页面指令
1. Angular页面指令 分为组件带模板的指令,结构性指令改变宿主文档结构(*ngIf *ngSwitch *ngFor),属性性指令改变宿主行为 (ngModel ngStyle ngClass)[innerHTML] : 将value作为html标签来解析[textContent]: 将Value作为文本解析 *ngIf*ngIf…...
2024/4/20 19:59:47 - Angular快速上手指南
angular快速上手指南angular脚手架下载以及angular项目的新建angular脚手架安装命令angular创建项目命令启动angular项目angular中的目录结构以及核心文件目录结构核心文件如何在angular中创建组件如何使用组件Angular基本操作angular中定义属性angular中的数据绑定angular中的…...
2024/4/29 3:03:04 - angular项目流程功能实现
1.项目结构:-----view-----controller-----service 公共方法的使用,主要封装一些常用api,面向于方法----model2.完成项目流程是什么?a:企业中项目实现流程①:实际的问题导致了需求产生②:企业核心技术(CTO …...
2024/4/20 19:59:45
最新文章
- 备忘录模式(行为型)
目录 一、前言 二、备忘录模式 三、总结 一、前言 备忘录模式(Memento Pattern)是一种行为型设计模式,在不破坏封装性的前提下,捕获一个对象的内部状态,并在该对象之外保存这个状态,这样可以在之后将该对象恢复到原…...
2024/5/1 10:01:45 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - JS中空合并运算符 ?? 的使用
什么是空合并运算符? 空合并运算符 ?? (Nullish coalescing operator) 是一个逻辑运算符,当其左侧操作数为 null 或 undefined 时,它返回其右侧操作数,否则返回其左侧操作数 const foo null ?? default string; console.lo…...
2024/4/30 5:46:40 - 通过node 后端实现颜色窃贼 (取出某个图片的主体rgb颜色 )
1.需求 我前端轮播图的背景色 想通过每一张轮播图片的颜色作为背景色 这样的话 需要通过一张图片 取出图片的颜色 这个工作通过前端去处理 也可以通过后端去处理 前端我试了试 color-thief 的插件 但是 这个插件是基于canvas 的模式来的 我需要在小程序中使用这个插件 而且是…...
2024/5/1 9:37:26 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/29 23:16:47 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/30 18:14:14 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/29 2:29:43 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/30 18:21:48 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/27 17:58:04 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/27 14:22:49 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/28 1:28:33 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/30 9:43:09 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/27 17:59:30 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/28 1:34:08 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/29 20:46:55 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/30 22:21:04 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/1 4:32:01 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/27 23:24:42 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/28 5:48:52 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/30 9:42:22 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/30 9:43:22 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/30 9:42:49 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57