- 博客(28)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vue中获取 md 文件内容，并将 Markdown 文本转换为 HTML
说明：在较新的 npm 版本中（npm 5.0.0 及以上），你不需要再手动加上 --save。因为从 npm 5 开始，默认行为就是将安装的包自动保存到 package.json 的 “dependencies” 中。说明：此处的文件路径和验证规则可以根据个人需求修改。
2025-05-09 11:08:26
491
原创 Vue3+Vite区分开发环境和生产环境
Vite会自动将所有以VITE_开头的环境变量注入到你的Vue应用里，使得这些变量可以通过import.meta.env对象访问。首先在根目录下创建两个文件。：关于配置环境变量，需要以。
2025-05-08 21:19:32
359
原创 文本溢出隐藏显示省略号失效
之前百试百灵的代码，在这次却不生效了，找了半天都没找到失效原因，唉，惆怅。附上之前的代码：overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;后台看到了某博客，瞎猫碰死耗子，试了一下：overflow:hidden; text-overflow:ellipsis;display:-webkit-box; /*
2021-07-15 16:53:13
1332
原创 elementui 极联选择器获取当前label
今天遇到个问题，需要获取极联选择器当前label，以下方案完美解决：<el-cascader ref="testCascader" v-model="selvalue" :options="typesinfo" :props="{ expandTrigger: 'hover', label: 'name', value: 'id' }" placeholder="职位类型" @change="nameChange"></el-cascader>data(){
2021-07-12 16:59:29
786
转载 js字符串转时间戳
(1)把当前时间转成时间戳//把时间转成时间戳function timeTampToStr(){ // 当前时间戳 var timestamp = parseInt(new Date().getTime()/1000); document.write(timestamp);}(2)当前时间换日期字符串//把当前时间转成字符串function currentTimeChangeStr(){ //获取当前时间 var now = new Date();
2021-04-20 13:44:33
10884
原创 微信小程序云开发（五）数据库-查
查询一条oras.doc('doc-id').get({ success: function(res) { console.log(res.data) }})实例：//callback风格queryDD(){ const db = wx.cloud.database() //拿到数据库的引用 const oras = db.collection("oras") //拿到集合的引用 oras.doc("记录id").get({ success: functio
2021-04-13 17:04:20
1990
原创 微信小程序云开发（四）数据库-改
局部更新const db = cloud.database()const oras = db.collection("oras")//callback风格oras.doc('记录id').update({ data: { // data 传入需要局部更新的数据 done: true }, success: function(res) { console.log(res.data) }})oras.doc('记录id').update({ data
2021-04-13 16:50:09
810
原创 微信小程序云开发（三）数据库-删
删除一条const db = cloud.database()const oras = db.collection("oras")//callback风格oras.doc('id').remove({ //根据记录id来查找 success: function(res) { console.log(res.data) }})//Promise风格let d = oras.doc("id")d.remove().then(res=>{ console.log
2021-04-13 11:06:15
719
原创 微信小程序云开发（二）数据库-增
Promise风格const db = cloud.database()const oras = db.collection("oras")oras.add({ data: { name: 'sz', age: 18 }}).then(res=>{ console.log("success")}).catch(err=>{ console.log("fail")})CallBack风格oras.add({
2021-04-13 11:00:24
136
原创 微信小程序云开发（一）数据库操作流程
1、获取数据库的引用不传任何参数时，默认取的是当前环境对应的数据库引用const db = cloud.database()想指明哪个环境，可传递一个对象const db = cloud.database({ env: "" //环境id})2、创建/获取集合创建集合db.createCollection('collection1').then(res=>{ console.log("创建集合成功", res)}).catch(err=>{ console
2021-04-13 10:54:14
627
原创 微信小程序真机调试报错{“errMsg“:“hideLoading:fail:toast can‘t be found“}
真机调试时，遇到报错：(in promise) MiniProgramError{"errMsg":"hideLoading:fail:toast can't be found"}Object查看官方文档，发现报错原因可能是：wx.showLoading 和 wx.showToast 同时只能显示一个wx.showLoading 应与 wx.hideLoading 配对使用解决：let loading = false //定义一个变量来判断是否loadingif(!loading)
2021-04-09 15:25:15
4021
1
原创 css z-index无效
z-index无效的情况有：（1）父标签position属性为relative;（2）问题标签无position属性（不包括static）（3）问题标签含有浮动(float)属性所以这就解释了为什么parent设置了position和z-index之后grandparent的z-index就会失效的问题，解决办法：1、position:relative改为position:absolute；2、浮动元素添加position属性（如relative，absolute等）；3、去除浮动。所以，
2021-04-02 11:24:09
2391
原创 css 限制行数or宽度，超出显示省略号
(1).文字超出几行，省略超出部分，显示’…’overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;(2). 限制显示字数，可以给定容器宽度限制，超出部分省略max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
2021-04-02 11:04:59
551
原创 css 背景图片自适应
让图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于露白。background-size: cover;/*为chrome和opera浏览器作兼容*/-webkit-background-size: cover;-o-background-size: cover;图片的位置，居中，靠左对齐background-position: center 0;智一面提供超多的[web前端工程师小程序开发的笔试题](http://www.gtalent.cn/exam/interview?
2021-04-02 11:00:08
170
原创 nuxt.js使用jquery
方法一：安装 jquery 包1、npm install --save jquery2、配置 nuxt.config.jsconst webpack = require('webpack')module.exports = { build: { plugins: [ new webpack.ProvidePlugin({ '$' : 'jquery' }) ] },
2021-03-26 10:42:47
2403
1
原创 nuxt.js使用echarts
1、npm install [email protected] --save2、npm install iview --save3、新建 plugins/echarts.jsimport Vue from 'vue'import echarts from 'echarts'Vue.prototype.$echarts = echarts // 引入组件（将echarts注册为全局）4、新建 plugins/iview.jsimport Vue from 'vue';import iView fro
2021-03-26 10:30:55
919
1
原创 PHP面向对象（十）- 多态性
PHP面向对象（十）- 多态性1. 通过继承实现多态多态性：统一操作作用于不同类的实例，将产生不同的执行结果（即不同类的对象收到相同消息时，得到不同的结果）在PHP中，实现多态的方法有两种：（1）通过继承（2）通过接口例子：abstract class Vegetables{ //定义抽象类 abstract function go_Vegetables(); //定义抽象方法}class Vegetables_potato extend
2021-03-25 13:53:54
283
转载 PHP面向对象（九）- 类型运算符 instanceof
用于确定一个 PHP 变量是否属于某一类 class 的实例//例：对类使用instanceofclass Test1 { }class Test2 { }$t1 = new Test1;var_dump($t1 instanceof Test1); //bool(true)var_dump($t1 instanceof Test2); //bool(false)也可用来确定一个变量是不是继承自某一父类的子类的实例//例：对继承类使用instanceofclass Tes
2021-03-25 13:47:29
187
原创 PHP面向对象（八）- 类的继承与接口
class roomtypes{ public $customertype; //公共属性 private $hotelname="GoodHome"; //自有属性 protected $roomface="适合所有人"; //可以继承的属性 function __construct(){ //声明构造方法，执行初始化任务；当通过new实例化的时候，就会被调用执行 $this->customertype="everyonefi
2021-03-25 13:39:53
178
原创 PHP面向对象（七）- 接口
继承特性简化了对象和类的创建，增加了代码的可重用型。但是PHP只支持单继承，如果想实现多继承，就需要使用接口。PHP可以实现多个接口。接口通过关键字interface来声明。注意：接口中不能声明变量，只能使用关键字const声明为常量的成员属性。接口中声明的方法必须是抽象方法。接口中所有的成员都必须具有public访问权限。语法格式：interface 接口名称{ //常量成员 //抽象方法}与继承使用extends关键字不同的是，实现接口使用的是imp
2021-03-23 20:24:28
1170
原创 PHP面向对象（六）-抽象类
抽象类和接口都是特殊的类，因为它们都不能被实例化。抽象类只能作为父类使用，因为抽象类不能被实例化。抽象类使用关键字abstract声明。语法格式如下：abstract class 抽象类名称 { //抽象类的成员变量列表 abstract function 成员方法1(参数); //抽象类的成员方法 abstract function 成员方法2(参数); //抽象方法必须使用关键字abstract来修饰，抽象方法后必须有分号。}抽象类和普通类的主要区别：抽象类的方
2021-03-23 20:19:51
404
原创 PHP面向对象（五）-final类和方法
从PHP5开始，新增了一个final关键字。如果父类中的方法被声明为final，则子类无法赋给该方法。如果一个类被声明为final，则不能被继承。1) final方法不能被重写如果希望类中的某个方法不能被子类重写，就可以设置该方法为final方法，只需要在方法前加上final修饰符即可。如果这个方法被子类重写，将会出现错误。例子：class Math { //计算两个数值的和 public final function Sum($a,$b){ return $
2021-03-23 20:15:53
306
原创 PHP面向对象（四）- 静态属性和方法
静态属性和方法声明类属性或方法为static（静态），可以不实例化类而直接访问。静态属性不能通过一个类已实例化的对象来访问（但静态方法可以）。静态属性不可以由对象通用->操作符来访问。自PHP 5.3.0起，可以用一个变量来动态调用类，但该变量的值不能为关键字self、parent或static。伪变量$this在静态方法中不可用。（原因：静态方法不需要通过对象即可调用。）静态属性不需要实例化就可以直接使用，调用格式为“类名::静态属性名”。静态方法不需要实例化就可以直接使用，调用格式为
2021-03-18 15:39:28
473
原创 PHP面向对象（三）访问方法、类的继承
访问方法（accessor）OOP思想并不鼓励直接从类的外部访问类的属性，以强调封装性，因此可以使用_get 和 _set 方法来达到访问方法的目的。可以避免直接对类属性的访问。无论何时，类属性被访问和操作，访问方法都会被激发。例子：//实例：介绍访问访问的使用和技巧class guests{ public $property; function __set($propName,$propValue){ //$propName为属性名，$propValue为属性值
2021-03-18 15:37:55
272
原创 PHP面向对象（二）- 构造方法和析构方法
1 构造方法构造方法：构造方法存在于每个声明的类中，它执行一些初始化的任务。如果类中没有直接声明构造方法，那么类会默认生成一个没有参数且内存为空的构造方法。声明构造方法，名称必须以两个下划线开头，即"__construct"注意，构造方法是不能返回（return）值的。构造方法特性：当通过关键字new生成实例的时候，它就会被调用执行。作用：对一些属性进行初始化，即给一些属性进行初始化的赋值。一个类只能声明一个构造方法。构造方法中的参数是可选的，如果没有传入参数，就将使用默认参数为成员变
2021-03-16 19:33:04
546
原创 PHP面向对象（一）- 类的声明和实例化
智一面PHP面向对象（一）- 类的声明和实例化1. 类和对象的介绍类和对象先定义“类”，再由“类”产生一个个“实体”，也就是一个个“对象”。面向对象编程(OOP)对象（object）在 OOP 中是由属性和操作组成的。属性（attributes）就是对象的特性或与对象关联的变量。操作（operation）就是对象中的方法（method）或函数（function）。OOP 最重要的特性之一是可封装性。对对象内部数据的访问只能通过对象的“操作”来完成，这也被称为对象的“接口”（inter
2021-03-16 19:27:46
1061
原创 ES6基础-ch01-let和const命令
ES6-ch01-let和const命令1、let命令（1）声明的变量，只在let命令所在的代码块内有效。for循环的计数器，就很合适使用let命令。（2）不存在变量提升let声明的变量一定要在声明后使用，否则报错。（3）暂时性死区在代码块内，使用let命令声明变量之前，该变量都是不可用的。“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。在声明之前，都属于...
2019-05-07 11:32:16
210
空空如也
想找前端实习，又不知道自己的水平怎么办？
2021-06-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人