- 博客(134)
- 收藏
- 关注
RSS订阅
原创 mes项目 组态开发项目reademe文档 待整理
vue2 项目========= vue cmd命令所包含知识点：清除缓存：npm cache clean --force当npm install无效，需要进行npm cache clean --force命令操作，如果这样操作不成功的话，去C盘清空一个文件夹：C/用户/administrator/appdata/Roaming/npm-cache 直接将路径下该文件夹右键删除再重新npm install#删除node_modulesnpm cache clean --force
2021-03-19 10:53:51
2536
1
原创 微信小程序的 tabbar设置 + 列表循环 + 条件渲染 + 事件绑定 + 微信小程序的常用标签
<view wx:for="{{data}}" wx:key="item"> <view bindtap="EventTab" data-item="{{item}}"></view> 循环和绑定事件并通过data-item传参</view>
2021-03-15 17:03:21
1029
1
原创 权限系统reademe.md文档---待整理
1,网页布局:使用ElementUI插件:安装elementui npm/cnpm i element-ui -S/–save;在main.js程序入口文件中完整引入elementui:import ElementUI from ‘element-ui’;import ‘element-ui/lib/theme-chalk/index.css’;使用它: Vue.use(ElementUI)将登录页面写过来:点击登录，请求数据，处理数据,获取到token，有token，进入首页使用axios
2020-11-05 09:31:17
1533
原创 前端问题收集
css3如何实现鼠标悬浮时，出现音效vue <template> <button :class="$style.button" /></template>
2020-04-24 10:18:51
153
1
原创 聊聊V8引擎
V8 是什么 V8 是 Google 开源的 JavaScript 引擎。可以理解为：V8 将程序员写的代码，最终解析成机器码能够让计算机识别。其中的具体操作，就是 V8 干的事。 我们把 V8 看成一个黑盒， 程序语言进去，通过黑盒子的处理，经过一系列操作后，解析成机器码。【V8被广泛用于各种JavaScript执行环境。】 了解V8，对于性能优化的思考会有更多理解和方向。能够更轻松理解babel语法分析原理，eslint语法检查机制，前端框架的底层实现。V8的发展第一个版本的特点：由 Ja
2022-04-14 23:03:15
3640
1
转载 mac中在终端查看目录切换路径等操作
Mac终端使用技巧 切换到其他路径和目录 如果你想将当前 command line 会话切换到其他目录，需要用到三个命令：pwd，ls和cd。pwd的含义是“print working directory”，会显示当前目录的绝对路径。ls的含义是“list directory contents”，它会列出当前目录的内容。这个命令还有其他参数可选。cd的含义是“change directory”，它会改变当前目录到你指定的目录。如果你不指定，则会返回你的 home folder。pwd
2021-10-16 17:50:06
3465
2
原创 GIT整理--待办
博客参考首先，http是超文本传输协议。我们写的html页面要渲染在 web 服务器上。早期是通过传统的服务端渲染实现，客户端通过请求服务端，服务端将渲染结果返回给客户端，客户端来显示页面内容。但随着项目越来越复杂，逐渐出现了客户端渲染-实现前后端分离【存在首屏渲染慢和不利于搜索引擎优化SEO的问题】。为了解决这个问题又发展出来了同构渲染/现代化的服务端渲染。这些渲染都需要基于http协议。影响 http 请求的主要因素是带宽和延迟。http2.0 相比1.0 ，性能优化有了很大的提升。黑马程序
2021-09-24 15:42:29
125
原创 关于http
哔哩哔哩视频参考-勾崽http 和 httpshttphttp 协议的本质http 报文请求报文：响应报文：http 状态码http 头字段http 和 https 的区别http1.0 和 http2.0 的区别http2 的多路复用可以并行建立多少个链接。http3httphttp 协议的本质http是一种网络传输协议。用于客户端【浏览器】与服务端进行通信。获取页面内容。当用户通过地址栏访问某个网址，客户端会通过 http 协议发送请求报文给服务器。服务器端接受到客户端的 http 请求报文
2021-09-07 14:01:55
295
5
原创 vue 数据双向绑定原理
0 到 1 掌握：Vue 核心之数据双向绑定写一个Vue的双向数据绑定双向绑定原理：MVVM机制双向绑定原理： view视图变化更新数据model。 model数据变化更新视图view。Vue 不允许动态添加根级响应式属性。this.obj.name 无法将name属性设置成响应式。要通过 Vue.$set(target,key,value)数据响应式：数据的变化，会自动更新视图。这就是响应式。数据双向绑定：数据变化更新视图，视图变化更新数据。数据劫持监听。Object.defineP
2021-09-06 15:13:12
154
原创 vue中---computed的实现原理
computed是什么，主要干嘛。有啥特点：computed 是计算属性，可缓存。主要用来替换文本中的模板。插值表达式。用来包装data数据的复杂逻辑。方便管理。当依赖的data值发生改变时会自动重新计算。包含 get 和 set。写法：data() { return { a:1 }},computed:{ aa: function() {// 1 仅读取的计算属性 return this.a++; }, bb:{ // 2 get:function() {
2021-09-06 14:52:58
397
原创 Virtual DOM
虚拟 DOM: 由JavaScript对象来描述真实 DOM。VUE 内部的虚拟 DOM 是改造了一个开源库 Snabbdom。真实 DOM 的操作耗能太大了。虚拟DOM的最终目标是将 虚拟节点渲染到视图：虚拟DOM的好处：维护视图和状态的关系。跟踪状态的变化。状态改变后不需要立即更新真实DOM。而是创建虚拟DOM树 最终来映射到真实DOM。复杂视图情况下提升渲染性能跨平台：浏览器平台渲染dom服务端渲染 ssr原生应用（Weex / React Native )小程序（
2021-09-06 14:09:04
65
原创 使用base64转图片有什么副作用
使用base64来代替img，明显体积增加，会影响网页打开速度。如果使用img通过外链图片的话，图片可以在页面渲染挖出后继续加载，不会造成阻塞。IE兼容性问题。因为 IE8 以下不支持 dataurl如果构建工具落后，手动插入 base64 ，编辑器会卡...
2021-09-01 17:06:30
411
原创 plop构建工具
每次创建文件时，都会有一些相同的页面结构。比如每个页面都会有 html ,css ,js 文件 。每一个component组件都包含template, script, 和 style。使用plop去自动创建基础的结构。yarn add plop --dev npm install plop --dev在项目根目录下新建一个 plopfile.js 文件module.exports = plop => { plop.setGenerator('component',{ descript
2021-08-19 13:19:32
95
原创 react看官方文档后的吸收
初始化一个react项目：全局安装react脚手架工具： npm install -g create-react-app使用脚手架工具初始化react项目： create-react-app 项目名启动react项目： npm startreact 与 vue的异同？react 核心知识点：reactRouterDomRouterReactComponentrenderreactredux：中间件。可以改变数据流常用中间件：redux-logger：提供日志输出redux-
2021-07-28 15:34:06
90
原创 对于ES6-promise的理解
/*尽可能还原 Promise 中的每一个 API, 并通过注释的方式描述思路和原理.*/// # Promise是什么？主要用来干嘛？实现思路是什么？为什么？// 1,Promise是一个类，为什么要给它定义成一个类呢？可以通过new创建，new创建都会分配新的内存，都会执行构造器// 2,为什么会有Promise,Promise用来干嘛？// js是单线程执行机制，为了避免队列阻塞，存在异步模式[请求接口,setInterval,setTimeout,…]，而异步模式会存在回调情况。//
2021-07-27 14:55:15
157
原创 关于ES6新特性
关于es6新特性的总结：看完这篇HTTP，跟面试官扯皮就没问题了Vue.js面试题整理必须要会的 50 个React 面试题前端ES6面试题ES6 新特性 总结ES6常用新特性总结es6新特性有哪些博客园大佬_龙恩0707阮一峰 ES6入门教程ES6新特性ES6会这些就够了ES6核心特性ES6中常用的10个新特性讲解针对面试时的ES6ES6 新特性 总结 csdn1.let const 与 var的比较var声明的变量，存在变量提升。var可以重复声明一个变量。var声明
2021-07-27 14:54:12
236
原创 关于前端设计模式
前端设计模式：参考：https://www.cnblogs.com/tugenhua0707/p/5198407.htmlhttps://zhuanlan.zhihu.com/p/256405681设计模式6大原则：https://www.cnblogs.com/toutou/p/4870926.html前端面经：https://juejin.cn/post/6939774328858738696设计模式https://juejin.cn/post/6844904125721772039#
2021-07-27 14:52:00
272
原创 工程化，模块化，模块化规范，ES Modules，CommonJs , 模块打包工具webpack
技术是为了解决问题而存在的，切忌畏惧技术，为了技术而技术。但凡能解决实际问题或者简化问题的技术，就是值得使用的好技术。什么是工程化：工程化不是一个工具，工程化是一个目标。工程化主要解决的问题：传统语言或语法的弊端无法使用模块化/组件化方式去处理代码重复的机械式工作无法统一代码风格，无法保证代码质量前端项目依赖后端服务接口支持整体依赖后端项目工程化的表现：一切以提高效率，降低成本，质量保证为目的的手段都属于工程化。工程化内容：脚手架工具开发：项目创建阶段，前端工程化的表现。自动化构
2021-07-22 15:20:58
410
3
原创 typescript
TypeScript语言：JavaScript是一门 弱类型、动态类型 的语言。大规模应用下，JavaScript就会变得越来越复杂，开发周期也会更长。TypeScript是一门 强类型、静态类型 的语言强类型与弱类型[从类型安全的角度]JavaScript是弱类型弱类型不会限制参数的类型js function foo(num)弱类型语言允许随意的隐式类型转换[变量类型随时改变不是强弱类型的差异]弱类型的代码灵活多变。也就失去了可靠性弱类型的问题： const obj = {
2021-07-15 15:52:56
105
原创 函数式编程与 JS 异步编程、手写 Promise＞ IO函子问题
学习笔记函数式编程与面向对象编程的区别：函数式编程将事物与事物之间的逻辑关系抽象成函数映射关系。函数可以独立存在，可以作为参数，作为返回值，作为变量。通过函数式编程避免了this的复杂作用域问题。而面向对象编程是将万物抽象为对象，事物之间的联系和属性都成为对象的属性值，所以逻辑关系需要依托对象的关系来访问或者实现。什么是一等公民：就是可以作为变量，作为返回值，作为传入的参数的东西。函数就是一等公民高阶函数：高阶函数即：函数作为参数传入，函数作为返回值闭包：闭包就是，在函数内部，返回了
2021-07-14 15:02:57
229
2
原创 js 构造函数的理解 原型和原型链的理解
视频地址：讲的很详细function Person(name,age) {//构造函数与普通函数最大的区别是调用方式的不同，通过new关键字调用。构造函数一般使用大写。 this.name = name; this.myfunc = func;}function func() {//因为每创建一个实例对象都会分配一块内存空间，如果将函数定义在构造函数内，那么有多少个实例就会创建多少个函数。所以将func写在全局 console.log('大家好，我是：'+this.name);//this指向
2021-06-22 16:00:23
75
原创 js reduce函数
reduce 方法参考:reduce() 方法对数组中的每个元素执行一个由开发者自己提供的函数，将其结果汇总为单个返回值。可以理解为，reduce会遍历数组元素，将每个元素都作为参数，代入自定义函数执行并返回一个返回值。并在下一次执行时将返回值作为参数传入。const arr = [1, 2, 3, 4]// 求数组元素值的总和//let total = arr.reduce((sum , item) => {// return sum + item//},0)const f
2021-06-22 11:27:26
4573
原创 看板.md
#npm install 报错的情况下可以先清理缓存：npm cache clean --force然后升级版本:npm install -g npm重新安装: npm install -g cnpm --registry=http://registry.npm.taobao.org一次不行可以反复几次，就可以进行npm install操作了#命令删除node_modulesnpm install rimraf -grimraf node_modulesnpm install/cnpm in
2021-05-20 14:55:20
112
原创 原型和原型链
8，原型和原型链1,每个函数都有一个prototype，即显示原型。默认指向一个空的Object对象。【但是Object函数的显示原型不指向空对象而是null】2,每个实例对象都有一个__proto__，隐式原型。【左右分别是两条下划线】3,【实例对象的隐式原型的值为其对应的构造函数的显示原型的值】。【即Fn.prototype === fn.__proto__】4,开发者可以直接操作显示原型，【ES6之前】不能直接操作隐式原型。function Fn() {}console.log(Fn
2021-04-07 14:28:28
152
2
原创 【javascript】数据-变量-内存 浅拷贝
关于赋值与内存的问题：存储的值类型的判断存储的值类型的判断：var a = xxx;//1，xxx表示基本数据： 比如var a = 3//a内存中保存的就是数据xxx本身//2，xxx表示对象/数组/函数：//a内存中保存的就是指针地址//3，xxx表示变量： //比如： var b = 'www'; a = b; a内存中保存的是'www';//再比如： var b = {}; a = b; a内存中保存的是指针地址;//a内存中保存的都是xxx的内容关
2021-03-31 15:45:06
83
原创 [JAVASCRIPT] 进阶知识巩固
javascript进阶知识巩固基础总结：数据类型1，数据类型2，变量类型： 【变量内存之的类型】判断：undefined和null的区别：数据-变量-内存对象函数-回调函数高级面向对象高级线程机制与事件机制this闭包作用域和作用域链基础总结：数据类型1，数据类型1.1. 基本类型：StringNumberBooleanundefinedNull1.2.对象类型：2，变量类型： 【变量内存之的类型】2.1.基本类型：保存的就是基本类型的数据2.2.引用类型：保存的引用地址
2021-03-26 15:34:15
96
原创 微信小程序 实现支付功能 + 微信小程序如何给其他用户访问体验版本，真机测试版本
只有企业账号的微信小程序才可以实现微信支付。自己写的测试账号小程序没有权限 嘤嘤嘤 ┭┮﹏┭┮
2021-03-24 15:07:56
821
原创 微信小程序，如何实现每次进入页面都进行数据检查
微信小程序，如何实现每次进入页面都进行数据检查使用pageLifetimes://使用pageLifetimesdata:{},pageLifetimes:{//每次进入当前页面都会触发show show() {}}
2021-03-23 18:30:50
1713
原创 微信小程序开发：写一个全局js文件用来存储全局数据。并使用globalData或者直接引入js文件
1. 新建JS文件。自定义数据。module.export = {data} 导出数据 const shoplist module.exports = { shoplist } 2. 在app.js文件中，找到globalData，添加想要的数据。 var global = require('./utils/shoplist.js') App({ onLaunch() { this.globalData.shoplist = global.shoplist ..
2021-03-23 17:45:33
1554
原创 微信小程序开发 使用阿里巴巴iconfont
1，在iconfont找到自己需要的图表。添加到我的项目2，选择font class 复制在线链接。新窗口中打开，服务wxss代码片段。3，在utils文件中新建iconfont.wxss文件。粘贴代码段4，在app.wxss中import 文件：@import “/utils/iconfont.wxss”;5，在页面中直接通过icon名字作为类名使用图标...
2021-03-22 15:55:34
104
原创 微信小程序 Component为什么不触发onLoad？
涉及到component和Page的区别Component不会触发onLoad方法。生命周期函数的触发需要依赖lifetimes:Component({ properties: { }, data: { }, lifetimes: { attached: function(options) { // 在组件实例进入页面节点树时执行 console.log(options); } },})参考：...
2021-03-22 15:27:31
2731
原创 钉钉小程序开发 E应用
钉钉小程序开发中点击事件的使用：onTap=“onClick” data-item="{{child}}" 这两个步骤是关键：data-item作为点击事件触发时传参到函数的方式<view class="ltblock" a:for="{{list.dq?list.dq:list.pq}}" a:for-item="child" onTap="onClick" data-item="{{child}}"> <!-- 绑定点击事件。当点击时，重新修改l
2021-03-11 09:38:34
1084
原创 javascript系统学习【巩固】
参考视频视频配套文档视频配套代码提升效率：1，vscode插件：Live Server ：文件保存后自动刷新页面Browser Preview ：可以在编辑器中打开页面https://blog.csdn.net/qq_44266521/article/details/109992934
2021-03-04 17:02:36
106
原创 【随笔】
当你觉得自己还不错或者很棒的时候，你就会停止进步或者慢慢落后了。觉得自己很棒，应该是一种正向自我肯定，奖励自己通过努力终有所获，给自己信心可以面对未知的挑战和更广阔的未来。觉得自己很棒，不是一种对自我认知的结果陈述，甚至骄傲自负。始终在路上，始终保持热爱~...
2020-12-28 09:51:50
56
原创 在vue中自定义全局样式指令
使用全部指令/私有指令 使用时加上V--------全局指令Vue.directive('color',{ bind:function(el) {//和样式相关的最好写在bind中；和js行为相关的最好写在inserted中【防止js行为不生效】。 el.style.color='red'; },})-------私有指令directives:{//自定义私有指令 'fontweight':{ bind:function(el,binding)
2020-12-04 17:28:23
480
原创 在vue中使用datav
datav使用教程：下载：npm install @jiaminghi/data-view / npm install --save @jiaminghi/data-view全局引用：import dataV from '@jiaminghi/data-view'Vue.use(dataV)按需引入：import { borderBox1 } from '@jiaminghi/data-view'Vue.use(borderBox1)...
2020-12-04 17:19:48
4906
原创 在vue中使用echarts
使用echartscnpm install echarts --save在main.js全局引用：import echarts from "echarts";Vue.prototype.$echarts = echarts;import echarts from 'echarts/lib/echarts'// 引入提示框组件、标题组件、工具箱组件。import 'echarts/lib/component/tooltip'import 'echarts/lib/component/tit
2020-12-04 17:17:13
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人