- 博客(16)
- 收藏
- 关注
原创 小程序uview使用
uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序,其它小程序平台的兼容可能存在一些问题,后续会针对这方面持续优化。
2023-01-11 10:59:36
1653
原创 Vuex 基础
vuex快速上手1 安装npm i -D vuex2 创建 store/index.js3 快速上手vuex// 初始化 store 实例,import Vue from "vue";import Vuex from 'vuex';Vue.use(Vuex);let store = new Vuex.Store({})export default store;4 建立store实例与vue实例的联系,目的:为了在组件中 this.$store或者 store实例// ma
2021-10-19 22:29:04
151
原创 vue 组件通信
组件通信如何实现数据共享将一个组件中的数据传递到另一个组件中关系型组件之间的通信1.props 父传子 自定义属性// parent.vue<template> <div> <h1>parent component</h1> <child v-bind:onmsg="msg"/> </div></template><script>import child from '
2021-10-19 22:22:57
157
原创 vue 生命周期
什么是生命周期vue组件从创建到销毁的整个过程vue 生命周期图示生命周期分为几个阶段,分别触发什么函数1.初始化阶段:beforeCreate created beforeMouont mounted1.0 初始化事件和生命周期函数1.1 初始化监听数据,属性和方法,初始化事件,触发:beforeCreate created1.2 初始化$el 初始化渲染dom ,触发:beforeMouont mounted2.更新阶段:beforeUpdate updated (被页面使用的
2021-10-19 22:20:36
165
原创 webpack5搭建svg环境
webpack5搭建svg环境svg是矢量图。使用svg画的图片,不会怎么放大,都不失真1: svg可以通过img标签加载2: svg可以作为字体图标3: svg 可以用在大屏可视化上做各种标记点。进阶:将svg 做成icon 组件,并使用webpack 搭建环境 …目录结构开发实例代码如下在根目录创建src文件夹,并创建user.svg,index.js// user.svg<svg verison="1.1" xmlns="http://www.w3.org/200
2021-07-22 22:50:25
1044
原创 webpack 搭建 ts 环境
webpack 搭建 ts 环境ts需要在typesctipt运行ts运行过程: ts上----->编译为js文件—>运行js1.初始化项目npm init2.目录结构3.安装依赖awesome-typescript-loader 是webpack 编辑ts的loadertypescript 是ts的运行环境webpack webpack 的运行环境webpack-cli
2021-07-22 22:32:16
148
原创 webpack搭建scss环境
webpack搭建scss环境scss: 它是一种 CSS 预处理器,语法和 CSS 相似,但加入了变量、逻辑、等编程元素.1.scss 运行环境node-sassscss 文件需要在node平台运行,node-sass sass 是 scss sass的运行平台2.目录结构3.安装依赖node-sasssass-loader 加载 Sass/SCSS 文件并将他们编译为 csscss-loader
2021-07-22 21:56:01
1270
原创 webpack配置打包编译less环境
webpack 搭建 less 环境less:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。1.目录结构2.初始化项目npm init3.开发实例代码//index.jsimport './index.less';console.log("index.js 运行了");//index.less// 定义变量@width: 100px;@height:
2021-07-22 20:18:18
881
原创 Js 正则表达式
正则表达式1.正则表达式概念正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去匹配符合规则的字符。就是说为了去验证字符串是否满足们某个规则。2.正则表达式的使用2.1 创建正则表达式使用字面量的方式:由斜杆(/)包围var reg = /abc/;使用构造函数的字符串参数var reg = new RegExp(/"abc"/); //首个参数为常规字面量var reg = new RegExp("abc"); //首个参
2021-07-15 22:29:08
332
原创 JavaScript项目总结
1、你学会了什么 ?开始部署项目的时候,先创建各个文件并对各个文件进行分类管理,让结构更加的清晰可观,例如:view文件夹中存放各个html文件。在给各个.html, .js, .class文件的起名上也更加的规范化。利用封装的Ajax,对数据进行去请求,然后获取到相关的数据,根据数据的内容结构,对页面进行渲染,利用css样式对页面中的元素进行美化处理,最终根据js来处理一些动态的效果。利用localStorage.setItem()方法,对页面中的一些值进行存储。然后在其他页面中利用lo
2021-07-13 20:07:45
1727
原创 JS中的this指向问题
在全局作用域中或者普通函数中 ,this 指向全局对象 window。//直接打印console.log(this);//this指向window//普通函数function foo(){ console.log(this);//window}foo();var bar = function(){ console.log(this);//window}bar();function函数中,谁触发指向谁函数的触发是不是call apply bind,如果是,this..
2021-06-29 22:14:56
111
转载 css 实现导航栏下划线向两边慢慢展开
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css实现导航栏下划线向两边展开效果</title> <style> ul { height: 80px; line-height: 80px;
2021-06-22 21:22:22
367
原创 DOM 知识点小结
DOM知识点1、查找节点查找所有的子节点: obj.childNodes 子节点集合,包括文本节点,注释节点, 元素节点等 ; 通过下标取值查找所有的子元素节点: obj.children 子元素节点集合(只包含html标签) ; 通过下标取值查找第一个子节点: obj.firstChild (所有节点都可能成为第一个子节点)查找最后个子节点: obj.lastChild (所有节点都可能成为第一个子节点)查找上一个兄弟节点:obj.previousSibling (所有节
2021-06-22 20:22:55
120
原创 JavaScript 数组去重
数组去重 [2,3,3,4,5,6,5] --> [2,3,4,5,6]## 标题1.var arr = [2, 3, 3, 3, 4, 5, 6, 5];function remove(arr) { //获取数组中的每一个元素 for (var i = 0; i < arr.length; i++) { //获取当前元素后面的所有元素 for (var j = i + 1; j < arr.length
2021-06-22 20:16:49
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人