随笔分类 - 前端
记录一次运行vue项目一直失败情况
摘要:参考:https://www.runoob.com/w3cnote/nvm-manager-node-versions.html (使用nvm) 问题描述 原来我的配置是node:22,npm:6,然后直接npm i,但是安装时候一直报错如下 npm ERR! code ELIFECYCLE npm
bootstrap前端基础知识纪录
摘要:官网,目前最新的是v5(https://v5.bootcss.com/) my-5 距离上面5格mx-auto 水平居中w-50 宽度50%w-md-50 中等屏幕宽度50%flex-fill 填充可用空间(外面d-flex,跟w-50搭配使用) col-md-6 中等屏幕6列(外面要有contai
nuxt2简单入门安装
摘要:参考:https://www.jianshu.com/p/fd99718a63e9 @目录概要具体流程小结 概要 听说直接使用vue写前端对百度的seo不够友好,于是便考虑使用nuxt生成静态化来处理 具体流程 首先你的本机环境要有npm,如下图 然后可以使用npx安装nuxt,npx是npm5点几
scoop安装nodejs报错
摘要:准备自己开源一个简单的vue项目,特写个合集记录一下 # 参考:https://stackoverflow.com/questions/69541725/error-cannot-find-module-c-program-files-nodejs-node-modules-npm-bin-node
vue的computed、watch和methods
摘要:参考:传送门1 传送门2 传送门3 参考了官方文档,总结如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script> <
切换窗口变title
摘要:发现个网站当我在这个页面时候title显示的是这样的 然后呢我切换到别的窗口了他的title就变了,变成了这样的 哈哈,还挺好玩的,故搜索了下原理原来是这样贴代码 <script> window.addEventListener('visibilitychange',function() { con
玩转数组
摘要:像是这种情况,一个表单提交几组信息,如图 提交的name一般都是name=”name[]”这种形式,然后传到了后台就变成 Array ( [id] => Array ( [0] => 1 [1] => 2 ) [begin_time] => Array ( [0] => 2018-05-14 [1]
手残党自己做个icon列表优化客户体验
摘要:想想如果用户想要自定义给图标,首先想到的是找个插件,找到个内部东西很多的外国的插件,嗯。。想想bootstrap里面有自己200多个图标,我可以直接利用的上。 大概思路是,bootstrap每个图标都有自己的class,我先存储了他所有的class,然后foreach给我的span,200个就两百个
前端jq验证表单提交
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://static.runoob.com/assets/jquery-validation-1.
ajax操作
摘要:let item = { name: $(this).children('#sizing-addon1').text(), money: $(this).children('input').val() }; data_arr.push(item)// push到一个对象里面 // 下面就是ajax操
在php文件里面写js和html
摘要:<?php $js = <<<JS ..........//没有<script>标签 ............ ................. JS; $this->registerJs($js);//这个方法在view.php里面 $html = <<<HTML ...............
bootstrap初试
摘要:通过composer.json放在根目录,然后通过输入命令行:composer require twbs/bootstrap,自动安装到了vendor/twbs/bootstrap。 或者通过git安装复制这个文件package.json放在根目录,然后命令行,路径自己注意。 <!DOCTYPE h
jq各种功能(有空细分)
摘要:<script src="/zhengli/jq/jquery-1.8.3.min.js" type="text/javascript"></script> /* 1.disabled="disabled"使input失效和只读 readonly>;placeholder="我是暂时字" 2.inp