盐焗海苔-CSDN博客

原创 ionic安装错误 ionic: command not found

一：node版本过低升级到11.15.0以后可以安装了二：需要用cnpm命令下载npm安装时总是报错，改成cnpm install -g ionic后终于安装成功了

2021-04-02 13:25:42 573

原创 vscode前端自用插件

Auto Close TagAuto Rename TagBeautifyColor HighlightPrettier - Code formatterHTML CSS SupportJavaScript (ES6) code snippetslanguage-stylusPath IntellisenseVeturTypeScript ImportJavaScript and TypeScript NightlyGitGitLe...

2020-09-24 08:46:32 380

原创 uni小程序获取image图片长宽信息

引用wx.getImageInfo方法 public getImageInfo(src): any { return new Promise((resolve, reject) => { wx.getImageInfo({ src: src, success: (res) => { resolve(res); }, fail: (err) => { rejec

2020-07-04 15:32:22 5042 5

原创 vue制作网站的问题及解决办法

一、vue使用路由跳转后，页面不置顶配置路由index.js时，增加export default new Router({ scrollBehavior(to,from,saveTop){ if(saveTop){ return saveTop; }else{ return {x:0,y:0} } }, routes:[.....

2020-02-25 18:09:29 541

原创 laravel Class App\Http\Controllers\Request does not exist.错误

在Controller.php中修改use引用删除use App\Http\Requests;use App\Http\Requests\Request;替换成use Illuminate\Http\Request;参考https://laracasts.com/discuss/channels/general-discussion/class-apphttpc...

2019-08-22 13:09:34 7350

原创 js+css实现html页面加载动画

//根据js判断，页面加载完毕就显示 document.onreadystatechange = function () { if (document.readyState == "complete") { $("#loading").hide(); } }

2019-08-15 10:15:57 781

原创 vue获取时间格式以及24小时循环

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期...

2019-05-16 11:13:57 4339

原创 jq获取循环数据与随机颜色，重组生成json数组

//获取所有原始数据长度 var len = $(".list").length; //生成json数组 var jsonString = []; for (var i=0; i < len; i++){ var json= {}; //数组里每一组的格...

2019-05-07 10:33:46 568

原创 js获取本地图片并转换成base64格式

html上传图片<input type="file" id="imgfile" method="post" enctype="multipart/form-data"><button type="button" onclick="ToBase64();">js获取上传的图片并转换function ToBase64() { /*转换base64...

2019-04-18 15:41:30 12210

原创 vue用if判断数据是否有值

如果循环中没有图片，则不显示<img :src="item.imgs" v-if="item.imgs"> 如果循环中数字为0或空，则不显示<p v-if="item.num >0">{{item.num}}</p> ...

2018-12-26 12:42:30 15624

原创 vue获取循环数组中的最后一组并给其增加样式

<li v-for="(item,index) in items" :class="index===items.length-1?'lastfood':''"> …… ……</li>获取当前循环数组中最后一组，增加lastfood的class类，css中设置样式...

2018-12-26 10:30:50 10575

原创 img取消无图片时的默认边框

当img中间无图片时显示默认边框，在firefox中是没有的，但是Chrome中显示，尝试用border:0无效可以使用属性选择器设置opacity为空img[src=""],img:not([src]){ opacity:0;} ...

2018-12-26 10:16:43 2489 2

原创 Vue list循环时点击当前元素显示相应的详细内容

列表循环 <ul> <li v-for="(good,index) in goods" :key="good.id"class="food-list-hook"> <div class="class-title"> {{good.class}} </div> <div

2018-12-03 13:29:59 6773

原创同时使用vue.js和jquery时，jq事件无响应解决办法

先加载vue.js，让页面渲染完成后加载jq，给jq绑定ready事件$(document).ready(function(){ $(function() { //jq事件 });});更新……ready加载太玄学了，测试3/10的几率可以操作dom成功，还是用vue的v-if和v-show方法，data中设置false隐藏，绑定到@clic...

2018-10-26 15:06:19 6621 1

原创 vue.js加载json数据

在使用jQuery的情况下$(function() { $.ajax({ type: 'get', url: 'data.json', success: function(data) { if (data.msg == "ok") { pushDom(data.data); } else { alert("服务器返回异常"); } }, ...

2018-10-26 15:00:06 2822

原创单行文字与多行文字在div排列中垂直居中

在一行四列、固定高度的div中，有的div里p为单行，有的p为多行，要使他们都能保持在div中居中。为父元素设置高度、行高为p元素设置display、行高、位置div{ width:100px; height:200px; line-height:200px;}div p{ display:inline-block; vertical-a...

2018-09-21 15:02:39 1745

原创 vue安装socket在线实时通讯

两个程序通过一个双向的通信连接实现数据的交换,连接的一端称为一个socket，给客户端和服务器端提供实时通信。需要先打开工程目录下载好socket.io后在node_modules文件夹下新生成了一个socket.io文件夹，其中我们可以找到一个socket.io.js文件。将它引入到HTML页面，这样就可以在前端使用socket.io与服务器进行通信了。<--引入so...

2018-09-13 10:14:14 1993

原创 vue的使用步骤

Vue是一个JavaScript框架，使用这个框架，需要引入Vue.js<script src="http://cdn.bootcss.com/vue/2.1.6/vue.min.js"">Vue项目，本质是一个单页面应用，所以需要一个单页面的入口<div id='app'>{{message}}</div>新建Vue实例new Vue...

2018-08-30 16:05:01 266

原创 vue实现简单聊天窗口

构建：输入：input 提交：button 历史消息展示：ul实现：数据展示到界面：data 界面数据动态变化：操作data 数据刷新： this.data = value<div id="app"> <ul> <li v-for="item in message_array">{{item}}&lt...

2018-08-30 15:33:49 23805 164

原创 Vue.js的常用指令

Vue.js提供了一些常用的内置指令：v-if指令 v-show指令 v-else指令 v-for指令 v-bind指令 v-on指令Vue.js具有良好的扩展性，可以开发一些自定义的指令。 v-if 是条件渲染指令，它根据表达式的真假来执行元素的插入或者删除行为。例：<div id="app"> <h1 v-if="yes">Yes!&l...

2018-08-30 14:06:32 238

原创 js当前栏目选中时显示样式

2018-08-23 11:15:52 791

转载网站页面代码该如何做SEO优化

1、HEAD部分代码规范化HEAD部分代码是搜索引擎爬行网站的入口部分，现在很多网站的头部代码都相当统一化，刻板效应明显十足，这样的网站代码是像模板框架一样是不被spider喜欢的，而我们要做的就是将网站的代码规范化，建立起网站独一无二的head部分，让搜索引擎有新鲜感，这样才能够吸引spider爬行。2、使用DIV+CSS布局网页虽然现在div+css已经很成熟了，但是很多网页设计者...

2018-08-23 09:25:52 3572

weixin_40431771的博客