abcd2923的博客

原创 关于vue中使用el-table-column时间戳转换成日期的问题

关于vue中使用el-table-column时间戳转换成日期的问题template<el-table-column prop="yuyueTime" label="日期" :formatter="dateFormat" ></el-table-column>scriptmethods: { //时间格式化 dateFormat:function(row, column) { var date = row[column.proper

原创 关于在vscode 中使用git push命令报错的解决办法

Logon failed, use ctrl+c to cancel basic credential prompt.刚开始一直报这样的错误，后来阅读官方文档链接https://code.visualstudio.com/docs/editor/github，发现其实需要给vscode安装一个扩展安装该插件后，再进行正常的操作命令，vscode会指引你，一步一步跟着做就ok了，非常简单~...

原创 关于上传本地项目到GitHub并生成链接

在GitHub上新建一个仓库打开git Bash Here，切换到你想要的文件路径git clone 仓库地址复制下来后把自己的文件复制粘贴进仓库的那个文件夹下切换到仓库文件路径git statusgit add .git commit -m '提交代码'git push在GitHub上找到setting，Git Page,将source设置为master....

原创 关于解决GitHub上传项目生成链接时访问不了的问题

原创 上传本地仓库到GitHub的git命令

echo "# test" >> README.mdgit initgit add README.mdgit commit -m "first commit"git branch -M maingit remote add origin https://github.com/abcd1221-12/test.gitgit push -u origin maingit remote add origin https://github.com/abcd1221-12/test.git

原创 关于谷歌浏览器安装不了devtools插件的解决办法

关于谷歌浏览器安装不了devtools插件的解决办法这个问题还困扰了我挺久的，在网上找来找去，找到的方法对我而言总是会有一些问题不能成功。因此贴出解决办法，供大家参考。最初是这样子的，然后进一步寻找解决办法；[官网地址]https://github.com/vuejs/vue-devtools/tree/master，注意不要下载成dev版本的下载后解压，找到文件路径输入以下命令npm installnpm run build成功后大概是如下界面：找到此路径，打开文件，将fal

原创 执行npm run dev报错解决办法

npm ERR! syscall opennpm ERR! path C:\Users\dengqian\Desktop\project_vue\package.jsonnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\dengqian\Desktop\project_vue\package.json'npm ERR! enoent This is related to npm

原创 vue init webpack tabbar创建vue项目时出现问题

vue init webpack tabbar创建vue项目时出现问题vue : 无法加载文件 C:\Users\dengqian\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。C:\Windows\System32\WindowsPowerShell\v1.0，找到如上路径，以管理员身份运行powershell.exe即可输入set-ExecutionPolicy RemoteSigned ，选择Y或A即可...

原创 图片放大镜效果—基于jquery

<script src="./js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".smallBox").mouseenter(function(){ //获取小图的位置 var sLeft = $(".smallBo

原创 手风琴菜单—基于原生js

<script type="text/javascript"> //获取所有的span var span = document.getElementsByClassName("menuSpan"); var openDiv = span[0].parentElement; //遍历span for(var i=0 ; i<span.length ; i++){ //为每

原创 封装move函数—基于原生JS

// 参数： // obj:要执行动画的对象； // attr:要执行动画的样式，如"left" "top" "height" "width" //target: 执行动画的目标位置 //speed：移动的速度 //callback：回调函数，将在动画执行完毕后执行 // var timer; function move(obj,attr,target,speed,callback){ clea

原创 轮播图—基于原生js

<!-- 图片展示区域 --> <div class="outer"> <ul class="imgList"> <li><img src="images/service_pic1.jpg"/></li> <li><img src="images/service_pic2.jpg"/></li> <l

原创 数组去重—基于原生JS

<script type="text/javascript"> var arr = [1,1,2,1,2,1,1]; Array.prototype.unique = function(){ var temp = {};//创建一个对象 var newArr = [];//创建一个新数组，用于存储返回新的数组 var len = this.length; for(var

原创 键盘移动

<div style="width: 100px;height: 100px;background-color: brown;opacity: 0.8;position: absolute;top: 0;left: 0;"></div> <script type="text/javascript"> var div = document.getElementsByTagName("div")[0]; //设置定时器解决转换方向时卡顿

原创 输出九九乘法表—基于原生js

<script type="text/javascript"> //嵌套循环，输出九九乘法表 for(var i=1 ; i<=9 ; i++){ for(var j=1 ; j<=i; j++){ document.write("<span>" + j + "*" + i + "=" + i*j + "</span>"); }

原创 图片切换2

<div class="pic_tab"> <p class="info"></p> <div class="pic"> <img src="images/service_pic1.jpg"/> </div> <div class="btn"> <button class="prev">上一张</

原创 鼠标拖拽函数—基于原生js

<div style="width: 100px;height: 100px;background-color: brown;opacity: 0.8;position: absolute;top: 0;left: 0;"></div> <script type="text/javascript"> function drag(obj){ // var div = document.getElementsByTagName

原创 图片切换—基于原生js

<div class="pic_tab"> <div class="pic"> <img src="images/service_pic1.jpg"/> </div> <div class="btn"> <button class="start">开始</button> <button class="

原创 手风琴菜单—基于jquery

<div> <h3>瓜类</h3> <ul> <li>西瓜</li> <li>西瓜</li> <li>西瓜</li> <li>西瓜</li> </ul> <h3>瓜类</h3&g

原创 消息滚动案例—基于jquery

<div class="scrollPic"> <ul> <li> <img src="../images/pic1.jpg"/> <div class="text"> <h3>《门前》 顾城</h3> <p>我多么希望，有一个门口

原创 选项卡案例—基于jquery

用作记录自己的学习练习，css样式比较简陋，没有细写…<div class="tab"> <div class="opation_li"> <ul> <li>未付款</li> <li>已付款</li> <li>已发货</li> <li>未发货</li> &

转载 git上传项目基本命令

git基本命令地址

原创 node.js刷新浏览器要点

node.js刷新浏览器要点做一个网页项目时，总是需要不断保存代码，再不断刷新浏览器去查看我们的网页效果，很麻烦。去官网上安装一个node.js就可以解决我们的烦恼，安装好后，我们只需要保存代码，浏览器就会自动刷新，我们就可以看到即时的网页效果。新建一个文件夹project，在vscode中打开点击文件夹，在终端中打开，按住快捷键 Ctrl+` 即可初始化项目，npm init -y,会出现一个project.json文件输入npm i live-server,会自动下载我们需要的

原创 前端切图要点

前端切图要点1.对于需要透明背景的小图标（如logo）移动工具选取图层，Ctrl+左键点击缩略图（载入选区）Ctrl+C复制图层，Ctrl+N新建图层，其中背景颜色设为透明Ctrl+V粘贴到新建图层，存储为web格式（Alt+Shift+Ctrl+S）2.对于需要作为背景的大图片（如轮播图）矩形工具测量图片大小，Ctrl+N新建图层移动工具直接把图片拖到新建图层，选取自己想要的部分3.对于不在一个图层上的小图标（如小工具logo）Ctrl+左键选中想要的图层，右键，点击转为智能对

原创 关于第一次把psd设计稿转换成HTML页面的一些心得

关于第一次把psd设计稿转换成HTML页面的一些心得心得元素的命名和层次化图片的大小和宽高的设定清除浮动clearfix和box-sizing：border-box心得记录一下自己的学习心得，第一次接触的psd设计稿尺寸是1920的，把它转换成HTML页面是也是完全没有头绪的。上网查了一些把psd设计稿转为HTML页面的一些操作，第一步当然就是切图了，网上都有很详尽的介绍；第二步就可以进入正题...